/*  
Theme Name: Utter Oddcast [2008-08]
Theme URI: 
Description: 
Version: 2008-08
Author: Watershed Studio, LLC
Author URI: http://watershedstudio.com/
*/

/******************/
/* General Styles */
/******************/

html,body{margin:0;padding:0}

body{
   font: normal 76%/1.5em verdana, sans-serif;
   text-align:center;
   background-color: #00325D;
   background-image: url(images/bkg_02.jpg);
   margin: 0px;
   padding: 0px;
}

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

a img {
	border: none;
	}

h2, h2 a,
h3, h3 a {
   font-family: 'Trebuchet MS', Verdana, Sans-Serif;
   font-size: 24px;
   font-weight: bold;
   padding: 0px;
   margin: 10px 0px; 
   text-decoration: none;
   color: #00315D;
}

ul { margin: 0; padding: 0 0 10px 20px; }
ul li ul  { margin: 0; padding: 0 0 0px 20px; }
ul li ul li ul  { margin: 0; padding: 0 0 0px 40px; }

form {
   padding: 0px 0 20px 0 !important;
   padding: 0px;
} 

/******************/
/*   Container    */
/******************/   

div#container {
   width:930px;
   margin: 0px auto;
   background-color: #FFF;
   background-image: url(images/bkg-100c2.gif);
   text-align:left;
   }

/******************/
/*     Header     */
/******************/

#header {
   height: 120px;
   background-color: #000;
   background-image: url(images/uo-logo2.png);
   background-repeat: no-repeat;
}

div#header h1{
   font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	font-size: 4.0em;
	font-weight: normal;   
   height:80px;
   line-height:80px;
   margin:0;
   color: #00315D;
   text-align: center;
  }

div#header h1 a, div#header h1 a:visited {
   text-decoration: none;
   color: #00a9ff;
}

/******************/
/*    Menu Top    */
/******************/  

div#menu-top {
   height:30px;  
   background-color: Black;
   background-image: url(images/menu-top-bkg-02.jpg);
   background-repeat: repeat-x; 
   border-bottom: 0px solid #00315d;
}

div#menu-top p {
   padding-top: 6px;
   margin-left: 20px;
   color: #fff;
   font: bold 14px/120% 'Trebuchet MS', Verdana, Sans-Serif;;
   word-spacing: 10px;
}

div#menu-top a, div#menu-top a:visited {
   color: #fff;   
}

/******************/
/*    Wrapper     */
/******************/ 

div#wrapper{float:left;width:100%}

/******************/
/*     Content    */
/******************/  

div#content p { line-height:1.4; }

div#content{
   margin-right:360px;
   padding-left: 10px;
   padding-right: 30px;
   }

/*************************/
/*   Navigation & Extra  */
/*************************/  

div#sbm_sidebar, div#sbm_sidebar-main {
   float:left;
   width:370px;
   margin-left:-370px;
   border-left: 0px solid #000;	
   border-right: 0px solid #000;	
   }

div#sbm_banner_wrap, div#sbm_banner_wrap-main {
   background-color: #DEDEDE;
   text-align: center;
   height: 215px;
   padding-top: 10px;
   border-left: 0px solid #000;
   border-right: 0px solid #000;
   border-bottom: 1px solid #000;
}

div#sbm_banner_wrap-main {
   height: 280px;
}

div#sbm_banner, div#sbm_banner-main {
   width: 300px;
   border: 1px solid #000;
   margin: auto;
}

div#sbm_banner, div#sbm_banner-main {
   border: 0px solid #000;
}

div#sbm_banner img, div#sbm_banner-main img {
   border: none;
}


div.ad_side_banner_wrap {
   background-color: #DEDEDE;
   text-align: center;
   height: 215px;
   padding-top: 10px;
   border-left: 0px solid #000;
   border-right: 0px solid #000;
   border-bottom: 0px solid #000;
}

div.ad_side_banner {
   width: 300px;
   border: 0px solid #000;
   margin: auto;
}

div.ad_side_banner img {
   border: none;
}

   
div#sbm_navigation{float:left;width:160px;margin-left:0px; padding-left: 10px;}

div#sbm_extra{float:left;width:170px;margin-left:15px;}

div#sbm_navigation { padding-bottom: 50px; }

div#sbm_navigation a, 
div#sbm_navigation a:visited {
   color: #191970;
}

div#sbm_navigation h2,
div#sbm_navigation h3,
div#sbm_navigation {
   color: #00315D;
}

