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

body {
	overflow-y: scroll;
	background-color: #000000;
	font-size: 82%;
	background: url(style/images/bkgrdPic.jpg) fixed top center black no-repeat;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
.clear {
	clear: both;
	}
	

body.news {
	background: url(style/images/bkgrdPic.jpg) fixed center top black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
body.tour {
	background: url(style/images/bkgrdTour.jpg) fixed top center black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
body.epk {
	background: url(style/images/bkgrdEPK.jpg) fixed top center black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
body.contact, body.streetteam {
	background: url(style/images/bkgrdcontact.jpg) fixed top center black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
body.links {
	background: url(style/images/bkgrdLinks.jpg) fixed top center black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
body.gallery, body.lyrics, body.debrislyrics, body.stompinlyrics, body.sugarfootlyrics {
	background: url(style/images/bkgrdGallery.jpg) fixed top center black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
body.single {
	background: url(style/images/bkgrdPic.jpg) fixed top center black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
body.bio, body.reviews, body.bostonedgeinterview, body.pasteinterview, body.providencejournal, body.quotes {
	background: url(style/images/bkgrdEPK.jpg) fixed top center black no-repeat;
	font-size: 82%;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	}
	
a {
	color: #ed1d25;
	text-decoration:underline;
	outline: none;
  }
  
a:hover {
	color: #fff;
	text-decoration: none;
	}
	
img {
	vertical-align: middle;
	}
	

	
	
/* STRUCTURE */
#page_wrap {
	width: 1000px;
	margin: 0 auto;
	}
	
.post h2 {
	margin-top: 25px;
	}
	
.post h2 a {
	text-decoration: none;
	}
	
#social {
	width: 80px;
	float: right;
	margin-right: 8px;
	position: relative;
	margin-top: 135px;
	}
	
#main_col {
	width: 500px;
	float: right;
    margin-right: 8px;
    margin-bottom: 100px;
    overflow: hidden;
	}
	
.tour #main_col, .epk #main_col, .contact #main_col, .links #main_col, .gallery #main_col, .bio #main_col, .reviews #main_col, .bostonedgeinterview #main_col, .pasteinterview #main_col, .providencejournal #main_col, .quotes #main_col, .streetteam #main_col, .lyrics #main_col, .debrislyrics #main_col, .stompinlyrics #main_col, .sugarfootlyrics #main_col {
	width: 600px;
	float: right;
    margin-right: 8px;
    padding-bottom: 100px;
    overflow: hidden;
	}
	
.links #main_col p {
	margin-top: 9px;
	}

	
#main_col_single {
	width: 600px;
	float: right;
    margin-right: 8px;
    margin-bottom: 20px;
    }
	
	
	


/* TYPOGRAPHY */
.tour h2, .epk h2, .links h2, .contact h2, .gallery h2 {
	font-family: Franklin-Gothic-Medium, Arial-Narrow-Bold, Arial, sans-serif; 
	color: #8b8681;
	font-size: 150%;
	margin-bottom: 15px;
	}
	
.single h2 {
	font-family: Franklin-Gothic-Medium, Arial-Narrow-Bold, Arial, sans-serif; 
	color: #8b8681;
	font-size: 150%;
	}

h2 a {
	font-family: Franklin-Gothic-Medium, Arial-Narrow-Bold, Arial, sans-serif; 
	color: #8b8681;
	font-size: 150%;
	}
	
.single h3 {
	margin-top: 15px;
	color: #8b8681;
	}
	
h3 {
	color: #8b8681;
	font-family: Franklin-Gothic-Medium, Arial-Narrow-Bold, Arial, sans-serif;
	margin-bottom: 10px; 
	}
	
.epk h3, .bio h3, .bostonedgeinterview h3, .pasteinterview h3 {
	text-align: center;
	font-size: 110%;
	}
	
.contact h3 {
text-align: left;
}
	
.contact h4, .epk h4 {
	text-decoration: underline;
	margin-top: 20px;
	}
	
	
.space {
	margin-bottom: 20px;
	}
	
.question {
	font-style: italic;
	}
	
	
	
/* HEADER */
#header {
	width: 600px;
	height: 195px;
	position: relative;
	float: right;
	margin: 5px 8px 0px 0px;
	}

h1#logo {
	width: 600px;
	height: 172px;
	text-indent: -9999px;
	background: url(style/images/header.png) no-repeat;
	}
	
