/**

 * Theme Name: Structure

 * Theme URI: http://themehybrid.com/themes/structure

 * Description: A beautifully-crafted blogging theme that is <em>structurally</em> sound in both markup and design, making it a powerful enough tool for any blogger.

 * Version: 2.0

 * Author: Justin Tadlock

 * Author URI: http://justintadlock.com

 * Tags: threaded-comments, microformats, translation-ready, rtl-language-support, two-columns, fixed-width

 * Template: hybrid

 * Status: publish

 *

 * Copyright (c) 2007 - 2009 Justin Tadlock.  All rights reserved.

 * http://justintadlock.com

 *

 * Structure is released under the GNU General Public License, version 2 (GPL).

 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

 *

 * This program is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

 */



/* Get base CSS */

@import url('../hybrid/library/css/22px.css');



/* Get plugins CSS */

@import url('../hybrid/library/css/plugins.css');



/* Get drop-downs CSS */

@import url('../hybrid/library/css/drop-downs.css');



/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */

/* @import url('tabs.css'); */



/**

* Body

************************************************/

body {

	font: 12px/22px Arial, Times, 'Times New Roman', serif;

	color: #000;

	background-color: #3b5998;	

	/*background-image: url(images/bg.gif);

	background-repeat: repeat-x;	*/

	}



#body-container {

	overflow: hidden;

	width: 980px;

	margin: 0 auto;

	padding: 0 20px;

	background-color: #ffffff;

	}



/**

* Elements

************************************************/



/* Links */

a {

	color: #0C386E;

	text-decoration: none;

	}

a:hover {

	color: #000;

	text-decoration: underline;

	}



/* Headers */

h1, h2, h3, h4, h5, h6 {

	font-family: Arial, Verdana, sans-serif;

	font-weight: bold;

	}

h1, h2 {

	font-size: 20px;

	}

h3 {

	font-size: 18px;

	}

.hentry h3 {

	font: italic normal normal 18px/22px Georgia, Times, 'Times New Roman', serif;

	}

h4 {

	font-size: 17px;

	}

h5 {

	font-size: 16px;

	}

h6 {

	font-size: 15px;

	}



/* Lists */

ul {

	list-style: square;

	}



/* Blockquotes */

blockquote {

	padding: 20px 20px 0 20px;

	margin: 20px;

	font-family: Arial, Verdana, sans-serif;

	font-size: 14px;

	color: #333;

	background: #eee;

	border: 1px solid #ddd;

	}

blockquote blockquote {

	margin: 0 0 20px 0;

	background: #f7f7f7;

	border: 1px solid #ccc;

	}



/* Code */

code {

	padding: 2px 3px;

	font: normal normal normal 12px/22px Arial, Verdana, sans-serif;

	color: #444;

	background: #eee;

	}

pre {

	overflow: auto;

	padding: 20px;

	font: normal normal normal 12px/22px Arial, Verdana, sans-serif;

	color: #444;

	background: #eee;

	border: 1px solid #ddd;

	}

pre code {

	padding: 0;

	}



/* Tables */

table {

	width: 100%;

	background: #fff;

	border-left: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}

caption {

	font: italic normal normal 12px/22px Verdana, Geneva, Tahoma, sans-serif;

	text-align: right;

	color: #666;

	}

tr {

	margin: 1px;

	border-top: 1px solid #ddd;

	}

td {

	padding: 3px;

	font: normal normal normal 13px/22px Arial, Verdana, sans-serif;

	border-right: 1px solid #ddd;

	}

tr.alt td, tr.even td {

	background: #f7f7f7;

	}

th {

	padding: 3px;

	font-weight: normal;

	color: #444;

	background: #eee;

	border-right: 1px solid #ddd;

	}



/* Acronyms */

acronym {

	font-size: 13px;

	border: none;

	}



/* Drop caps */

.drop-cap {

	float: left;

	margin: 3px 3px 0 0;

	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;

	color: #333;

	}



/* Notes, alerts, and such. */

.note, .warning, .alert, .error, .download {

	font: normal normal normal 13px/22px Arial, Verdana, sans-serif;

	color: #444;

	}



/* Notes */

.note {

	padding: 9px;

	background: #eee;

	border: 1px solid #ccc;

	}



/* Warnings/Alerts */

.warning, .alert {

	padding: 9px;

	background: #fffbbc;

	border: 1px solid #E6DB55;

	}



/* Errors */

.error {

	padding: 9px;

	background: #ffebe8;

	border: 1px solid #C00;

	}



/* Downloads */

.download {

	padding: 9px;

	background: #e7f7d3;

	border: 1px solid #6c3;

	}



/* Alignment */

.left, .alignleft {

	float: left;

	margin: 0 20px 0 0;

	}

.right, .alignright {

	float: right;

	margin: 0 0 0 20px;

	}

.center, .aligncenter {

	display: block;

	margin: 0 auto 20px auto;

	}

.block, .alignnone {

	display: block;

	margin: 0 0 20px 0;

	}

.clear {

	clear: both;

	}



