/*  
Theme Name: Brian Groce (2009-08)
Theme URI: 
Description: 
Version: 2009-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: #333333;
   background-image: url(images/bkg_03bz.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: 20px;
   font-weight: bold;
   padding: 0px;
   margin: 10px 0px; 
   text-decoration: none;
   color: #000000;
	clear: both;
}

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:980px;
   margin: 0px auto;
   background-color: #EBEBEB;
/*   background-image: url(images/bkg4.gif); */
   text-align:left;
   }

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

#header {
   height: 115px;
   background-color: #2a3965;
	color: #FFFFFF;
}

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: #FFFFFF;
   text-align: center;
  }

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

div.description {
	text-align: center;
	font-size: 1.5em;
}

/******************/
/*    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 #000000;
}

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:410px;
   padding-left: 10px;
   padding-right: 30px;
   }

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

div#navigation{float:left;width:160px;margin-left:-410px;}
div#extra{float:left;width:190px;margin-left:-190px;}

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

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

div#navigation h2,
div#navigation h3,
div#navigation {
   color: #FFFFFF;
}

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

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

div#extra h2,
div#extra h3,
div#extra {
   color: #DEDEDE;
}

div#extra a, 
div#extra a:visited {
   color: #FFFFFF;
}

div#navigation h3,
div#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: #DEDEDE;
   background-image: url(images/footer-bkg3b.jpg);
   background-repeat: repeat;
   color: #000000; 
   text-align: left;
   clear:both;
   width:100%; 
   height: 530px;
   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: #000000; 		
   text-decoration: none;	
}

div#pre_footer strong {
   color: #333333; 		
}

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

div#pre_footer a,
div#pre_footer a:visited {
   color: #000000;   
}

.sbm_rec_left   { 
	float: left; 
	margin-left: 10px; 
	margin-right: 10px; 
	color: #000000; 
	width: 30%;	
	}
	
.sbm_rec_center { 
	float: left; 
	margin-left: 10px; 
	margin-right: 10px; 
	color: #000000; 
	width: 30%;	
	}
	
.sbm_rec_right  { 
	float: left; 
	margin-left: 10px; 
	margin-right: 10px; 
	color: #000000; 
	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: 10px 20px 0px 0px; 
}

.postdisplay {
border: 1px solid Black;
background: #F0FFFF;
text-align: center;	
}

.ad_bkg { padding: 5px; border: 2px solid #000; background-color: #FFF; }
.ad_bkg_00a9ff { padding: 5px; border: 2px solid #000; background-color: #696969; }
.left { float: left; margin-left: 10px; color: #FFF; }
.right { float: right; margin-right: 10px; color: #FFF; }
.center { text-align: center; }

.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 #8B0000; }
.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;
	}
	

span.small {
  font-size: 9px;
}

span.small img {
	margin-top: 10px;
}	

.commentOfficialUser { 
border: 1px solid black; 
background-color: #DEDEDE;
padding: 5px;
}

/* Surge Bucket Media Sidebar Layout */

div#sbm_sidebar {
   float:left;
   width:420px;
   margin-left:-430px;
   }

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

div#sbm_banner {
   width: 300px;
   border: 1px solid #000000;
   margin: auto;
}

div#sbm_banner img {
   border: none;
}
   
div#sbm_navigation{float:left;width:190px;margin-left:0px; padding-left: 10px;}

div#sbm_extra{float:left;width:195px;margin-left:10px; padding-left: 10px;}

div#sbm_navigation { 
   padding-bottom: 10px;
	margin-bottom: 20px;
 }

div#sbm_navigation a, 
div#sbm_navigation a:visited
div#sbm_sidebar a,
div#sbm_sidebar a:visited,
.flink a,
.flink a:visited {
   color: Blue;
}

div#sbm_extra,
div#sbm_navigation {
	background: #FFFFFF;
	margin-top: 10px;
	border: 1px solid #999999;	
}

