/* 
Theme Name: Structure
Theme URI: http://justintadlock.com/archives/2007/12/09/structure-wordpress-theme
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.2.1
Author: Justin Tadlock
Author URI: http://justintadlock.com
Copyright (c) 2007 - 2008 Justin Tadlock
*/

* { margin: 0; padding: 0; }

ul li {
list-style-type:none;
}

p {
margin:10px 0;
}

a {
color:#0C386E;
text-decoration:none;
}

a:hover {
color:#000;
}

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
color:#0c386e;
}

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:#0C386E;
}

body {
color:#000;
background:#15191c;
font:80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
}

#body-container {
overflow:hidden;
width:948px;
background:#01203c;
margin:0 auto;
padding:0 12px;
}

#nav-container {
overflow:hidden;
display:block;
background:#01203c;
}

#navigation {
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;
text-decoration:none;
padding:8px 25px;
}

#nav li a:hover,#nav li a:active {
background:#0c386e;
text-decoration:underline;
}

#navigation ul li.current_page_item a {
background:#0c386e;
}

#search input#s {
width:235px;
color:#333;
background:#f7f7f7;
border:1px solid #333;
margin:2px 0;
padding:5px;
}

#search input#search-submit {
width:50px;
color:#fff;
border:1px solid #333;
background:#660000;
padding:4px;
}

#header {
clear:left;
float:left;
width:926px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#fff;
padding:10px;
}

#header h1 {
display:inline;
float:left;
width:650px;
font-size:2.5em;
font-weight:bold;
}

#header h1 a {
width:300px;
height:60px;
display:block;
background:url(images/logo.gif) no-repeat 0 0;
margin:0 0 0 5px;
padding:0;
}

#feed {
width:200px;
float:right;
background:url(images/subscribe.gif) no-repeat right 0;
padding:2px 50px 0 0;
}

#feed ul li {
text-align:right;
margin:-1px 0 4px;
}

#feed ul li a {
font-weight:bold;
}

#container {
overflow:hidden;
float:left;
width:926px;
background:#f7f7f7;
padding:10px 10px 5px;
}

#content,#home {
width:611px;
}

#content {
padding:0 0 10px;
}

.post img {
max-width:98%;
}

img,a img {
border:1px solid #01203c;
background:#eee;
padding:3px;
}

.thumbnail {
width:75px;
height:75px;
}

.thumbnail,.medium {
float:left;
margin-right:10px;
}

html>body #feature img {
max-width:300px;
}

#feature img {
max-width:300px;
float:left;
margin:3px 15px 10px 0;
}

.author-box .avatar {
float:left;
width:75px;
height:75px;
margin-right:10px;
}

.navigation-attachment img {
max-width:150px;
max-height:150px;
}

#content.single .post {
width:554px;
font-size:1.1em;
padding:10px 30px;
}

.post .post-title {
margin:0 0 5px;
}

.post a {
color:#1359AE;
text-decoration:none;
}

.post a:hover {
color:#000;
text-decoration:underline;
}

.post .post-title a {
color:#0C386E;
}

.post blockquote {
color:#000000;
border:1px solid #666666;
background:none repeat scroll 0 0 #F7F7F7;
text-align:Justify;
margin:10px;
padding:10px;
}

.post .byline {
margin:5px 0 7px;
}

.post-meta-data {
margin-right:6px;
text-align:right;
}

#content .post-meta-data {
clear:left;
float:left;
width:100%;
text-align:left;
}

.clear {
clear:both;
}

.center {
text-align:center;
display:block;
margin:15px auto;
}

.previous {
float:left;
width:47%;
}

.next {
float:right;
width:47%;
text-align:right;
}

.single .next {
text-align:left;
}

table {
width:95%;
border:1px solid #eee;
margin:0 auto;
}

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;
}

#feature .post {
float:left;
width:594px;
background:#FFFBCC;
border:1px solid #ccc;
margin:0 0 10px;
padding:10px;
}

#feature .post-title {
font-size:1.6em;
margin:0 0 5px;
}

#feature p {
margin:0 0 10px;
}

#full-posts .byline {
clear:left;
display:block;
float:left;
width:100%;
margin:0 0 15px;
}

#full-posts .post-meta-data {
float:left;
text-align:left;
}

#widget-blocks {
float:left;
margin-bottom:10px;
width:616px;
}

#widget-blocks .block-left {
float:left;
width:300px;
}

#widget-blocks .block-right {
float:right;
width:300px;
}

#sidebar {
overflow:hidden;
width:300px;
}

.menu {
overflow:hidden;
float:left;
width:278px;
border:1px solid #ccc;
background:#fff;
margin:0 0 10px;
padding:10px;
}

.menu img {
float:left;
margin:0 10px 5px 0;
padding:0;
}

.menu li,.tabbed .tab-content li {
padding:0 5px 0 0;
}

#sidebar .menu li a,#widget-blocks .menu li a,.tab-content li a {
width:97%;
display:block;
padding:2px 0 2px 10px;
}