/**

* Images

************************************************/



/* Thumbnails */

.thumbnail {

	float: left;

	width: 150px;

	height: 150px;

	margin: 0 15px 10px 0;

	padding: 4px;

	border: 1px solid #ccc;

	background: #fff;

	}



/* Avatars */

.avatar {

	float: left;

	width: 100px;

	height: 100px;

	margin: 0 15px 10px 0;

	padding: 4px;

	border: 1px solid #ccc;

	background: #fff;

	}



/* Captions */

.wp-caption {

	max-width: 576px;

	padding: 4px 0 4px 0;

	background: #eee;

	border: 1px solid #ccc;

	text-align: center;

	}

.wp-caption .wp-caption-text {

	margin: 0;

	padding: 0 5px;

	text-align: right;

	font-family: Arial, Verdana, sans-serif;

	font-size: 13px;

	color: #454545;

	}

.wp-caption img {

	max-width: 566px;

	margin: 0;

	padding: 0;

	border: 1px solid #666;

	}



/**

* Page Navigation

************************************************/

#navigation {

	position: relative;

	top: -102px;

	width: 980px;

	height: 40px;

	margin: 0 auto;

	background-color: #FFFFFF;

	}

#page-nav {

	float: left;

	width: 700px;

	margin: 0;

	}

#page-nav ul {

	list-style: none;

	margin: 0;

	}

#page-nav li {

	float: left;

	margin: 0;

	padding: 0;

	}

#page-nav a {

	display: block;

	font: normal normal bold 10px/10px Arial, Verdana, sans-serif;

	color: #666666;

	padding: 13px 20px 13px 20px;

	}

#page-nav a:hover {

	text-decoration: underline;

	}



/* Drop-down styles */

#page-nav li:hover ul, #page-nav li.sfHover ul  {

	top: 40px;

	}

#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {

	top: -1px;

	}

#page-nav ul ul {

	border-top: 1px solid #01192f;

	background: #01203C;

	}

#page-nav li li {

	margin: 0;

	padding: 0;

	border-bottom: 1px solid #01192f;

	}

#page-nav li li a {

	padding: 10px 10px;

	border: none;

	}



/* Search form in navigation bar. */

#navigation form {

	float: right;

	}

#navigation .search-text {

	width: 200px;

	padding: 5px 10px;

	margin: 5px 0;

	font-style: italic;

	color: #333;

	background: #f7f7f7;

	border: 1px solid #333;

	}

#navigation .search-submit {

	display: none;

	}



/**

* Header

************************************************/

#header {

	overflow: visible;

	position: relative;

	top: 40px;

	height: 60px;

	padding: 20px 20px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	background-image: url(images/header2.jpg);

	background-repeat: no-repeat;

	}

#header a {

 	color: #FFFFFF;

}

#site-title {

	margin-top: 20px;

	margin-bottom: 10px;

	margin-left: 420px;

	font-family: Arial, Verdana, sans-serif;

	font-size: 15px;

	font-style: normal;

	line-height: 25px;

	font-weight: bold;

	font-variant: normal;

	color: #FFFFFF;

	}

#site-description {

	font: italic normal normal 13px/22px Georgia, Times, 'Times New Roman', serif;

	color: #FFFFFF;

	margin: 0;

	margin-left: 20px;

	}



/* Utility: Header widget area */

#utility-header {

	overflow: hidden;

	float: right;

	width: 468px;

	height: 60px;

	}

#utility-header .widget {

	margin: 0;

	padding: 0;

	background: transparent;

	border: none;

	}



/**

* Containers

************************************************/

#container {

	overflow: hidden;

	float: left;

	width: 940px;

	margin-top: -1px;

	padding: 20px;

	background: #f7f7f7;

	}

.content {

	overflow: hidden;

	float: left;

	}

.content, .no-widgets .content, .no-default-widgets .content  {

	width: 940px;

	}

.primary-active .content, .secondary-active .content {

	width: 620px;

	}



/**

* Content

************************************************/

.hentry, .breadcrumb {

	overflow: hidden;

	margin: 0 0 20px 0;

	padding: 20px 20px 0 20px;

	background: #fff;

	border: 1px solid #ccc;

	}



/* Entry titles. */

.entry-title {

	font-size: 20px;

	font-weight: bold;

	margin: 0 0 10px 0;

	}

.page-title, .singular-page-title {

	margin: 0 0 20px 0;

	}



/* Byline */

.byline {

	text-transform: lowercase;

	font-size: 14px;



	color: #666;

	}

.blog .byline, .archive .byline, .search .byline {

	margin-bottom: 10px;

	}



.byline .author   {

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	text-transform: capitalize;

	}



.byline .published {

	font-size: 11px;

	font-style: normal;	

	text-transform: capitalize;

	}



.byline a {

	color: #333;

	}



/* Entry meta */

.entry-meta {

	clear: both;

	font-size: 11px;

	font-style: italic;

	color: #666;

	}

.entry-meta a {

	font-style: normal;

	color: #333;

	}



