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

/* Basic page setup */

* { margin: 0px; padding: 0px; }
html { 	 }

body { font: normal 72.0% Arial, Helvetica, sans-serif;
		background-color: #000000;
		color: #f0ffff;
		}

ul { list-style: none inside; }
p {font-size: 1.5em; line-height: 1.5em; margin-bottom: 1.2em; }

a {	outline: none; }
a img { border: none; }

a:link {
	color: #e2e2e2;
	background-color : #330000;
	text-decoration : none;
	}

a:visited {
	color: #e2e2e2;
	background-color : #330000;
	text-decoration : none;
	}

a:hover {
   color : white;
   background-color : #660033;
   text-decoration : none;
	}

a:active {
   color : #b27630;
   text-decoration : none;
   background-color : #330000;
	}


h1 {
	font-size: 34px;
	font-weight: bold;
	color: #3399cc;
	font-family: Helvetica, sans-serif;
	/* letter-spacing: -.075em;*/
}

	h1#logo{
	width: 300px;
	height: 98px;
	background: url(img/header2.jpg) no-repeat left center;
	text-indent:-9999px;
	margin: 0 0 0 0px;
	}

	h2 {
   	font: 22px/22px Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 2px;
	color: #3399cc;
	/* letter-spacing: -.075em;*/
	padding-top: 26px;
	}

	h2 a:link { 
	background-color: #000000;
	text-decoration: none;
	font: 22px/22px Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 2px;
	color: #3399cc;
	/* letter-spacing: -.075em;*/
	padding-top: 26px;
	}

	h2 a:hover { 
	background-color: #000000;
	text-decoration: none;
	font: 22px/22px Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 2px;
	color: #3399cc;
	/* letter-spacing: -.075em;*/
	padding-top: 26px;
	}
	
	h2 a:visited { 
	background-color: #000000;
	text-decoration: none;
	font: 22px/22px Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 2px;
	color: #3399cc;
	/* letter-spacing: -.075em;*/
	padding-top: 26px;
	}

	h3 {
   	font: 19px/19px Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 6px;
	padding-bottom: 1px;
	color: #3399cc;
	letter-spacing: -.075em;
	padding-top: 12px;
	}
	
	h4 {
   	font: 19px/19px Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 6px;
	padding-bottom: 1px;
	color: #3399cc;
	letter-spacing: -.075em;
	padding: 0px;
	}

/* End basic page setup */

/* TOOLBOX */
.floatleft{ float:left;	margin-right: 8px;}
.floatright { float:right; margin-left:8px;}
.clear { clear:both; }
/* END TOOLBOX */

/* structure */

#pagewrap{
width: 960px;
margin: 0 auto;
}


	#top {
		height: 98px;
		position: relative;

	}

	#logo-link a{
		background-color:transparent;
		position:absolute;
		left:20px;
		top:0px;
		height:98px;
		width:300px;
		z-index:100;
	}

/* HEADER */

#header {
	width: 500px;
	height: 98px;
	position: absolute;
	top: 0px;
    left: 415px;
}

#header h1, #header h5, #header h6 {
	text-align: right;
}

#header h1 {
	margin: 0 0 10px 0;
}

#header h5 {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	font-family: 'Times New Roman';
	margin: 10px 0 0 0;
	line-height: 22px;
	color: #BBBBBB;
}

#header h6 {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	font-family: 'Times New Roman';
	margin-top: -5px;
	line-height: 22px;
	color: #E0FFFF;
}



/* End structure */


ul#nav { margin: 0px 0px 34px 0px;}

	ul#nav li {
		display:inline;
		}
		ul#nav li a{
			display:block;
			height: 25px;
			/* text-indent: -9999px; */
			float:left;
			font-size:19px;
			text-align:center;
			width: 106px;
			border-top: solid 1px #333333;
			}
			ul#nav li.nav-tour a{
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
			ul#nav li.nav-know a{
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
			ul#nav li.nav-see a{
				width: 100px;
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
			ul#nav li.nav-news a{
				width: 100px;
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
				
			ul#nav li.nav-discography a{
				width: 119px;
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
			ul#nav li.nav-press a{
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
			ul#nav li.nav-lyrics a{
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
			ul#nav li.nav-store a{
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}
			ul#nav li.nav-contact a{
				/* background:url(images/nav-about.png) bottom center no-repeat; */
				}

		ul#nav li a:hover {
			background-position: top center;
			}

/**********FRONT PAGE ITEMS***********/

#photo-top-front {
margin-right:50px;
border: solid 12px #333333;
}

