/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


html{ 
 margin:0; 
 padding:0; 
 text-align:center; 
background : url(style/images/background.jpg);
} 
 
h2, h3, h4, h5, p, ul, ol  { margin : 0 10px; padding : 5px 0; text-align: left;}


body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
font : 76%/160% Tahoma, Verdana, Arial, sans-serif;

} 
 
 
#page-wrap{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 border: 1px solid #000000; 
} 
 
#header{
 position:relative; 
 height:247px; 
 background-color:#0078AB; 
 width:100%;
} 

#header h1  {  position : absolute; left : 7px; top : 7px; width: 870px; height : 240px;  }

 #header h2  {  position : absolute; left : 7px; top : 90px; width: 867px; height : 157px; text-indent: -9999px; } 



#header p  {  position : absolute; left : 430px; top : 25px; color: white;}

#navbar  { background-color: #000000; }

#navbar a { color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 12px  12px 12px 12px;}
	
#navbar a:hover {  color: #0078AB;}	
	
 
#sidebar{
 width:185px;
 float:right; 
 position:relative;
background-color: #0078AB;
border-left: 1pt solid #000;
align: top;

  }
  
#sidebar2{
 width:200px;
 float:left; 
 position:relative; 
 background-color: #0078AB;
 padding-top:  5px;
 padding-right: 5px;
 border-right: 1pt solid #000;
align: top;

  }  
  

 
#widget{
 width:90%;
height: 33%; 
border: 1px dotted #000;

  }
  
.textwidget{
  background-color: #ffffff;
  border-bottom: 1pt solid #000; border-top: 1pt solid #000; border-left: 1pt solid #000; border-right: 1pt solid #000;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: italic;
  padding: 0px 8px;
  height: 100%; 
  
  }
 
 .textwidget2{
  background-color: #ffffff;
    font-family: verdana, arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: italic;
  padding: 8px 8px;
  height: 100%; 
  
  }

 
 
 
#cat{
 width:20%; 
 float:left; 
 position:relative; 


 }
 
#wrapper{
 background-image: url(style/images/bk.jpg);
 background-repeat: repeat-y;

}
 
#content{background-color: #ffffff;  
 float: left; 
 height: auto;
 position: relative; 
 width:488px; 
  padding: 0px 10px 0px 10px;
 
 }
 
 #content2{background-color: #FFFFFF;  
 float: left; 
 height: auto;
 position: relative; 
 width:100%; 

 }

 #content3{background-color: #ffffff;  
 float: left; 
 height: auto;
 position: relative; 
 width:100%; 

 }
 
#flickrcontent{background-color: #E6F2F7;  
 float: left; 
 height: auto;
 position: relative; 
 width:488px; 
 padding: 0px 10px 0px 10px;
 
 
 }

 
 .clear { clear: both;}
 
#footer{
 height:170px; 
 background-color:#ffffff;
 clear:both;
 text-align: center; padding-top: 0px; padding-left: 80px;
 border-top: 1px solid #000;
 } 
 #maincol p{margin:1em;}

#logo{
 background : url(style/images/dtvlogo2.gif) no-repeat;
 float : none;
 margin-left: none;

}

#logo p {
margin-left: 0px;
text-align: center;

}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

#post{border-bottom: 1px dotted #000; padding: 10px;  
 
 }
 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

 /*font styles*/ 

 
ul a{
 text-align:left; color: #0078AB; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;} 

ul a:hover{
 text-align:left; color: #000; text-decoration:underline;
}

#static {
 text-align:left; color: #000; text-decoration:none;
 border-bottom: 1pt solid #000; border-top: 1pt solid #000; border-left: 1pt solid #000; border-right: 1pt solid #000;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: italic;
  padding: 8px 8px;
 } 

h2 a{
 text-align:left; color: #000; text-decoration:none;
 } 
 
 h2.title {text-align:left; color: #000000; text-decoration:none;
font : 135%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;
}

h3 {text-align:center; color: #ED1823; text-decoration:none;
 border-bottom: 1pt solid #000; border-top: 1pt solid #000; border-left: 1pt solid #000; border-right: 1pt solid #000;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style:normal;
  padding: 8px 8px;
  }
  
 #post h2 {text-align:left; color: #0078AB; text-decoration:none;
font : 125%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;
}

p.date{
 text-align:left; background-color: #00A39C; color: #fff; text-decoration:none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px;} 

p.catcom{
 text-align:left; background-color: #dcdcdc; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px;}

a { color:#0078AB;}

#comment {background-color: #f1d7e0; padding: 10px;}