/*-----------------------------------------------------------------------------
version:   1.0
email:     michael@eyekiller.com
website:   http://www.eyekiller.com
-----------------------------------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,p,blockquote,a,img,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}
	
html, body {
	height: 100%;
}
	
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
body {
	color:#fff;	
	font:75%/1.7 Tahoma, Arial, Helvetica, sans-serif;
	height:100%;
	text-align:center;
	background:#000 url(../images/background.gif) no-repeat top center;
	}
ul {list-style:none;}
a {
	outline:none;
	color:#ffcb05;
	text-decoration:none;
	}
/*Headings
-----------------------------------------------------------------------------*/
h1 {
	float:left;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat 0 0;
	width:397px;
	height:119px;
	display:block;
	font-size:1.4em;
	margin-top:54px;
	}
h1 a {
	width:397px;
	height:119px;
	display:block;
	text-decoration:none;
	}
h2 {
	font-size:2.0em;
	color:#FFF;
	height:1.6em;
	float:left;
	width:100%;
	}
p {
	padding-bottom:1em;
	}

h3.comments {font-size:1.4em; color:#FFCC00;}
	
	
#wrapper {
	width:972px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -56px; /* the bottom margin is the negative value of the footer's height */
	}

#header {
	float:left;
	display:inline;
	width:972px;
	position:relative;
	}
#content {
	float:left;
	display:inline;
	width:100%;
	margin:10px 0 20px 0;
	}
#sidebar {
	float:right;
	display:inline;
	width:428px;
	font-size:1.1em;
	padding-top:40px;
	}
#main-content {
	float:left;
	display:inline;
	position:relative;
	width:504px;
	margin-right:40px;
	padding-top:40px;
}


#sidebar #flash {float:left; width:430px; height:468px; padding-bottom:35px;}

#newsletter {float:left; width:100%; padding:30px 0 30px 0;}

#newsletter fieldset {float:left; width:227px; background:url(../images/email-signup.png) no-repeat 0 0; padding-left:273px; margin-top:8px;}
#newsletter fieldset .textfield {float:left; width:172px; height:18px; border:none; padding:2px; margin-right:5px;}

#newsletter ul#logos {float:left; width:auto; height:40px; margin-left:30px;}
#newsletter ul#logos li {float:left;}
#newsletter ul#logos li a {display:block; text-indent:-9999px; height:40px; margin-right:11px;}


#newsletter ul#logos li#link1 a {width:79px; background:url(../images/logos.gif) no-repeat 0 0;}
#newsletter ul#logos li#link1 a:hover {background-position:0 -40px;}

#newsletter ul#logos li#link2 a {width:185px; background:url(../images/logos.gif) no-repeat -79px 0;}
#newsletter ul#logos li#link2 a:hover {background-position:-79px -40px;}

#newsletter ul#logos li#link3 {width:136px; background:url(../images/logos.gif) no-repeat -264px 0; display:block; height:40px; text-indent:-9999px;}
#newsletter ul#logos li#link3 a {width:136px; background:url(../images/logos.gif) no-repeat -264px 0;}
#newsletter ul#logos li#link3 a:hover {background-position:-264px -40px;}

/*Footer
-----------------------------------------------------------------------------*/
#footer {
	width:100%;
	float:left;
	height:56px;
	line-height:3em;
	background-color:#ffcb05;
	font-size:1.1em;
	clear:both;
	}
	
#footer-content {
	clear:both;
	width:972px;
	margin:auto;
	}
	
#footer ul {	
	float:left;
	padding-top:11px;
	}
#footer ul li {	
	float:left;
	color:#000000;
	}
#footer ul li a {	
	float:left;
	display:block;
	padding:0 0.7em;
	color:#000000;
	}
#footer ul li a:hover,
.eyekiller a:hover {	
	color:#545454;
	text-decoration:underline;
	}
.eyekiller a {
	float:right;
	color:#000000;
	padding:11px 10px 0 0;
	}
	
#footer, .push {
	height: 56px; /* .push must be the same height as .footer */
	clear:both;
}
	
/*Main Navigation
-----------------------------------------------------------------------------*/
#main-nav {
	float:left;
	width:632px;
	height:33px;
	margin-top:40px;
	}
#main-nav li {
	float:left;
	margin-right:2px;
	}