ul#nav_list {
	margin: -10px 0px 0px 0px;
	}
	
ul#nav_list li {
	display: inline;
	}
	
ul#nav_list li a {
	color: #ed1d25;
	text-decoration: none;
	font-family: Franklin-Gothic-Medium, Arial-Narrow-Bold, Arial, sans-serif;
	font-size: 15px;
	}
	
ul#nav_list a:hover {
	color: #fff;
	}
	
li#tour a{
	position: absolute;
	left: 63px;
	}	
	
li#gallery a{
	position: absolute;
	left: 125px;
	}
	
li#store a {
	position: absolute;
	left: 213px;
	}
	
li#Mp3s a {
	position: absolute;
	left: 285px;
	}
	
li#epk a {
	position: absolute;
	left: 347px;
	}
	
li#links a {
	position: absolute;
	left: 400px;
	}
	
li#contact a {
	position: absolute;
	left: 462px;
	}
	
li#lyrics a {
	position: absolute;
	left:550px;
}	
	
	
	
/* SOCIAL SIDEBAR */
#social p {
	text-transform: uppercase;
	color: #ed1d25;
	padding-bottom: 10px;
	padding-left: 2px;
	}	
	
ul#socialList li {
	display: inline;
	}
	
li#facebook a {
	position: absolute;
	top: 45px;
	left: 10px;
	width: 46px;
	height: 43px;
	display: block;
	background: url(style/images/facebookLink.png) no-repeat;
	text-indent: -9999px;
	}
	
li#twitter a {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 46px;
	height: 45px;
	display: block;
	background: url(style/images/twitterLink.png) no-repeat;
	text-indent: -9999px;
	}
	
li#youtube a {
	position: absolute;
	top: 155px;
	left: 8px;
	width: 60px;
	height: 26px;
	display: block;
	background: url(style/images/youtubeLink.png) no-repeat;
	text-indent: -9999px;
	}
	
li#myspace a {
	position: absolute;
	top: 205px;
	left: 12px;
	width: 46px;
	height: 43px;
	display: block;
	background: url(style/images/myspaceLink.png) no-repeat;
	text-indent: -9999px;
	}
	
	
	
/* POSTS */
.datebox {
    width: 40px;
    float: left;
    padding: 0px 5px 5px 5px;
    background: #8b8681;
    color: white;
    text-align: center;
    margin: 0px 10px 5px 0px;
    }
    
.day {
    font-size: 2em;
    font-weight: bold;
    margin: 0;
    }
    
.month {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    margin:0;
     }  
     
.year {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    } 
    
#intro_paragraph {
	margin-top: 15px;
	font-size: 16px;
	color: #8b8681; 
	}
    
.debris {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	} 
	
ol.commentlist { 
	list-style: none; 
	}
.comment-bubble	{
	background: #8b8681; 
	color: white; 
	padding: 10px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	 }
	 
ol.commentlist li p	{ 
	font-size: 1.0em; 
	}
	
.gravatar {
	margin-top: 3px; 
	padding: 2px; 
	height: 40px; 
	}
	
.single #author, .single #email, .single #url {
	margin-bottom: 5px;
	}  
    
	
/* FOOTER */
#footer {
    width: 100%;
    height: 600px;
    margin: 0 0;
    padding: 0 0;
    background-color: #000000;
    position: fixed;
    top: 590px;
    z-index: 100;
    }
    
    
    
/* LYRICS PAGE */
ul#albums {
	margin-top: 35px;
	position: relative;
	}
	
ul#albums li {
	float: left;
	margin: 0px 25px 25px 0px;
	}
	
ul#albums li:last-child {
	margin-bottom: 0px;
	}
	
#debris, #sugarfoot, #stompin, #hello, #homeGrown, #devil, #redemption, #forYou, #relentless, #experience {
	position: relative;
	}
	
.info {
	background-color: #000;
	width: 150px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	top: 150px;
	}
	
.info p {
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: white;
	margin-bottom: 0;
	font-size: 12px;
	}
	
.longTitle {
	background-color: #000;
	width: 150px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	top: 150px;
	overflow: hidden;
	}
	
.longTitle p {
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: white;
	margin-bottom: 0;
	font-size: 9px;
	}
	
p.lyricsIntro img {
	float: left;
	margin-right: 50px;
	margin-bottom: 20px;
	}
	
ul#songTitles {
	float: left;
	}