#front-latest-news {
width: 250px;
}

#news-list-front{
height:329px;
width: 250px;
overflow-y:scroll;
background-color: #333333;
}

#news-list-front p {
padding: 0px 3px 10px 5px;
margin:0px;
font-size: 1em;
}

#news-list-front a.more-news-link {
	background-color: #000000;
	text-decoration: none;
}

#news-list-front a.more-news-link:hover {
	background-color: #660033;
	text-decoration: none;
}

#news-list-front a.more-news-link:visited {
	background-color: #000000;
	text-decoration: none;
}

/**********FRONT SUB NAV***********/

ul#front-sub-nav {
	margin-top: 30px;
	border-top: solid 1px #333333;
	padding: 10px 50px 50px 70px;
	}

	ul#front-sub-nav li {
	display:block;
	}

	ul#front-sub-nav li {
			display:inline;
			/* text-indent: -9999px; */
			float:left;
			text-align:left;
			width:280px;
            line-height: 17px;
		}
		
#sub-nav-position {
	margin:0 auto;
	min-height:50px;
}

.you-tube-thumb a {
   	background-color: #000000;
	text-decoration: none;
}

.you-tube-thumb img, .press-photo img{
    border: solid 5px #000;
}

.you-tube-thumb img:hover, .press-photo img:hover {
    border: solid 5px #660033;
    }

    
/********MAIN STRUCTURE PIECES**********/

#main-content{
	padding: 20px 50px 30px 70px;
	}

/****A FEW STYLES TO OVERRIDE THE LINK COLOR ON THE NEws PAGE*******/
#main-content-NEws{
	padding: 20px 50px 30px 70px;
	}
#main-content-NEws a {
	background-color: #000;
	text-decoration: none;
}

#main-content-NEws a:hover {
	background-color : #660033;
	text-decoration: none;
}
	

#main-content-NEws h2 a:link { 
	background-color: #000000;
	text-decoration: none;
	font: 24px/24px Helvetica, sans-serif;
	font-weight: bold;
	color: #3399cc;
	/* letter-spacing: -.075em;*/
	padding-top: 0px;
	line-height:29px;
	}

#main-content-NEws h2 a:hover, #main-content-NEws h2 a:link:hover, #main-content-NEws h2 a:visited:hover { 
	background-color: #000000;
	text-decoration: underline;
	font: 24px/24px Helvetica, sans-serif;
	font-weight: bold;
	color: #3399cc;
	/* letter-spacing: -.075em;*/
	padding-top: 0px;
	line-height:29px;
	}
	
#main-content-NEws h2 a:visited { 
	background-color: #000000;
	text-decoration: none;
	font: 24px/24px Helvetica, sans-serif;
	font-weight: bold;
	color: #3399cc;
	/* letter-spacing: -.075em;*/
	padding-top: 0px;
	line-height:29px;
	}

	.NEws-date {
	margin-top: -10px;
	margin-bottom: 3px;
	font-size: 0.9em;
	}
	

	.wp-caption-text {
	color: #000;	
	}
	
#article-area{
width: 600px;
float:left;
}

    .metadata {
    font: 1em;
    margin-bottom: 12px;
    }

    #article-area p {
   	font: 1.2em;
	margin-bottom: 0px;
	line-height: 22px;
    }

    #page-area{
    margin: 0 auto;
    width: 700px;
    }
    
    #sideBar{
	width: 200px;
	float:right;
	}

	#sideBar h2{
    font-size: 1.5em;
    }


	#bottom-photo {
	text-align: center;
	padding: 50px 0px 0px 0px;
	}

/******COMMENTS********/

    #commentform{
    width: 600px;
    margin-top: 20px;
    }

    #commentform label{
    width: 200px;
    }

    #commentform input, #commentform textarea {
    border:1px solid #d1d1d1;
    }


	#commentform input {
    width: 200px;
	}

    #commentform textarea{
    width: 600px;
    }

    #commentform textarea:focus, #commentform input:focus {
    background:#eee;
    border:1px solid #a1a1a1;
    }

    #commentform .button {
	background-color: #ccc;
	color:#5C5C5C;
	font: 12px Arial, Georgia, "Times New Roman", Times, serif;
	border: none;
	padding: 1px 7px;
	width: 150px;
	overflow: visible;
	cursor: pointer;
	margin-top: 2px;
        }

    #commentform .button:hover {
	background-color: #fff;
	color:#5C5C5C;
	font: 12px Arial, Georgia, "Times New Roman", Times, serif;
	border: none;
	padding: 1px 7px;
	width: 150px;
	overflow: visible;
	cursor: pointer;
	}


