/*  
Theme Name: Default
Theme URI: http://ourawfulsituation.com/
Description: Custom theme for Our Awful Situation
Version: 1.0
Author: Me
Author URI: http://ourawfulsituation.com/

*/



/* Begin Typography & Colors */
body{ margin:0; padding:0; background: #41637c url(img/bg.jpg) repeat-x; font: 13px "Trebuchet MS", Arial, Verdana, sans-serif; }
a, a:active{ outline: none; color:#692020; text-decoration:underline; }
a:hover{ color:#000; }
.clr{ clear:both; }
a img{ border:none; }

#wrap{ margin:0 auto; width:904px; }

#header{ width:900px; position:relative; margin-left:2px; }
#headleft, #headright{ width:10px; height:53px; }
#headleft{ background: url("img/head_left.jpg") top left no-repeat; float:left; }
#headright{ background: url("img/head_right.jpg") top left no-repeat; float:right; }
#headmiddle{ background: url("img/head.jpg") repeat-x; height:53px; width:880px; float:left; }

#nav{ position:absolute; top:0; right:10px; }
#nav ul, #nav ul li{ margin:0; padding:0; }
#nav li{ list-style-type:none; float:left; }
#nav a{ height:32px; text-indent:-9999px; display:block; margin-left:16px; }
#nav a#home{ width:54px; background:url("img/nav_home.jpg") top left no-repeat; }
#nav a#about{ width:58px; background:url("img/nav_about.jpg") top left no-repeat; }
#nav a#awake{ width:56px; background:url("img/nav_awake.jpg") top left no-repeat; }
#nav a#contact{ width:80px; background:url("img/nav_contact.jpg") top left no-repeat; }
#nav a#home:hover, #nav a#about:hover, #nav a#awake:hover, #nav a#contact:hover{ background-position: 0 -32px; }

#title h1{ text-indent:-9999px; width:691px; height:62px; margin:0 104px; background:url("img/title.jpg") bottom left no-repeat; padding-top:12px; margin-bottom:18px; }

#gutstop{ background: url("img/guts_top.jpg") top left no-repeat; width:904px; height:7px; }
#guts{ background: url("img/guts.jpg") repeat-y; width:904px; padding:0; z-index:3; }

#lefty, #righty{ margin-bottom:15px; /*border:1px solid red;*/ }
#lefty{ width:650px; float:left; margin-left:10px; }
#righty{ float:right; margin-right:0px; background: url("img/fade_right.jpg") top right no-repeat; width:208px; /*height:376px;*/ display:block; padding-right:8px; padding-left:20px; }
#lefty h2{ color:#41637c; font-size:22px; width:100%; padding-bottom:1px; border-bottom:1px solid #41637c; letter-spacing: -1px; font-weight:normal; margin-bottom:0; }
#lefty h2 a{ color:#41637c; text-decoration:none; }
#lefty h2 a:hover{ text-decoration:underline; }
#lefty p.meta{ margin-top:1px; width:100%; text-align:right; font-size:11px; color:#9b9b9b; font-family:Arial; }
#lefty .image{ text-align:center; width:100%; font:12px Arial; font-weight:bold; }
#lefty .image img{ padding:4px; border:1px solid #ddd; display:block; margin:2px auto; }
#lefty ul, #lefty ul li{ list-style-type:none; }
#lefty ul li{ padding-left:17px; background: url("img/bullet_left.gif") 1px 1px no-repeat; }

h3{ color:#41637c; font-size:18px; width:100%; text-align:center; font-weight:normal; }

#righty h3{  border-bottom:2px dotted #4e4e4e; padding-bottom:2px;  }
#righty input#s{ width:170px; border:1px solid #ddd; float:left; margin:0 6px; }
#righty ul, #righty ul li{ margin:0; padding:0; list-style-type:none; }
#righty ul li{ margin-left:10px; padding-left:17px; background:url("img/bullet_right.gif") 1px 1px no-repeat; }

#pullquote{ float:right; width:250px; font: 25px Arial; color:#41637c; font-style:italic; margin:10px 0 10px 10px; text-align:center; background:url("img/quote_left.jpg") top left no-repeat; }
#pullquote.left{ float:left; margin:10px 10px 10px 0; }
#pullquote span{ width:100%; display:block; height:100%; background:url("img/quote_right.jpg") bottom right no-repeat; }
blockquote{ margin:10px 0 0 10px; background:url("img/quote_left.jpg") top left no-repeat; padding:6px 0 6px 36px; color:#444; font-style:italic; }
blockquote p{ margin:8px 0; }

#footer{ width:904px; height:50px; background: url("img/footer.jpg"); margin-bottom:25px; }
#footer p{ font: 11px Arial; color:#eee; line-height:27px; margin-left:10px; margin-right:10px; }
#footer p a{ text-decoration:none; color:#eee; }
#footer p a:hover{ text-decoration:underline; }
#footer p.footerleft{ float:left; }
#footer p.footerright{ float:right; }

.clr{ clear:both; }

.navigation{ margin:20px 0; }
.alignleft{ float:left;  }
.alignright{ float:right;  }

.cite{ font-size:11px; display:block; }
h4#respond{ font-size:18px; }

.postmetadata{ float:right;margin:0; }