#sidebar .tab-content p,#widget-blocks .tab-content p {
margin:5px;
}

.video {
width:298px;
padding:10px 0;
}

.video div {
margin:0;
padding:2px 0;
}

.video object {
float:left;
width:295px;
height:230px;
margin:5px 0;
padding:0;
}

.video h2,.video h3 {
margin-left:10px;
}

.video .post-title {
font-size:1em;
margin-top:3px;
}

.ads img {
width:125px;
height:125px;
float:left;
border:none;
margin:2px 4px 7px 10px;
padding:0;
}

.recent {
width:288px;
float:left;
background:#fff;
border:1px solid #ccc;
margin:0 0 10px;
padding:10px 5px;
}

.recent .post {
width:99%;
float:left;
line-height:1em;
text-align:justify;
margin:5px;
padding:0;
}

.recent h2 {
margin-left:5px;
}

.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;
}

#sidebar .tabs-block,#widget-blocks .tabs-block {
width:300px;
}

.tabs-block {
clear:left;
float:left;
margin-bottom:10px;
}

.tabbed {
width:100%;
background:transparent;
border:none;
padding:0;
}

.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;
font-weight:bold;
background:#eee;
border:1px solid #ccc;
margin:0 3px 0 0;
padding:5px .4em;
}

.tabbed ul.tabs li a:hover {
background:#f7f7f7;
text-decoration:none;
}

.tabbed ul.tabs li a.tab-current {
background:#fff;
border-bottom:1px solid #fff;
}

.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;
}

#post-tabs,#post-list-tabs,#post-block-tabs {
width:616px;
}

#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;
}

#post-tabs .post-title,#post-block-tabs .post-title,#post-list-tabs .post-title {
font-size:1.15em;
}

#post-block-tabs .odd {
clear:both;
float:left;
width:48%;
}

#post-block-tabs .even {
float:right;
width:48%;
clear:none;
}

#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 li {
margin:4px 0;
}

#comments-template {
overflow:hidden;
float:left;
clear:left;
width:564px;
border:1px solid #ccc;
background:#fff;
margin:0 0 10px;
padding:10px 25px;
}

#comments-template h3 {
margin:10px 0 0;
}

#comments-template li {
list-style-type:none;
float:left;
width:97%;
background:#f7f7f7;
border:1px solid #ccc;
margin:10px 0;
padding:5px;
}

#comments-template img {
border:none;
padding:0;
}

#comments-template .avatar {
float:left;
width:35px;
height:35px;
border:1px solid #01203c;
background:#eee;
margin:5px 10px 0;
padding:1px;
}

#comments-template li.alt {
border-top:1px solid #0C386E;
border-bottom:1px solid #0C386E;
}

#comments-template .comment-meta-data {
float:left;
margin-top:5px;
}

#comments-template .comment-text {
clear:left;
float:left;
display:block;
width:90.5%;
background:#fff;
border:1px solid #eee;
margin:10px;
padding:8px 15px;
}

#comments-template input {
width:50%;
background:#fff;
border:1px solid #0C386E;
margin:10px 5px 0 0;
padding:5px;
}

#comments-template textarea {
width:96%;
margin-top:10px;
border:1px solid #0C386E;
padding:5px;
}

#comments-template input.submit-comment,#comments-template input.reset-comment,.button {
width:100px;
margin-right:10px;
color:#fff;
border:1px double #333;
background:#0C386E;
padding:7px;
}

#footer {
color:#fff;
clear:both;
width:945px;
border-top:1px solid #660000;
margin:0 auto;
}

#footer p {
float:left;
width:50%;
margin:0 auto;
padding:5px 0;
}

#footer p.icons {
float:right;
text-align:right;
width:50%;
height:30px;
}

#footer img {
border:none;
margin:0 10px;
padding:0;
}

#footer a {
color:#ccc;
font-weight:bold;
}

*,.recent .post h3 {
margin:0;
padding:0;
}

h2,h3 {
font-size:1.3em;
}

#nav,#content.left,#home.left,#sidebar.left,.left {
float:left;
}

#search form,#content.right,#home.right,#sidebar.right,.right {
float:right;
}

#header h1 a span,div.t2,div.t3,div.t4,div.c2,div.c3,div.c4,div.c5,div.c6,div.c7,div.c8 {
display:none;
}

#feed ul li a:hover,.menu ul li a:hover,.tabs-block .tabbed div li a:hover,#footer a:hover {
text-decoration:underline;
}

#content .post,.navigation-links {
width:594px;
overflow:hidden;
float:left;
background:#fff;
border:1px solid #ccc;
margin:0 0 10px;
padding:10px;
}

#content .thumbnail,#excerpts img {
float:left;
margin:2px 17px 10px 0;
}

#excerpts .post,#full-posts .post {
float:left;
width:594px;
background:#fff;
border:1px solid #ccc;
margin:0 0 10px;
padding:10px;
}

#excerpts .post-title,#full-posts .post-title {
float:left;
width:100%;
margin:0 0 5px;
}
