/*
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";

/* Hides from IE5-mac \*/ 
* html .documentContent {height: 1%;} 
/* End hide from IE5-mac */

body{
	background:#484848;
	color:#fcfcfc;
	font-family:Arial;
	font-size:13px;
	position:relative;
}

a{
	color:#18cbf8;
	font-weight:bold;
	text-decoration:none;
}

#wrapper{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#header{
	width:960px;
	background:url(/images/jd_header.jpg) no-repeat;
	height:484px;
	position:relative;
}
	#header h1{
		text-indent:-2000px;
		overflow:hidden;
	}

/*PLAYER  */

#player{
	position:absolute;
	right:45px;
	top:30px;
	width:200px;
}

#player img{
	border:3px #32e3ff solid;
	margin-bottom:8px;
}

#player h2{
	font-size:16px;
	margin-bottom:15px;
} 
#player h2 span{
	color:#32e3ff;
	
}

.button{
	font-size:14px;
	color:#fff;
	background:#36c0e5;
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#nav{
	height:62px;
	background:url(/images/jd_nav_bg.gif) repeat-x;
	position:absolute;
	bottom:0;
	padding-left:20px;
	width:940px;
}

#nav ul li{
	float:left;
}
#nav ul li a{
	display:block;
	background:url(/images/jd_nav.gif) no-repeat 0 10px;
	text-indent:-2000px;
	overflow:hidden;
	width:80px;
	height:62px;
}
#nav a.home{background-position: 0 			10px;}
#nav a.bio{background-position: -80px 		10px; width:66px;}
#nav a.events{background-position: -146px 	10px; width:108px;}
#nav a.news{background-position: -254px 	10px; width:88px;}
#nav a.videos{background-position: -342px 	10px; width:105px;}
#nav a.store{background-position: -447px 	10px; width:96px;}
#nav a.fans{background-position: -544px 	10px; width:82px;}
#nav a.lyrics{background-position: -626px 	10px; width:98px;}
#nav a.links{background-position: -725px 	10px; width:89px;}
#nav a.contact{background-position: -814px 	10px; width:100px;}
                                                     
#nav a.home:hover{background-position: 0 			-45px;}
#nav a.bio:hover{background-position: -80px 		-45px; width:66px;}
#nav a.events:hover{background-position: -146px 	-45px; width:108px;}
#nav a.news:hover{background-position: -254px 		-45px; width:88px;}
#nav a.videos:hover{background-position: -342px 	-45px; width:105px;}
#nav a.store:hover{background-position: -447px 		-45px; width:96px;}
#nav a.fans:hover{background-position: -544px 		-45px; width:82px;}
#nav a.lyrics:hover{background-position: -626px 	-45px; width:98px;}
#nav a.links:hover{background-position: -725px 		-45px; width:89px;}
#nav a.contact:hover{background-position: -814px 	-45px; width:100px;}

#content{
	padding:18px;
	background:url(/images/body_bg.gif) repeat-x top;
	overflow:hidden;
	position:relative;
}

#homeblog{
	float:left;
	overflow:hidden;
	position:relative;
}

.post{
	width:490px;
	margin-bottom:10px;
}

.postdate{
	font-style:italic;
	color:#aeaeae;
	margin-bottom:9px;
}
.postcontent{
	margin-bottom:10px;
}
.postcontent p, .post p{
	margin:8px 0;
	line-height:16px;
	
}
.postcontent img, .post img{
	border:#000 3px solid;
	margin:4px;
}
.postcontent .wp-smiley, .post .wp-smiley{
	border:none;
}
.postfooter{
	clear:both;
	height:34px;
	border-top:1px solid #5b5b5b;
	border-bottom:1px solid #5b5b5b;
	margin:10px 0;
}
.postfooter a, .postfooter ul.addtoany_list li a{
	color:#c8c8c8;
	font-size:12px;
	display:block;
	height:34px;
	line-height:34px;
	padding:0 20px;
	float:left;
}
.postfooter a:hover{
	color:#18cbf8;
}
.posttags a{
	padding: 0 10px;
	border-right:1px solid #5b5b5b;
}
.posttags{
	float:left;
}
.postact{
	float:right;
}
.postcomments a{
	float:left;
	border-right:1px solid #5b5b5b;
}
.postshare a{
	float:left;
}
.post h2, #archive h2{
	font-size:18px;
	margin-bottom:5px;
	margin-top:8px;
}
.post h2 a, #archive h2 a{
	color:#fff;
}
.clear{
	clear:both;
	height:0;
}