#main-nav li a {
	height:33px;
	display:block;
	text-decoration:none;
	text-indent:-9999em;
	float:left;
	}

#main-nav li#home a {width:59px;background:url(../images/nav.gif) no-repeat 0 0;}
#main-nav li#home a:hover {background-position:0 -33px;}
body.home #main-nav li#home a {background-position:0 -66px;}
	
#main-nav li#biography a {width:95px;background:url(../images/nav.gif) no-repeat -59px 0;}
#main-nav li#biography a:hover {background-position:-59px -33px;}
body.biography #main-nav li#biography a {background-position:-59px -66px;}
	
#main-nav li#news a {width:59px;background:url(../images/nav.gif) no-repeat -154px 0;}
#main-nav li#news a:hover {background-position:-154px -33px;}
body.news #main-nav li#news a {background-position:-154px -66px;}
		
#main-nav li#music a {width:64px;background:url(../images/nav.gif) no-repeat -213px 0;}
#main-nav li#music a:hover {background-position:-213px -33px;}
body.music #main-nav li#music a {background-position:-213px -66px;}
	
#main-nav li#tour a {width:59px;background:url(../images/nav.gif) no-repeat -277px 0;}
#main-nav li#tour a:hover {background-position:-277px -33px;}
body.tour #main-nav li#tour a {background-position:-277px -66px;}
	
#main-nav li#media a {width:64px;background:url(../images/nav.gif) no-repeat -336px 0;}
#main-nav li#media a:hover{background-position:-336px -33px;}
body.media #main-nav li#media a {background-position:-336px -66px;}
	
#main-nav li#shop a {width:61px;background:url(../images/nav.gif) no-repeat -400px 0;}
#main-nav li#shop a:hover {background-position:-400px -33px;}
body.shop #main-nav li#shop a {background-position:-400px -66px;}
	
#main-nav li#contact a {width:80px;background:url(../images/nav.gif) no-repeat -461px 0;}
#main-nav li#contact a:hover {background-position:-461px -33px;}
body.contact #main-nav li#contact a {background-position:-461px -66px;}

/* homepage */

#latest-news {float:left; width:498px; background:url(../images/background-div.png); padding:3px; margin-bottom:35px;}
#latest-news h3 {color:#fff; font-size:1.5em; font-weight:normal;}
#latest-news .date {color:#ffcb05; text-transform:uppercase;}

