/*
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 : #000 ;
} 
 
h2, h3, h4, h5, p, ul, ol strong {color:#fff; margin : 0 0px; padding : 5px 0; text-align: left;}


body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
font : 70%/140% Tahoma, Verdana, Arial, sans-serif;
} 
 
 
#page-wrap{ 
 width:879px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
margin-top: 15px;  
} 
 




#header1{
 
 height:248px; 
 background: #000000 url(images/logo.gif) no-repeat; 
 width:486px;
margin-right:  15px;
margin-bottom:15px;
} 

 



#content2{
 position:relative; 
background-color: #000000;  
width:878px;
height:340px;
padding: 0; 

 }
 #slideshow  {float:left; position:relative;  width: 484px; height:310px; margin-top: 15px;}
 
#home  {position:absolute; left : 500px; top : 0px; background-color: #464646; width: 339px; height: 326px;padding: 0 20px;}

#post2  {position:absolute; left : 20px; top : 0px; background-color: #464646; width: 486px; height: 326px;}
 
#header{
 position:relative; 
 height:248px; 
 background: #000000 url(images/logo.gif) no-repeat; 
 width:100%;
} 

#header h1  { background : url(images/logo.png) no-repeat; position : absolute; left : 30px; top : 10px; width: 334px; height : 61px; 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; text-indent: -9999px;}

#topmenu  { position:absolute; left : 500px; top : 4px; background-color: #464646; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 10px  12px 12px 20px; width: 347px; height: 248px;}

#topmenu ul li a { color: #ffffff ;  text-decoration: none; line-height: 28px;}



#topmenu a:hover {color: #292929;   width:200px; background-color: #dcdcdc; padding: 4px 4px;}	


#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: #464646;  
 height: 100% auto;
 width:100% auto;
 }

#content{background-color: #292929;  
 float: left; 
 position: relative; 
 width:461px;
padding: 20px; 
height:100%;


 }
#content3{background-color: #292929;  

 position: relative; 
 width:839px;
padding: 20px; 
height:100%;


 }
 
#footer{
width: 878px;
 height:90px; 
  background-color:#000000;
  border: 1px solid #464646;
 clear:both;
text-align: center; padding-top: 10px;

 } 
 
 #footer2{
width: 878px;
 height:90px; 
  background-color:#000000;
  border: 1px solid #464646;
 clear:both;
text-align: center; padding-top: 10px;
margin-top: 15px;
 } 
 
 #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 20px;  

 }
 
/* 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%; height: 100%; float:none;}
}

 /*font styles*/ 

 #cat ul, #cat li a{
  color: #ffffff; text-decoration:none; display:inline;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; border: 1px solid #fff; padding: 5px 10px;} 

li.cat-item {display:inline;}

#artistsform a{
  color: #ffffff; text-decoration:none; position: absolute; top: -30px; left: 550px; 
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 10px 10px;} 


ul a{
 text-align:left; color: #ffffff; 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: #fff; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }  

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

#ccontact{ float:left; width:300px; color: #fff; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;}

#right{float:right; width:575px; color: #fff; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; text-align:center; }

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

p.footer a{
 text-align:left;  color: #292929; 
} 

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

#comment {background-color: #000; padding: 10px; border: 1px solid #464646;}

	
#sidebar{
 width:300px;
 background-color: #464646;
 float:right; 
 position:relative; 
padding: 0px 5px; 
margin: 0;
  }
  
 #sidebar2{
 
 position:relative; 
width:333px; 
 float:right; 
margin: 30px 20px;
text-align: center;

 }
 
#widgets{

margin: 0  15px 0 -15px; 

  }

		#sidebar .paddings div {
			margin-bottom: 1.5em;
		}
		h2.widgettitle {
			font-size: 14px; color:#000;   padding: 0px 5px 5px 5px; width:100%; margin:10px 0; 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;
			}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}