/* 

Theme Name: Structure

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

Description: A theme for news/magazine sites with a blog-friendly option too.  It includes built-in video and image features that easily allow you to customize your site. There are content blocks that you can place virtually anywhere on the page.

Version: 1.3

Author: Justin Tadlock

Author URI: http://justintadlock.com

Copyright (c) 2007 - 2008 Justin Tadlock

*

* Keep the above information intact.

*

*/



* { margin: 0; padding: 0; }



ul { list-style: none; }

.post ul, .post ol { margin: 0 0 15px 25px; }

.post ul { list-style: disc; }

.post ul ul, .post ul ul ul, .post ol ol, .post ol ol ol { margin-bottom: 0; }



p { margin: 10px 0; }



a { color: #762716; text-decoration: none; }

a:hover { color: #353B15; }



/* Code */

pre {

	overflow: auto;

	margin-bottom: 15px;

	padding: 7px;

	background: #D0D4D5;

	}



/* Blockquotes */

blockquote {

	margin: 0 1.7em 15px 1.7em;

	padding-left: 10px;

	color: #444;

	font-style: italic;

	border-left: 2px solid #eee;

	}

blockquote blockquote { color: #666; }



/* Alignment */

.left, .alignleft { float: left; margin-right: 10px; }

.right, .alignright { float: right; margin-left: 10px; }

.clear { clear: both; }

.center, .aligncenter { margin: 0 auto 15px auto; text-align: center; display: block; }



/* Tables */

table { width: 95%; margin: 0 auto 15px auto; border: 1px solid #eee; }

table tr { font-weight: bold; background: #ccc; }

table tr td { text-align: center; background: #fff; border: 1px solid #ccc; }

table tr td.pad { border: none; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #2D261E; }

h2, h3, h4, h5, h6 { margin-bottom: 15px; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.2em; }

h5 { font-size: 1.1em; }

h6 { font-size: 1em; }

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

	font-weight: normal;

	text-decoration: none;

	color: #762716;

	}



body {

	color: #000;

	background: #2D261E;

	font: 80% Georgia, Arial, "Lucida Sans Unicode", Tahoma, sans-serif;

	}

#body-container {

	overflow: hidden;

	width: 948px;

	margin: 0 auto;

	padding: 0 12px 5px 12px;

	background: #762716;

	}



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

	Navigation

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

#navigation { overflow: hidden; width: 100%; float: left; display: block; background: #762716; }

#nav { float: left; width: 635px; margin: 0 10px 0 0; }

#nav li { float: left; display: inline; }

#nav li a {

	font-size: 1em;

	font-weight: bold;

	float: left;

	color: #fff;

	text-align: center;

	padding: 8px 25px;

	text-decoration: none;

	}

#nav li a:hover, #nav li a:active { background: #4B5115; text-decoration: underline; }

#navigation ul li.current_page_item a { background: #353B15; }



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

	Search form (navigation)

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

#search form { float: right; }

#search input#s {

	width: 235px;

	padding: 5px;

	margin: 2px 0;

	color: #333;

	background: #E8E8EA;

	border: 1px solid #333;

	}

#search input#search-submit {

	display: none;

	}



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

	Header

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

#header {

	clear: left;

	float: left;

	width: 926px;

	padding: 10px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	background: #fff;

	}

#header h1 {

	display: inline;

	float: left;

	width: 650px;

	font-size: 2.5em;

	font-weight: bold;

	}



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

	Feed (header)

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

#feed {

	width: 200px;

	height: 40px;

	float: right;

	padding: 2px 50px 0 0;

	background: url(images/subscribe.gif) no-repeat right 0;

	}

#feed ul li { text-align: right; margin: -1px 0 4px 0; }

#feed ul li a { font-weight: bold; }

#feed ul li a:hover { text-decoration: underline; }



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

	Containers

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

#container {

	overflow: hidden;

	float: left;

	width: 926px;

	padding: 10px 10px 5px 10px;

	background: #E8E8EA;

	}

#content, #home { width: 611px; }

#content { padding: 0 0 10px 0; }

#content.left, #home.left, #sidebar.left { float: left; margin: 0; }

#content.right, #home.right, #sidebar.right { float: right; margin: 0; }

#home.right, #content.right { margin-right: 5px; }



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

	Images

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

.post img { 	max-width: 98%; }

img, a img {

	padding: 3px;

	border: 0 px solid #01203c;

	background: #eee;

	}



.thumbnail { width: 75px; height: 75px; }

.thumbnail, .medium { float: left; margin-right: 10px; }



#feature img { width: 300px; }

html>body #feature img { width: auto; max-width: 300px; }



.author-box .avatar { float: left; width: 75px; height: 75px; margin-right: 10px; }

.navigation-attachment img { max-width: 150px; max-height: 150px; }



/* Captions */

