/*
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 : #5e426b url(images/bk.gif) no-repeat;
height: 100%
} 
 
h1,h2, h3, h4, h5, p, ul, ol strong {color:#303030; margin : 0 0px; padding : 5px 0; text-align: left;}

b {color:#303030;}

body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
font : 80%/140% Tahoma, Verdana, Arial, sans-serif;
height: 100%
} 

   
#page-wrap{ 
 width:862px; 
 text-align:left;  
  background: white;
  margin-left:  auto;
  margin-right: auto;
  min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
} 
 
 .push {
    height: 142px;
}
#header{
 position:relative; 
 height:377px; 
 background: #ffffff url(images/header.jpg) no-repeat;
 width:100%;
} 

 
#header2{
 position: relative;
 height:186px; 
 background: #ffffff url(images/header2.jpg) no-repeat;
 width:100%;


} 

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

 }
 
 #lefthome  {float:left; position:absolute; left : 0px; top : -35px;  width: 434px; height:310px; margin: 15px 30px;}
 
#home  {position:absolute; left : 450px; top : -30px;  width: 350px; height: 326px;padding: 0 20px; }



#post2  {position:absolute; left : 20px; top : 0px; background-color: #464646; width: 486px; height: 326px;}
 
 .post-side {position: relative}

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

#header2 h1   { background : url(images/logo.png) no-repeat; position : absolute; left : 30px; top : -10px; width: 334px; height : 61px; text-indent: -9999px; color: #29162c;}

#header2 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 : 30px; top :0px;  color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ;  width: 862px; }

#topmenu ul li a { color: #ffffff ;  text-decoration: none; }

.page_item { display:inline;  padding-right: 48px; }




#topmenu a:hover {color: #7ebdcf;   }	


#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: #ffffff;  
 height: 100% auto;
 width:100% auto;
 
 }
 
 #nav{ 
 
 
 margin: 0 20px;


 }
 

#content{ 
 float: left; 
 position: absolute; top: 10px; left: 0;
 width:520px;
padding: 0 20px; 
height:100% auto;


 }
 
 #content.left {position: absolute; top: -80px; left: 10px;}
 
#content3{background-color: #ffffff;  
position: relative;
  width:810px;
 margin-left: auto;
 margin-right: auto;
 height:100% auto;


 }
 
 #artistcontent{   
 float: left; 
 position: absolute; top: -60px; left: 0;
 width:810px;
height:100% auto;
margin-left:auto; 
 margin-right:auto;
 
 }

 
#footer{
width:862px;
 height:145px; 
  background-color:#fff; 
color: #292929;
  border-top: 2px solid #777777;

 clear:both;
text-align: left; padding-top: 10px;
font : 78%/140% Tahoma, Verdana, Arial, sans-serif;

 } 
 


#email {float:left; padding: 0 20px;}

#address {float:left; border-left: 2px solid #777777; text-align: left; padding-left: 20px;}
#address2 {text-align: center; padding-left: 20px;}


#social {float:right; border-left: 2px solid #777777; text-align: left; padding-left: 20px; padding-right: 20px; }
 
 #footer2{
width:862px;
 height:142px; 
  background-color:#fff; 
color: #292929;
  border-top: 1px solid #777777;
	clear:both;
text-align: left; padding-top: 10px;
font : 85%/140% Tahoma, Verdana, Arial, sans-serif;
 } 
 
 #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;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
.clear { clear: both;}

#post{ padding: 20px 20px;
  

 }
 
 


 
 /*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 : 80%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; border: 1px solid #fff; padding: 5px 20px;} 

li.cat-item {display:inline; padding-right: 2px; padding-left: 6px; border-right: 1px solid #215974; font : 75%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;}

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

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


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

h2 a{
 text-align:left; color: #215974; 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:#215974;}

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

	
#sidebar{
 width:300px;
 background-color: #ffffff;
 float:right; 
 position:relative; 
padding: 0px 5px; 
margin: 0;
height: 100% auto;
height: 620px;

  }
  
 #sidebar2{
 
 position:relative; 
width:300px; 
 float:right; 
margin: 20px 20px 20px 20px;
text-align: center;
height: 790px;


 }
 
 #sidebar3{
 
 position:relative; 
width:300px; 
 float:right; 
margin: 20px 20px 20px 20px;
text-align: center;
height: 1050px;


 }
 
 #images {position: absolute; top: -30px left:0;}
 
#widgets{

margin: 0  15px 0 65px;


  }

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