/*
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 : #F9c5dc url(images/bg.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:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  border: 1px solid #fff; 
} 
 

#topads{
 position:relative; 
 height:100px; 
 background: #ec4399 ; 
 width:100%;
margin: 0 auto;
} 

#header{
 position:relative; 
 height:406px; 
 background: #F9c5dc url(images/hm-bg.png) no-repeat; 
 width:950px;
} 

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

#header h2  { 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 : 500px; top : 2px; color: #000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 0  12px 12px 12px;}

#topmenu a { color: #000000 ; text-decoration: none;}

#topmenu a:hover {color: #ffffff;  }	

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

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

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

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

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

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

#hmmenu li.cat1 a {position:absolute; left:780px; top:30px; background : url(images/hm-button1.png) no-repeat; width: 157px; height : 91px; text-indent: -9999px; }

#hmmenu li.cat2 a {position:absolute; left:700px; top:115px; background : url(images/hm-button2.png) no-repeat; width: 157px; height : 91px; text-indent: -9999px; }

#hmmenu li.cat3 a {position:absolute; left:580px; top:185px; background : url(images/hm-button3.png) no-repeat; width: 157px; height : 91px; text-indent: -9999px; }

#hmmenu li.cat4 a {position:absolute; left:430px; top:230px; background : url(images/hm-button4.png) no-repeat; width: 157px; height : 91px; text-indent: -9999px; }

#hmcopy p {color: #000000 ; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: normal ; position: absolute; left:610px; top:270px; width: 300px; display: block;}

#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;}	
	
 
#sidebar{
 width:158px;
height: 100%; 
 float:left; 
 position:relative; 
background-color: #e8f3d3;
padding: 5px; 

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

  }
 
#sidebar2{
 width:158px; 
 float:right; 
 position:relative; 
background-color: #e8f3d3;
padding: 5px; 

 }
 
#wrapper {background-color: #e8f3d3;  
 overflow: auto;

 }

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

 }

 
#footer{
width: 950px;
 height:70px; 
  background-color:#f9c5dc; 
 clear:both;
text-align: center; padding-top: 10px;

 } 
 #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{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: #e03e7d; 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;
}

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;
} 
p.date{
 text-align:left; background-color: #e03e7d; 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:#e03e7d;}

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