.wp-caption {

	padding: 3px 0 0 0;

	background: #E8E8EA;

	border: 1px solid #eee;

	text-align: center;

	}

.wp-caption p.wp-caption-text {

	margin: 0; padding: 0 5px;

	text-align: right;

	font-size: .8em;

	color: #666;

	}

.wp-caption img {

	margin: 0; padding: 0;

	}



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

	Posts/pages/archives

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

#content .post, .paged .post {

	width: 604px;

	padding: 5px;

	overflow: hidden;

	margin: 0 0 10px 0;

	background: #fff;

	border: 1px solid #ccc;

	}

#content .thumbnail { float: left; margin: 2px 17px 10px 0; }

#content.single .post {

	width: 564px;

	font-size: 1.1em;

	padding: 10px 25px;

	}

.post .post-title { margin: 0 0 5px 0; }

.post a { color: #353B15; text-decoration: none; }

.post a:hover { color: #000; text-decoration: underline; }

.post .post-title a { color: #762716; }

.post .byline { margin: 5px 0 7px 0; }

.post-meta-data { margin-right: 6px; text-align: right; }

#content .post-meta-data {

	text-align: left;

	}



/* Related posts */

#related {

	overflow: hidden;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

#related ul { list-style: disc; margin-left: 25px; }



/* Navigation links */

.navigation-links {

	width: 594px;

	padding: 10px;

	overflow: hidden;

	margin: 0 0 10px 0;

	background: #fff;

	border: 1px solid #ccc;

	}

.previous { float: left; max-width: 47%; }

.next { float: right; max-width: 47%; text-align: right; }

.single .next { text-align: left; }



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

	Feature

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

#feature .post {

	overflow: hidden;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

#feature .post-title { margin: 0 0 5px 0; font-size: 1.6em; }

#feature img { float: left; margin: 3px 15px 10px 0; }

#feature p { margin: 0 0 10px 0; }



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

	Home Inserts

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

#home-insert-1, #home-insert-2, #home-insert-3 {

	overflow: hidden;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}



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

	Excerpts

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

#excerpts .post {

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

#excerpts .post-title { width: 100%; margin: 0 0 5px 0; }

#excerpts img { float: left; margin: 2px 17px 10px 0; }



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

	Full posts (home)

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

#full-posts .post {

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

#full-posts .post-title { width: 100%; margin: 0 0 5px 0; }

#full-posts .byline { margin: 0 0 15px 0; clear: left; }

#full-posts .post-meta-data { text-align: left; }



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

	Widget blocks (also see sidebar menu)

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

#widget-blocks { margin-bottom: 10px; width: 616px; }

#widget-blocks .block-left { float: left; width: 300px; }

#widget-blocks .block-right { float: right; width: 300px; }



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

	Sidebar

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

#sidebar {

	overflow: hidden;

	width: 300px;

	}

.menu {

	overflow: hidden;

	float: left;

	width: 278px;

	margin: 0 0 10px 0;

	padding: 10px;

	border: 1px solid #ccc;

	background: #fff;

	}

.menu .section-header { font-size: 1.1em; font-weight: bold; margin-bottom: 8px; }

.menu .section-header a { font-weight: bold; }

.menu li, .tabbed .tab-content li { padding: 0 5px 3px 0; }

#sidebar .menu li a, #widget-blocks .menu li a, .tab-content li a { padding: 2px 0 2px 10px; }

.menu ul li a:hover, .tabs-block .tabbed div li a:hover { text-decoration: underline; }

#sidebar .tab-content p, #widget-blocks .tab-content p { margin: 5px; }



/* Sidebar search tab */

#sidebar .search input { width: 94%; background: #f9f9f9; color: #333; margin: 4px 0; padding: 5px; }

#sidebar .search input.search-submit { display: none; }



/* Gallery stream / flickr */

#sidebar .flickr img, #sidebar .gallery-stream img { width: 75px; height: 75px; margin: 0 5px 5px 4px; }



/* Video widget */

.video { padding: 10px 10px 0 10px; width: 278px; }

.video div { padding: 0; margin: 0; }

.video object { float: left; width: 100%; margin: 0; padding: 0; }

.video .post-title { font-size: 1em; margin: 5px 0; }



/* Ads widget */

.ads img {

	width: 125px; height: 125px;

	float: left;

	margin: 2px 4px 7px 10px;

	padding: 0; border: none;

}



/* Recent widget */

.recent {

	width: 288px;

	padding: 10px 5px;

	margin: 0 0 10px 0;

	float: left;

	background: #fff;

	border: 1px solid #ccc;

	}

.recent .post {

	width: 99%;

	float: left;

	margin: 5px;

	padding: 0;

	line-height: 1em;

	}

.recent h2 { margin-left: 5px; }

.recent .post h3 { margin: 0; padding: 0; }

.recent .post h3 a { display: inline; font-size: .7em; font-weight: bold; }

