/*
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 : #ffffff url(style/images/bg.jpg) repeat-x;
} 
 
h2, h3, h4, h5, p, ul, ol  { margin : 0 0px; 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:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  border: 1px solid #fff; 
} 
 
#top-header {width:950px; position:relative; height:114px;  margin-left:auto; 
 margin-right:auto; }

#topads{
 position:relative; 
 height:114px; 
 background: #fff ; 
 width:100%;
 text-align:left;
 
} 
.topad {padding-left: 20px;}

#social {float: left;
width: 125px;
height: 75px;

position: absolute; top: 6px; left: 790px;}

#header{
 position:relative; 
 height:223px; 
 background: #F9c5dc url(style/images/head-bg.png); 
 width:100%;
} 

#header h1  { background : url(style/images/logo.jpg) no-repeat; position : absolute; left : 30px; top : -15px; width: 442px; height : 100px; text-indent: -9999px; }

#header p  { background : url(style/images/logo.jpg) no-repeat; position : absolute; left : 30px; top : -15px; width: 442px; height : 100px; text-indent: -9999px; }

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

#topmenu  { position:absolute; left :0px; top : 0px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 0  15px 12px 15px;display:block;}

#topmenu a { color: #ffffff ; text-decoration: none; padding: 0  3px 0px 3px;}

#topmenu a:hover {color: #ffffff; background-color: #ec4399; }

#catmenu ul { position:relative;  list-style-type: none;}

#catmenu li.cat1 a {position:absolute; left:830px; top:20px; background : url(images/button1.png) no-repeat; width: 121px; height : 66px; text-indent: -9999px; }

#catmenu li.cat2 a {position:absolute; left:730px; top:77px; background : url(images/button2.png) no-repeat; width: 121px; height : 66px; text-indent: -9999px; }

#catmenu li.cat3 a {position:absolute; left:640px; top:100px; background : url(images/button3.png) no-repeat; width: 121px; height : 66px; text-indent: -9999px; }

#catmenu li.cat4 a {position:absolute; left:550px; top:130px; background : url(images/button4.png) no-repeat; width: 121px; height : 66px; text-indent: -9999px; }

#catmenu li.cat5 a {position:absolute; left:450px; top:160px; background : url(images/button5.png) no-repeat; width: 121px; height : 66px; text-indent: -9999px; }		


#navbar  { border-bottom: 1pt solid #000; }

#navbar a { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ; padding: 0  12px 12px 12px;}
	
#navbar a:hover {  color: #e03e7d;}	
	

 
#wrapper {background-color: #e8f3d3;  
 

 }
 
 #hm-wrapper {background-color: #ffffff;  
 

 }

#content{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:575px;
padding: 10px; 

 }
 
 #hm-content{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:620px;
padding: 10px;


 }

 
#footer{
width: 950px;
 height:70px; 
  background-color:#f9c5dc; 
 clear:both;
text-align: center;  } 
 
 #subfooter{
width: 950px;
 height:120px; 
  background-color:#e8f3d3; 
 clear:both;
 padding-top: 10px; 
 }
 
 #subfooter2{
width: 950px;
 height:138px; 
  background-color:#e8f3d3; 
 clear:both;
 padding-top: 10px; 
 margin: 0 auto;
 }
 
 #left{
float:left; 
padding: 0 20px;
  
 }
 
 #center{
float:left; 
padding: 0 20px;
  
 }
#right {float:right;  text-align: left; padding-left: 20px; padding-right: 20px; }
 
 #maincol p{margin:1em;}

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

#post{ padding: 0 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: #e03e7d; text-decoration:none;
font : 90%/100% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;} 

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

h2.cattitle {
 text-align:center; color: #000; text-decoration:none; background-color: #bede85;
font : 105%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }  



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

h2 a{
 text-align:left; color: #000; text-decoration:none;
} 

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

h2.featured a{
 text-align:left; color: #000; text-decoration:none;
} 
 .title  {width: 288px;  background-color: #93c538; height: 25px; font : 120%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;}

h3 {
 text-align:left; color: #000; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }  

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

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

p.catcom{
 text-align:left; background-color: #fff; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px; border-top: 1pt solid #dcdcdc; border-bottom: 1pt solid #dcdcdc; margin-bottom: 4px;}
 
 caption {font-style: italic; font-size: 10px;}
 
a { color:#e03e7d;}

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

	
#sidebar{
 width:146px;
 float:right; 
 position:relative; 
padding: 0px 5px; 
margin: 0;
  }
  
 #sidebar2{
 
 position:relative; 
 width:175px; 
 float:left; 
padding: 10px 5px 10px -5px; 
margin: 10px auto;
text-align: center;
 }
 
 #sidebar3{
 
 position:relative; 
 width:277px; 
 float:right; 
margin: 10px 15px 0 0;
text-align: center;

 }
 
 #leftcolumn{
 
 position:relative; 
 width:287px; 
 float:left; 
margin: 26px 12px;
text-align: center;

 }
 
 #leftinside{
 
 position:absolute; top: 283px; left: 0px;
 width:287px; 
 float:left; 
margin: 0px 12px;
text-align: center;

 }
 
 #rightcolumn1{
 
 position:absolute; top: 0px; left: 300px;
 width:287px; 
 
 float:left; 
margin: 0px 12px 15px 12px;
text-align: center;

 }

#rightcolumn2{
 
 position:absolute; top: 222px; left: 300px;
 width:287px; 
 float:left; 
margin: 0px 12px;
text-align: center;

 }
#video{
 
 position:absolute; top: 120px; left: -17px;
 width:277px; 
 float:left; 
margin: 0px 12px;
text-align: center;

 }
 
 #sidebar2 h2.widgettitle {
			position:absolute; top: 260px; left: 0px;width: 274px;color:#000;  background-color: #93c538; height: 20px; font : 120%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; text-align: center;
		}
 
#widgets{

margin: 0  15px 0 -15px; 

  }


		#sidebar .paddings div {
			margin-bottom: 1.5em;
		}
		h2.widgettitle {
			font-size: 14px; line-height: 15px; color:#000;  padding: 0px 5px 5px 5px; width:100%; margin:37px -5px; height:20px; width:146px;
		}
		#sidebar ul, .sidebar ol {
			margin: 0;
			list-style-type: none;
		}
			#sidebar ul li {
				padding-left: 18px;
				background: transparent url(style/images/bullet.gif) no-repeat 1px 4px;
			}
			#sidebar ul li, .sidebar ol li {
				margin-bottom: 0.5em;
			}
/*RSS feeds*/

.rss  {position:absolute; left:800px; top:165px; background: url(style/images/rss-feed.jpg) no-repeat; width:105px; height:35px; padding-left: 30px;text-indent: -9999px; display:block; text-align:center;}

#ad  { position: relative; width: 227px; margin-left: 20px;}

#ad a  {color:black; }

#ad2  { text-align: left; line-height: 15px; position: relative; width: 227px; margin-left: 20px;margin-top: 6px;}

#ad2 a  {color:black; }