.author-info, .category-info, .date-info, .tag-info, .search-info, .taxonomy-info {

	overflow: hidden;

	margin: 0 0 20px 0;

	padding: 20px 20px 0 20px;

	background: #fff;

	border: 1px solid #ccc;

	}



/* Page links <!--nextpage--> */

p.pages {

	font-style: italic;

	}

p.pages a {

	margin: 0 2px;

	padding: 4px 12px;

	color: #eee !important;

	background: #01203C;

	border: 1px solid #eee;

	}



/* WP PageNavi */

.wp-pagenavi {

	overflow: hidden;

	}

.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend {

	float: left;

	margin: 0 6px 0 0;

	padding: 4px 12px;

	color: #eee !important;

	background: #01203C;

	border: 1px solid #eee;

	}



/* Navigation links */

.navigation-links {

	overflow: hidden;

	}

.next, .previous {

	max-width: 50%;

	font-size: 13px;

	}

.previous {

	float: left;

	}

.next {

	float: right;

	text-align: right;

	}

#comments-template .paged-navigation {

	text-align: center;

	}

#comments-template .paged-navigation .page-numbers {

	padding: 3px 6px;

	font-style: italic !important;

	border: 1px solid #eee !important;

	}

#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {

	float: none;

	text-align: left;

	border: none !important;

	}



/**

* Widgets

************************************************/

#primary {

	position: relative;

	float: right;

	width: 300px;

	}



#secondary {

	position: relative;

	clear: right;

	float: right;

	width: 300px;

	}



/* Widgets */

.widget {

	overflow: visible;

	margin: 0 0 5px 0;

	padding: 0px 0px 0px 0px;

	border: 1px solid #ccc;

	background: #fff;

	}

#primary .widget, #secondary .widget {

	padding: 5px 5px 0 5px;

	}



/* Widget titles */

.widget-title {

	font-size: 16px;

	font-weight: bold;

	margin: 0 0 10px 0;

	color: #0C386E;

	}



/* Widget content */

.widget ul {

	list-style: square;

	margin-left: 20px;

	}



/**

* Comments

************************************************/

#comments-template {

	overflow: hidden;

	padding: 20px 20px 0 20px;

	margin: 0 0 20px 0;

	border: 1px solid #ccc;

	background: #fff;

	}



.comments-header {

	font-size: 18px;

	font-weight: bold;

	}



/* Comment list */

.comment-list, .comment-list ol {

	list-style: none;

	margin: 0;

	}

.comment-list li, .comment-list li li li, .comment-list li li li li li {

	overflow: hidden;

	margin: 0 0 20px 0;

	padding: 20px 20px 0 20px;

	background: #f7f7f7;

	border: 1px solid #ddd;

	}

.comment-list li li, .comment-list li li li li, .comment-list li li li li li li {

	background: #fff;

	border: 1px solid #ddd;

	}



/* Comment avatar */

.comment-list li .avatar {

	float: left;

	width: 37px;

	height: 37px;

	margin: 5px 10px 0 0;

	padding: 2px;

	border: 1px solid #ccc;

	background: #eee;

	}



/* Comment meta */

#comments .comment-meta-data {

	margin: 5px 0 20px 0;

	font-style: italic;

	color: #666;

	}

#comments cite {

	font-weight: bold;

	font-style: normal;

	}



/* Comment text */

#comments .comment-text {

	clear: left;

	}



/* Comments form */

#respond {

	overflow: hidden;

	margin: 0 0 20px 0;

	padding: 20px 20px 0 20px;

	background: #f7f7f7;

	border: 1px solid #ddd;

	}

.text-input {

	display: block;

	padding: 5px;

	width: 300px;

	margin:  0 0 20px 0;

	background: #fff;

	border: 1px solid #ddd;

	}

#respond label {

	font-style: italic;

	}

#respond span.required {

	font-weight: bold;

	color: #01203C;

	}

textarea {

	width: 98%;

	padding: 5px;

	margin: 0 0 20px 0;

	border: 1px solid #ddd;

	}

.button {

	width: 100px;

	padding: 7px;

	margin-right: 10px;

	font-weight: bold;

	color: #fff;

	border: 1px double #333;

	background: #01203C;

	}

.button:hover {

	cursor: pointer;

	background: #00162A;

	}



/**

* Footer

************************************************/



/* Footer container */

#footer-container {

	clear: both;

	overflow: hidden;

	}



/* Subsidiary */

#subsidiary {

	overflow: hidden;

	width: 940px;

	padding: 30px 20px 10px 20px;

	background: #fff;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	}

#subsidiary .widget {

	float: left;

	width: 170px;

	margin: 0 18px 0 0;

	padding: 0;

	border: none;

	}



/* Footer */

#footer {

	clear: both;

	overflow: hidden;

	color: #666666;

	margin: 0 auto;

	padding: 20px 0 0 0;

	}

#footer a {

	color: #666666;

	font-style: italic;

	}

#footer .copyright {

	display: inline;

	float: left;	

	margin-right: 9px;

	}

#footer .credit {

	text-align: right;

	}