/* -------------------------------------------------------------- 
  
   Sosady.com Master Stylesheet, for Screen & Projection
   Copyright 2008 sosady.com
   CSS By Dan Drinkard, http://displayawesome.com
   Thanks to BlueprintCSS, http://code.google.com/p/blueprintcss/
   
-------------------------------------------------------------- */
 
 /* ---- Grab the blueprint screen file first ---- */
 @import 'bp_screen.css';
 
 /* ---- Blueprint overwrites ---- */
 .container {width:836px; margin-top:117px; background-color:#f2f6ea; min-height:850px;}
 
 /* ---- Unique styles ---- */
 
 /* Universal / Body stuff */
 body{ background:url(../images/sosady_backg3.gif); background-position:top center; background-repeat:no-repeat;opacity:.99; }
 p, label{ font:normal 0.916em/1.5em "helvetica neue", arial, sans-serif; color:#59492e; }
 a{ color:#f78c19; text-decoration:none; }
   a:hover{ color:#f78c19; text-decoration:underline; }
 h1{ background:url(../images/sosadylogo2.jpg); background-repeat:no-repeat; height:90px; width:375px; /*border:solid 1px #000;*/ }
   h1 a{ display:block;width:375px;height:90px; }
 .hide{ display:block;position:absolute; top:-2000px; }
 .flat{ height:1px; }
 .clearfix{ clear:both; }
 /* About Me */
  h2.about{ background:url(../images/h2_aboutme.gif); background-repeat:no-repeat; width:86px; height:18px; margin-left:-2px; }
 
 /* Drawers */
 .drawer{ position:absolute; z-index:2; width:610px; background-color:#e4ecd4; width:35px; text-align:right; overflow:hidden; opacity:0.98; /*display:none;*/ }
   .drawer h2{ float:right;width:35px; }
   .freeze{ text-align:left;width:575px; }
   .title{ background-position:top left; cursor:pointer; }
     .over .title{ background-position:top right; }
     .active .title{ background-position:bottom left; }
     .over.active .title{ background-position:bottom right; }
     .active{ border-bottom:solid 1px #e2e7d1; }
 /* Work Drawer */
 #work{ height:203px; margin-top:100px; }
   #work ul{ list-style:none inside none; margin:18px 50px 0px 30px; }
   #work li{ float:left; margin:-10px 6px 0px 6px; }
   #work .title{ background-image:url(../images/work.gif); background-repeat:no-repeat; height:203px; }
   #work .thumb img{ width:87px; height:87px; }

 /* Notables Drawer */
 #notables{ height:180px; margin-top:323px; }
   #notables h3{ font:bold 1em/1.5em "helvetica neue", arial, sans-serif; color:#59492e; margin-bottom:2px; margin-top:8px; }
   #notables ul{ list-style:none inside none; margin-bottom:5px; line-height:1.2em; }
   #notables li{ display:inline; font-size:.916em; }
   /* #notables li:after{ content:', ';margin-right:2px; margin-left:-2px; }
   #notables li.end:after{ content:''; }*/
   #notables .title{ background-image:url(../images/notables.gif); background-repeat:no-repeat; height:180px; } 
   #notables a{ color:#59492e; }
   #notables a:hover{ color:#f78c19;text-decoration:none; }
   #notables .sites{margin-top:12px;}

 /* Contact Drawer */
 #contact{ height:286px; margin-top:523px;background-image:url(../images/contact_backg.jpg); }
   #contact .title{ background-image:url(../images/contact.gif); background-repeat:no-repeat; height:286px; }
   #contact label{ display:block; }
   #contact fieldset{ border:none; padding:0px; margin-top:10px; }
   #contact input.text, textarea{  font:normal 0.916em/1.5em "helvetica neue", arial, sans-serif; color:#59492e; padding:3px; margin-top:0px;background-color:#fff; }
   #contact textarea{ width:480px; height:120px; }
   #contact input.button{ border:none; background-image:url(../images/send.gif); background-repeat:no-repeat; background-color:transparent; width:82px; height:33px; overflow:hidden; padding-top:42px; cursor:pointer; }
   #contact input.button.sending{ opacity:0.25; cursor:default; }
   #contact .notify{ opacity:0; color:#c1d87b; font:italic 12px verdana; background-color:#fefefe; border-color:#bbbbbb; border-width:1px; border-style:solid; padding:10px; display:block; float:right; width:140px; height:40px; margin-bottom:-99px; margin-right:50px; margin-top:27px; }
 

 /* Sidebar */
 .sidebar{ width:180px; float:right; }
   .sidebar .title{ margin-bottom:0px; }
   .sidebar .archive{display:block;width:100%; text-align:right;}
 .sidebody{ border:solid 1px #ebf0e2; border-bottom:none; background-color:#e4ead9; padding:8px 12px 12px 18px; margin-bottom:12px; }
   .sidebody img, .sidebody object, .sidebody embed{ width:125px; height:auto; border:solid 2px #59492e; margin-left:5px; margin-top:10px; display:block; margin-bottom:0px; }
   .sidebody object, .sidebody embed { border:none; }
   .sidebody p{ margin-top:4px; margin-bottom:4px;}

 /* Amusement */
 #amusement .title{ background-image:url(../images/amusement.gif); background-repeat:no-repeat; width:180px; height:35px; }

 /* Absorption */
 #absorption .title{ background-image:url(../images/absorption.gif); background-repeat:no-repeat; width:180px; height:35px; }

 /* Archives */
 .archive .container{min-height:0px;padding-bottom:20px;}
 #archive {}
   #archive ul.entries{list-style:none inside none; margin:8px 0; padding:0px;}
   #archive li{clear:left;}
   #archive p, a.date{font-size:.96em; line-height:1.5em;}
   #archive p { float:left;width:540px; }
   #archive img {border:solid 2px #59492e;}

 #pagination{margin-top:20px;}
   #pagination a{color:#59492e;}
   #pagination a:hover{color:#f78c19;text-decoration:none;}
   #pagination .prev{display:block;float:left;margin-left:-7px;}
   #pagination .next{display:block;float:right;margin-right:-20px;}

  h2.amusement{ background:transparent url(../images/amusement_archive.gif) no-repeat; width:190px; height:20px;margin-bottom:0px; }
  
  h2.absorption{ background:transparent url(../images/absorption_archive.gif) no-repeat; width:190px; height:30px;margin-bottom:0px; }
   .absorption a.date{display:block; position:relative; top:31px; left:140px;}
   .absorption li.entry{margin-top:-31px;}
   .absorption img{display:block;float:left;margin: 0px 16px 5px 0px; }
   .absorption img+br{height:0px;line-height:0px;}/*hack for tumblr*/