/******CONTACT FORM********/

    #contactForm{
    margin-bottom: 20px;
    }


    #contactForm textarea:focus, #contactForm input:focus {
    background:#eee;
    border:1px solid #a1a1a1;
    }

    #contactForm .contactButton {
	background-color: #ccc;
	color:#5C5C5C;
	font: 12px Helvetica, sans-serif;
	border: none;
	padding: 1px 7px;
	width: 100px;
	overflow: visible;
	cursor: pointer;
	}

    #contactForm .contactButton:hover {
	background-color: #fff;
	color:#5C5C5C;
	font: 12px Helvetica, sans-serif;
	border: none;
	padding: 1px 7px;
	width: 100px;
	overflow: visible;
	cursor: pointer;
	}

/******DISCOGRAPHY********/

ul#discography-top {
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 10px 50px 195px 70px;
	border-bottom: solid 1px #333;
	}

	ul#discography-top li {
	display:block;
	}

	ul#discography-top li {
			display:inline;
			/* text-indent: -9999px; */
			float:left;
			text-align:center;
			width:130px;
            line-height: 17px;
		}


	ul#discography-top li a {
	background-color: #000000;
	text-decoration: underline;
	font-size: 10px;
	}
	
	ul#discography-top li a:hover {
	background-color: #000000;
	color:#fff;
	text-decoration: underline;
	}



.discography-top-title {
	font-size: 1.5em;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:5px;
}


	.discography-table tr {
	margin-bottom: 10px;
	}
	
	.discography-text {
		padding: 0px 0px 10px 10px;
		margin: 0px;
		min-height:25px;
	}
	
	.discography-text p {
		padding-left: 5px;
		}
	
	.discography-main-title {
	font-size: 2em;
	background-color: #330000;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom:5px;
	}
	
	.discography-date-release {
	font-size: 1.2em;
	padding-left: 5px;
	background-color: #330000;
	}
	
	.discography-order-disc {
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 5px;
	background-color:#222222;
	}

	.discography-order-disc a {
	background-color: #000000;
	text-decoration: underline;
	}
	
	.discography-order-disc a:hover {
	background-color: #000000;
	color:#fff;
	text-decoration: underline;
	}


   .contactButton {
	background-color: #ccc;
	color:#5C5C5C;
	font: 12px Helvetica, sans-serif;
	border: none;
	padding: 1px 7px;
	width: 100px;
	overflow: visible;
	cursor: pointer;
	}


/**********SIDEBAR***********/

   #searchsubmit {
	background-color: #ccc;
	color:#5C5C5C;
	font: 12px Helvetica, sans-serif;
	border: none;
	margin-top:2px;
	padding: 1px 7px;
	width: 100px;
	overflow: visible;
	cursor: pointer;
	}

    #searchsubmit:hover {
	background-color: #fff;
	color:#5C5C5C;
	font: 12px Helvetica, sans-serif;
	border: none;
	padding: 1px 7px;
	width: 100px;
	overflow: visible;
	cursor: pointer;
	}

	.hidden {
	visibility:hidden;
	}
	
	#searchform {
	display:inline;
	}


/******FOOTER********/


	#footer{
	min-height:71px;
	background:url(images/footer.png) no-repeat;
	}

	.footerText{
	padding: 10px 0px 0px 0px;
	text-align:center;
	}

 /******FOOTER NAV SOCIAL ICONS******/

    ul#footernav { margin: 0px 0px 0px 0px;
                   padding: 5px 0px 40px 0px;}

	ul#footernav li {
		display:inline;
		}
		ul#footernav li a{
			display:block;
			height: 35px;
			text-indent: -9999px;
			float:left;
			}
			ul#footernav li.footernav-youtube a{
				background:url(img/footer-active_youtube.jpg) top center no-repeat;
       			width: 202px;
				}
			ul#footernav li.footernav-twitter a{
				background:url(img/footer-active_twitter.jpg) top center no-repeat;
				width: 196px;
                }
			ul#footernav li.footernav-ilike a{
				background:url(img/footer-active_ilike.jpg) top center no-repeat;
				width: 133px;
                }
			ul#footernav li.footernav-facebook a{
				background:url(img/footer-active_facebook.jpg) top center no-repeat;
				width: 170px;
                }
			ul#footernav li.footernav-myspace a{
				background:url(img/footer-active_myspace.jpg) top center no-repeat;
				width: 259px;
                }

		ul#footernav li a:hover {
			background-position: bottom center;
			}