a.yellow, a.yellow-absolute {float:left; display:block; padding:2px 4px 2px 4px; background:#ffcb05; color:#000000; font-weight:bold; font-size:.9em;}
a.yellow:hover, a.yellow-absolute:hover {color:#3e3c33;}

a.yellow-absolute {float:none; position:absolute; top:22px; right:14px;}
#twitter a.yellow-absolute {float:none; position:absolute; top:4px; right:14px; font-size:.8em;}

#upcoming-dates {float:left; position:relative; width:498px; background:url(../images/background-div.png); padding:10px 3px 3px 3px;}
#upcoming-dates .item {float:left; width:100%; border-bottom:1px solid #0f0f0f; padding:13px 0 13px 0;}

#upcoming-dates .date {float:left; width:48px; margin-top:-5px;}
#upcoming-dates .date .day {float:left; width:100%; text-align:center; color:#fff; font-size:1.8em; margin-bottom:-8px;}
#upcoming-dates .date .month {float:left; width:100%; text-align:center; color:#ffcb05; text-transform:uppercase;}
#upcoming-dates .date .year {float:left; width:100%; text-align:center; color:#fff; margin-top:-5px;}



#upcoming-dates .main {float:left; width:360px; padding-left:20px;}

#upcoming-dates .main a {float:left; width:auto; clear:both; font-size:1em; padding-right:15px; background:url(../images/arrow.gif) no-repeat right; margin-top:-4px;}
#upcoming-dates .main a:hover {text-decoration:underline;}
#upcoming-dates .main p {padding:0; font-size:1.2em;}

#upcoming-dates .comment {float:right; width:50px;}
#upcoming-dates .comment .bubble {float:left; width:34px; height:23px; background:url(../images/comment-bubble.png) no-repeat 0 0; color:#000000; text-align:center; font-size:.9em; font-style:italic; margin-top:8px;}
#upcoming-dates .comment .bubble a {color:#000000;}

#twitter {float:left; position:relative; width:430px; background:url(../images/background-div.png);}
#twitter .item {float:left; width:100%; background:url(../images/twitter-opening.gif) no-repeat 0 5px; border-bottom:1px solid #0F0F0F; padding:10px 0 10px 0;}

#twitter .item p {float:left; padding:0 50px 0 40px; background:url(../images/twitter-closing.gif) no-repeat bottom right; line-height:1.4em;}

#twitter .item p .date a {float:left; width:100%; color:#ffcb05; padding-top:3px; font-size:.9em;}
#twitter .item p .date a:hover {text-decoration:underline;}

/* general */
#copy {float:left; width:498px; background:url(../images/background-div.png); padding:3px; margin-bottom:35px; font-size:1.1em; line-height:1.4em;}
#copy h3 {font-weight:normal; color:#ffcb05;}
body.news #copy h3 {color:#FFFFFF; padding-bottom:4px;}

#copy ul {padding:0 0 15px 0;}
#copy .main-image {float:left; margin:0 22px 22px 0;}

/* news */
.news-item {float:left; width:498px; background:url(../images/background-div.png); padding:3px; margin-bottom:35px;}
.news-item h3 {color:#fff; font-size:1.5em; font-weight:normal; line-height:1.4em;}
.news-item .date, #copy .date {color:#ffcb05; text-transform:uppercase;}

ul#paging {position:absolute; top:50px; right:0; width:auto;}
ul#paging li {float:left; width:13px; height:20px;}
ul#paging li a {color:#FFFFFF;}
ul#paging li.current a {color:#ffcb05;}

#copy .date {font-size:.9em; float:left; width:100%; clear:both; padding-bottom:4px;}

#copy a:hover {text-decoration:underline;}

/* music */

body.music .news-item {padding:20px 0 20px 0; position:relative;}
body.music .news-item img {float:left;}
.music-item-holder {float:right; width:280px;}

body.music .news-item .yellow {position:absolute; bottom:20px;}

body.music .news-item .date {padding-bottom:5px;}

#main-content-specific {float:left; background:url(../images/background-div.png);
	display:inline;
	position:relative;
	width:100%;
	margin-top:15px;}
	
#main-content-specific #album-header {float:left; padding:20px 0 20px 0; position:relative;}
#main-content-specific #album-header img {float:left; margin-right:25px;}
#main-content-specific #album-header #album-overview {float:left; width:700px;}

#main-content-specific #album-header h3 {font-size:1.6em; text-transform:uppercase;}
#main-content-specific #album-header .date {color:#ffcb05; text-transform:uppercase; font-size:1.2em;}
#main-content-specific #album-header p {width:640px; padding-top:15px;}


a.buy-online {position:absolute; bottom:20px; display:block; padding:2px 4px 2px 4px; background:#fff; color:#000000; font-weight:bold; font-size:.9em;}
a.buy-online:hover {background:#dad9d9;}

a.btn-back {position:absolute; top:20px; right:-25px; display:block; padding:2px 4px 2px 4px; background:#fff; color:#000000; font-weight:bold; font-size:.9em;}
a.btn-back:hover {background:#dad9d9;}

#cd1, #cd2, #cd3 {float:left; width:315px; padding-top:30px;}
#cd1 .item-track, #cd2 .item-track, #cd3 .item-track {float:left; position:relative; padding-left:36px; padding-bottom:10px; width:300px;}
#cd1 .item-track .track-no, #cd2 .item-track .track-no, #cd3 .item-track .track-no {position:absolute; left:0; top:3px; background:#ffcb05; padding:0; width:17px; line-height:1.4em; color:#000000; text-align:center; display:block;}
#cd1 .item-track .artistname, #cd2 .item-track .artistname, #cd3 .item-track .artistname {color:#ffcb05;}

#cd1 h3, #cd2 h3, #cd3 h3 {height:40px; float:left; width:100%;}

body.music #content h2.ext {float:left; width:100%; padding:15px 0 0 0;}
body.tour #content h2.ext {float:left; width:100%; padding:15px 0 0 0;}

/* TOUR */

#comments {float:left; width:100%; position:relative; padding-top:20px;}

#comments .comment {float:left; background:#0e0e0e; width:465px; padding:20px; margin:10px 0 10px 0;}
#comments .comment p {padding:0;}
#comments .comment .comment-info {float:left; width:100%; color:#FFCC00;}


a.btn-add-comment {position:absolute; top:20px; right:0px; display:block; padding:2px 4px 2px 4px; background:#fff; color:#000000; font-weight:bold; font-size:.9em;}
a.btn-add-comment {background:#dad9d9;}

a.btn-back-tour {position:absolute; top:45px; right:0px; display:block; padding:2px 4px 2px 4px; background:#fff; color:#000000; font-weight:bold; font-size:.9em;}
a.btn-back-tour {background:#dad9d9;}

body.media a.btn-back-tour {top:145px;}

fieldset#add-comment {float:left; width:100%; padding-top:20px;}
fieldset#add-comment p {float:left; width:100%;}
fieldset#add-comment label {float:left; width:67px;}
fieldset#add-comment .textfield {float:left; width:193px; height:18px; padding:2px;}
fieldset#add-comment .textarea {float:left; width:325px; height:90px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
fieldset#add-comment p.buttons {float:left; padding-left:67px;}
#add-comment {float:left; width:100%; padding-top:40px;}

/* media */

body.media .news-item {padding:20px 0 20px 0; position:relative;}
body.media .news-item h3 {float:left; width:100%;}
body.media .news-item p {float:left; width:100%;}
body.media .news-item img {float:left;}
.media-item-holder {float:right; width:280px;}
body.media .news-item .yellow {position:absolute; bottom:20px;}
body.media .news-item .date {padding-bottom:5px;}

ul#photo-gallery li {float:left; padding-right:15px; padding-bottom:10px;}
ul#photo-gallery li.even {padding-right:0;}

.yellow-text {color:#ffcb05;}
.yellow-text-upper {color:#ffcb05; text-transform:uppercase;}
.uppercase {text-transform:uppercase;}


p.video-desc {padding-top:15px;}

/*sIFR Text
-----------------------------------------------------------------------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}
.sIFR-active h2 {
	visibility: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 22px;
	display: block;
	visibility:hidden;
    }
.sIFR-active .items-in-cart {
	visibility: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 16px;
	display: block;
	visibility:hidden;
	margin-top:-3px;
    }
	
.sIFR-active #main-content h2 {
	visibility: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 30px;
	display: block;
	visibility:hidden;
    }
	
.sIFR-active #main-content-specific #cd1 h3, .sIFR-active #main-content-specific #cd2 h3 {
	visibility: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 20px;
	display: block;
	visibility:hidden;
    }
	
.sIFR-active #content h2.ext {
	visibility: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 30px;
	display: block;
	visibility:hidden;
    }
	
.sIFR-active #main-content h3.comments {
	visibility: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 20px;
	display: block;
	visibility:hidden;
    }
	
/* social media */



ul#socialmedia {float:left; width:auto; height:15px; margin:45px 0 0 0; overflow:hidden; background:#000; line-height:0em;}
ul#socialmedia li {float:left; background:none; padding:0; height:15px; margin:0;}
ul#socialmedia li a{float:left; width:16px; height:15px; margin-right:10px; text-indent:-9999px;}

ul#socialmedia li.facebook a {background:url(../images/social.gif) no-repeat 0 0;}
ul#socialmedia li.facebook a:hover {background-position:0 -16px;}

ul#socialmedia li.twitter a {background:url(../images/social.gif) no-repeat -16px 0;}
ul#socialmedia li.twitter a:hover {background-position:-16px -16px;}

ul#socialmedia li.delicious a {background:url(../images/social.gif) no-repeat -32px 0;}
ul#socialmedia li.delicious a:hover {background-position:-32px -16px;}

ul#socialmedia li.digg a {background:url(../images/social.gif) no-repeat -48px 0;}
ul#socialmedia li.digg a:hover {background-position:-48px -16px;}

ul#socialmedia li.stumbleupon a {background:url(../images/social.gif) no-repeat -64px 0;}
ul#socialmedia li.stumbleupon a:hover {background-position:-64px -16px;}

ul#socialmedia li.blogspot a {background:url(../images/social.gif) no-repeat -80px 0;}
ul#socialmedia li.blogspot a:hover {background-position:-80px -16px;}