div#sbm_navigation h2,
div#sbm_navigation h3,
div#sbm_navigation {
   background: #FFFFFF;
}

#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: 10px;
	margin-bottom: 20px;
}

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

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

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;   
}

.side_ads_mid {
	padding: 10px;
}

ul.oio-link-list li {
	padding-bottom: 10px;
}

div#tla ul {
	padding-top: 0px;
}

div#tla ul li {
	padding-top: 0px;
}

div.postleveltextad {
	padding: 2px 0;
        margin: 10px 0;
	border: 1px solid #999;
background-color: #F8F8FF;
}


div.postleveltextad  ul li {
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 2px;
	margin: 0 0 2px 3px;
	display: inline;
	}

img.alignleft {
	padding: 2px;
	margin: 0 3px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 5px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width: 500px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	max-width: 490px;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 2px 5px;
	margin: 0;
}
/* End captions */

div.buy-buttons {
	text-align: center;
	clear: both;
	width: 520px;	
}

div.buy-buttons div.buy-form {
	text-align: center;
	width: 173px;	
	float: left;
}

div#content {
	border: 1px solid #999999;	
   background-color: #FFF;
	width: 521px;
	margin: 10px 10px 10px 10px;
	padding: 3px 0px 3px 7px;	
}

div#content-main {
	margin: -2px 10px 10px 5px;
	padding: 3px 0px 3px 7px;	
}

h2.pagetitle {
	background: #111111;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 0.2em;
	margin: -3px 0px 10px -7px !important;
	padding: 3px 0px 3px 7px;	
}

h2.single-title,
h2.single-title a {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size:24px;
	text-align: center;
        font-weight: normal;
        color: #222;
	line-height: 1.1em;

	text-transform: capitalize;

	margin: -3px 0px 0px -7px !important;
	padding: 5px 0px 3px 7px;		
   text-decoration: none;
	clear: both;
}

div.byline {
	text-align: center;
}

div.rule-dot {
	border-bottom: 1px dotted #94B1DF;
	margin: -10px 10px 10px 0px; 
	padding: 0px 0px 10px 0px; 
	clear:both;
}

div.features_content span.hide,
div.archives span.hide {
  display:none;
  }

h3.archives {
	margin: 0px;
	padding: 0px;
}  
  
div#spotlight, div#spotlight-sub, div#spotlight-bottom {
	width: 600px;
	}
	
div#spotlight div.features,
div#spotlight-bottom div.features{
	width: 526px;
	/* height: 245px; */
}	

div#spotlight-sub div.features {
	width: 258px;
   height: 255px;
}

div#spotlight-sub div.featlg {
	 height: 400px !important;
}

div#spotlight div.features,
div#spotlight-sub div.features,
div#spotlight-bottom  div.features {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #999999;	
	clear: none;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;	
   background-color: #FFF;
}

div#spotlight div.features h3,
div#spotlight-sub div.features h3,
div#spotlight-bottom  div.features h3  {
	background: #111111;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;	
}

div#spotlight-sub div.fr {
	margin: 10px 0px 5px 10px;
	padding: 0px;
}

div.date {
	margin: 0px 0px 0px 10px;
	font-weight: bold;
}

div#spotlight div.features div.features_content,
div#spotlight-sub div.features div.features_content,
div#spotlight-bottom  div.features div.features_content {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	clear: none;
	font-size: 12px;
}

div#spotlight div.features div.features_content p,
div#spotlight-sub div.features div.features_content p,
div#spotlight-bottom div.features div.features_content p {
	margin: 0px !important;
	padding: 0px 10px 0px 10px !important;
}

div#spotlight div.features div.features_content p.link,
div#spotlight-sub div.features div.features_content p.link,
div#spotlight-bottom div.features div.features_content p.link {
	margin: 0px !important;
	padding: 0px 10px 0px 10px !important;
	font-size: 13px;
}

div#spotlight-bottom div.fr {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}