#sidebar{
	float:right;
	width:400px;
}

.module{
	background:#414141;
	border:#343434 1px solid;
	margin-bottom:10px;
}
.module h3{
	text-indent:-2000px;
	background:url(/images/jd_modules_headers.gif) no-repeat 10px 9px;
	height:40px;
	border-bottom:#343434 1px solid;
}
#module_photos h3{ background-position: 10px -31px;}
#module_events h3{ background-position: 10px -71px;}
.module .modulecontent{
	padding:10px;
}
/*EVENTS			*/
#module_events .ec3_events a{
	color:#cbcbcb;
	font-size:12px;
	font-weight:normal;
	height:26px;
	line-height:26px;
	display:block;
	border-bottom:1px solid #3c3c3c;
}
#module_events .ec3_events a:hover  .eventtitle{
	color:#18cbf8;
}
#module_events .ec3_events a:hover {background:#323232;}
#module_events .ec3_events span{
	float:left;
}
#module_events .ec3_events .eventdate{
	width:70px;
	padding-left:5px;
}
#module_events .ec3_events .eventtitle{
	width:250px;
	font-weight:bold;
	color:#ececec;
}
#module_events .ec3_list_day li{
	display:inline;
	padding-left:20px;
}

/*SINGLE 		*/
#single, #archive{
	width:490px;
	float:left;
}
#single textarea{
	background:#e1e1e1;
	border:none;
	width:456px;
	padding:5px;
	color:#353535;
}
.commentinput{
	padding:10px;
	background:#353535;
	margin:2px;
}
.commentinput input{
	border:none;
	background:#e1e1e1;
	margin-right:5px;
	padding:4px;
	font-size:12px;
}
#single label{
	font-weight:bold;
}
.singlerss{
	height:20px;
	padding:5px;
	display:block;
}
ol.comments li.alt{
	background:#444;
}
ol.comments li{
	border-bottom:1px solid #333;


}
.commentbody{
	display:block;
	padding:10px;
	float:left;
}
.commenticon img{
	border:4px solid #353535;
	display:block;
}
.commentdate{
	display:block;
	font-size:11px;
	margin-top:4px;
	color:#ccc;
}
.commenticon{
	display:block;
}
.commentuser{
	padding:10px;
	width:120px;
	float:left;
	display:block;
	border-right:1px solid #3c3c3c;
}
#comments, #respond{
	font-size:18px;
	padding:5px;
	
}

/*EVENTS PAGE*/

#single table.ec3_schedule, #archive table.ec3_schedule{
	width:200px;
	color:#fff;
	border:none;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}
#single table.ec3_schedule td, #archive table.ec3_schedule td{
	color:#fff;
	padding:10px;
	font-size:18px;
	border:1px solid #222;
}
/*PHOTOS */
#flickrphotos{
	float:left;
	margin:2px;
	display:inline;
	height:92px;
	overflow:hidden;
}
#flickrphotos img{
	border:3px solid #000;
	margin:3px;
}

.photobtn{
	width:20px;
	height:96px;
	background:#2b2b2b url(/images/leftright.gif) no-repeat scroll center 42px;
	text-indent:-2000px;
	overflow:hidden;
	cursor:pointer;
}
.prev{
	float:left;
}
.next{
	float:right;
	background:#2b2b2b url(/images/leftright.gif) no-repeat scroll center -68px;
}


/*FOOTER */
#footer{
	background:#333;
}
#footercontent{
	padding:20px;
}
#footer a{
	font-weight:normal;
}
.footerlist, #footer li.categories{
	float:left;
	width:180px;
	height:200px;
	
}
#searchform{
	padding:20px;
	background:#222;
}

/*SHARE THIS */
div.a2a_menu, div.a2a_menu_border{
	-moz-border-radius: 0;
	-webkit-border-radius:0;
}
div.a2a_menu_border{
	background-color:#000;
	border:none;
}


#module_video .modulecontent{
	padding:5px;
}