.recent img { display: block; clear: left; float: left; margin: 2px 10px 0 0; }



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

	Tabs

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

#sidebar .tabs-block, #widget-blocks .tabs-block { width: 300px; }

.tabs-block {

	float: left;

	margin-bottom: 10px;

	}

.tabbed {

	width: 100%;

	border: none;

	padding: 0;

	}

/* Actual tabs */

.tabbed ul.tabs {

	position: relative;

	top: 0;

	left: 0;

	z-index: 5;

	list-style-type: none;

	}

.tabbed ul.tabs li { display: inline; float: left; }

.tabbed ul.tabs li a {

	display: block;

	float: left;

	margin: 0 3px 0 0;

	padding: 5px .4em;

	font-weight: bold;

	background: #eee;

	border: 1px solid #ccc;

	}

.tabbed ul.tabs li a:hover { background: #E8E8EA; text-decoration: none; }

.tabbed ul.tabs li a.tab-current { background: #fff; border-bottom: 1px solid #fff; }



/* Tab content */

.tab-content {

	float: left;

	overflow: hidden;

	clear: left;

	z-index: 0;

	margin-top: -1px;

	border: 1px solid #ccc;

	background: #fff;

	}

#sidebar .tab-content, #widget-blocks .tab-content { width: 99%; padding: 5px 0; }

div.t2, div.t3, div.t4, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8 { display: none; }



/* All post tabs */

#post-tabs, #post-list-tabs, #post-block-tabs { overflow: hidden; width: 616px; margin-bottom: 10px; background: transparent; }

#post-tabs .tab-content, #post-block-tabs .tab-content, #post-list-tabs .tab-content { width: 594px; padding: 10px; }

#post-tabs .post, #post-block-tabs .post, #post-list-tabs .post { margin: 5px 0 0 0; }

#post-tabs .post-title, #post-block-tabs .post-title, #post-list-tabs .post-title { font-size: 1.15em; }



/* Post block tabs */

#post-block-tabs .odd { clear: both; float: left; width: 48%; }

#post-block-tabs .even { float: right; width: 48%; clear: none; }



/* Post list tabs */

#post-list-tabs .odd { float: left; width: 50%; clear: left; }

#post-list-tabs .even { float: right; width: 45%; clear: none; }

#post-list-tabs .tab-content ul { list-style: none; margin-left: 3px; }

#post-list-tabs .tab-content li { margin: 3px 0; }



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

	Comments template

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

#comments-template {

	overflow: hidden;

	float: left;

	clear: left;

	width: 564px;

	padding: 10px 25px;

	margin: 0 0 10px 0;

	border: 1px solid #ccc;

	background: #fff;

	}

#comments-template h3 { margin: 10px 0 0 0; }

#comments-template li {

	list-style-type: none;

	float: left;

	width: 97%;

	margin: 10px 0;

	padding: 5px;

	background: #E8E8EA;

	border: 1px solid #ccc;

	}

#comments-template img { border: none; padding: 0; }

#comments-template .avatar {

	float: left;

	width: 35px; height: 35px;

	margin: 5px 10px 0 10px;

	padding: 1px;

	border: 1px solid #01203c;

	background: #eee;

	}

#comments-template li.alt {

	border-top: 1px solid #2D261E;

	border-bottom: 1px solid #2D261E;

	}

#comments-template .comment-meta-data {  float: left; margin-top: 5px; }

#comments-template .comment-text {

	clear: left;

	float: left;

	display: block;

	width: 90.5%;

	margin: 10px;

	padding: 8px 15px;

	background: #fff;

	border: 1px solid #eee;

	}

#comments-template input {

	width: 50%;

	padding: 5px;

	margin:  10px 5px 0 0;

	background: #fff;

	border: 1px solid #2D261E;

	}

#comments-template textarea {

	width: 96%;

	padding: 5px;

	margin-top: 10px;

	border: 1px solid #2D261E;

	}

#comments-template input.submit-comment, #comments-template input.reset-comment, .button {

	width: 100px;

	padding: 7px;

	margin-right: 10px;

	color: #fff;

	border: 1px double #333;

	background: #2D261E;

	}



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

	Footer

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

#footer {

	color: #fff;

	clear: both;

	width: 945px;

	margin: 5px auto;

	padding: 5px 0;

	}

#footer p {

	float: left;

	width: 75%;

	margin: 0 auto;

	}

#footer p.icons {

	float: right;

	text-align: right;

	width: 30px;

	}

#footer .wp-icon {

	display: block;

	width: 30px;

	height: 30px;

	background: url(images/wp-icon.gif) no-repeat 0 0;

	}

#footer .wp-icon span {

	display: none;

	}

#footer a { color: #ccc; font-weight: bold; }

#footer a:hover { text-decoration: underline; }

#footer img { margin: 0 10px; border: none; }