#sbm_navigation h2,
#sbm_extra h2  {
   font-family: 'Trebuchet MS', Verdana, Sans-Serif;
   font-size: 1.5em;
   font-weight: bold;
   padding: 0px;
   margin: 10px 0px;
}

div#sbm_extra{
   padding-bottom: 50px;
}

div#sbm_extra h2,
div#sbm_extra h3,
div#sbm_extra {
   color: #191970;
}

div#sbm_extra a, 
div#sbm_extra a:visited {
   color: #191970;
}

div#sbm_navigation h3,
div#sbm_extra h3 {
   font-family: 'Trebuchet MS', Verdana, Sans-Serif;
   font-size: 1.25em;
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 0px 0px;   
}

.navigation { padding-top: 10px; padding-bottom: 30px; clear: both; }
.navigation .alignleft { float: left; width: 250px; clear: none; }
.navigation .alignright { text-align: right; float: right; width: 250px; clear: none;	margin-right: 0px; }

/******************/
/*   Pre Footer   */
/******************/  
div#pre_footer {
   background-color: #DCDCDC;
   background-image: url(images/footer-bkg3b.jpg);
   background-repeat: repeat;
   color: #00315D; 
   text-align: left;
   clear:both;
   width:100%; 
   height: 480px;
   padding-top: 5px;
}

div#pre_footer h1 {

   font-family: 'Trebuchet MS', Verdana, Sans-Serif;
   font-size: 22px;
   font-weight: bold;
   padding: 0px;
   margin: 10px 0px 20px; 
	text-align: center;
   color: #00315D; 		
   text-decoration: none;	
}

div#pre_footer strong {
   color: #5D0002; 		
}

div#pre_footer p{margin:0;padding:5px 10px;}

div#pre_footer a,
div#pre_footer a:visited {
   color: #00315D;   
}

.sbm_rec_left   { 
	float: left; 
	margin-left: 10px; 
	margin-right: 10px; 
	color: #00315D; 
	width: 30%;	
	}
	
.sbm_rec_center { 
	float: left; 
	margin-left: 10px; 
	margin-right: 10px; 
	color: #00315D; 
	width: 30%;	
	}
	
.sbm_rec_right  { 
	float: left; 
	margin-left: 10px; 
	margin-right: 10px; 
	color: #00315D; 
	width: 32%;	
	}

/******************/
/*     Footer     */
/******************/  
div#footer{
   background-color: #000;
   background-image: url(images/footer-bkg3b.jpg);
   background-repeat: repeat;
   color: #FFF; 
   text-align: right;
   clear:left;
   width:100%; 
   height: 20px; 
   padding-top: 5px;
}

div#footer p{margin:0;padding:5px 10px;}

div#footer a,
div#footer a:visited {
   color: #FFF;   
}

/******************/
/*     Other      */
/******************/  

textarea#comment { width: 500px; }
div.post { padding-left: 10px; }
div.post h2, div.post h2 a { margin-bottom: 0px; padding-bottom: 0px; clear: both; }
.entry { padding-top: 10px; }
.ad_bkg { padding: 5px; border: 2px solid #000; background-color: #FFF; }
.ad_bkg_00a9ff { padding: 5px; border: 2px solid #000; background-color: #00a9ff; }
.left { float: left; margin-left: 10px; color: #FFF; }
.right { float: right; margin-right: 10px; color: #FFF; }

.twocol {
   margin: 0px 0px 20px 0px;
   padding: 0px;
}

div.twocol div.left {
   width: 80px;
   text-align: left;
   float: left;
   margin-right: 10px;
   margin-left: 0px;
} 

#s { width: 100px; }

/* Begin Contact Form CSS */
.contactform { }
.contactleft { }
.contactright { padding-bottom: 20px; }
.contacterror { border: 1px solid #ff0000; }
.contactsubmit { }
/* End Contact Form CSS */

/* Cafe Press 3 Column */
div.cafepress {
   clear: both;
   padding-bottom: 20px;
}

div.cafepressbtm {
   clear: both;
   padding-bottom: 5px;
}

div.cafepress div.left {
   float: left;
   margin-bottom: 20px;
   text-align: center;
}

div.cafepress div.middle {
   float: left;
   margin-left: 10px;
   margin-bottom: 20px;
   text-align: center;
}

div.cafepress div.right {
   float: left;
   margin-left: 10px;
   margin-bottom: 20px;
   text-align: center;   
}

form.sidebar select {
   width: 150px;
}

form.sidebar select.space {
   margin-bottom: 5px;
}

form.sidebar {
   padding: 0px 0 0px 0 !important;
   }

form#searchform input#s {
   width: 105px;   
}   

.entry-tags {
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}