/**
 * GLOBALS
 */
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
* { margin:0;padding:0; }
*:focus { outline: none; }
body {
	background: black;
	color: white;
	padding: 0;
	margin: 0;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	*font-size: small;
	*font: x-small;
	overflow: hidden;
}

div.bg { 
	background: transparent url('../images/loader.gif') no-repeat center center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	overflow: hidden;
	-z-index: 0;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
a {
	color: #fff;
	text-decoration: none;
}
.clearfix {
	display: inline-block;
}
.clear {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
img, a { border: none; outline: none; }
p { padding: 10px 0; }
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/**
 * LISTS
 */
ul {
	list-style: circle inside;
	padding: 0;
	margin: 0;
	font-size: .8em;
}
li {
	padding-left: 0;
	text-indent: 2em;
}

/**
 * FONTS
 */
	h3 {
		color: #d32323;
	}
	.page_title {
		text-transform: uppercase;
		letter-spacing: -2px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #d32323;
	}
	.close {
		border-right: 3px solid #fff;
		padding-right: 5px;
		margin-right: 1px;
		margin-top: -26px;
		float: right;
		color: #fff;
	}
	.close:hover {
		border-right: 3px solid #d32323;
		color: #d32323;
	}

/**
 * LOADING
 */
	#loader {
		width: 194px;
		height: 75px;
		position: relative;
		top: 400px;
		right: 16px;
		margin: 0 auto;
		-z-index: 1000;
	}
	#preload {
		display: none;
	}

/** 
 * FULLSCREEN IMG
 */
	#supersize {
		position: fixed;
	}
	#supersize img, #supersize a {
		float: right;
		height:100%;
		width:100%;
		position:absolute;
		z-index: 0;
	}

/**
 * MP3 PLAYER
 */
 	#mp3player { }

/**
 * CONTENT 
 */
	#content {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	div.nav a {
		display: block;
		opacity: 0;
	}
	div.content-right {
		opacity: 0;
	}
	#logo { position: absolute; top: 20px; left: 25px; float: left; -z-index: 2000; }
	#page-title { position: absolute; top: 20px; right: 0px; float: right; -z-index: 3000; }
	
		/** HOME **/
		#homepage-ad {
			position: absolute;
			top: 0;
			right: 0;
			padding: 20px;
		}
		#home-nav {
			float: left;
			position: absolute;
			bottom: 50px;
			padding-left: 20px;
			width: 330px;
			height: 394px;
		}
		#home-news {
			float: right;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 35%;
			text-align: right;
			padding-right: 20px;
			padding-bottom: 60px;
		}

		#home-nav a { width: 329px; }
		a.home-news 	{ height: 75px; background: url('../images/nav-home.png') no-repeat; }
		a.home-listen 	{ height: 51px; background: url('../images/nav-home.png') no-repeat 0 -80px; }
		a.home-tour 	{ height: 68px; background: url('../images/nav-home.png') no-repeat 0 -130px; }
		a.home-look 	{ height: 73px; background: url('../images/nav-home.png') no-repeat 0 -200px; }
		a.home-blog 	{ height: 49px; background: url('../images/nav-home.png') no-repeat 0 -277px; }
		a.home-shop 	{ height: 68px; background: url('../images/nav-home.png') no-repeat 0 -326px; }
		
		.home-news-title { text-align: right; display: block; }
		.home-news-content { float: right; width: 70%; padding-top: 3px; padding-bottom: 20px;}
		.home-news-content object, .home-news-content embed { margin: 15px 0 0 0; }
		.home-news-content h3 { color: white; margin: 0; text-align: right; font-size: 12px;}
		.home-news-content h3 a:hover { color: black; background: white; }
		.home-news-content p  { padding: 0; margin: 0; margin-bottom: 17px; }
		.home-video-content { float: right; width: 70%; margin-top: 10px; }
		a.viewmore { font-weight: bold; }
		
		/** NEWS **/
		#news-nav {
			width: 206px;
			height: 244px;
			float: left;
			position: absolute;
			bottom: 50px;
			padding-left: 20px;
		}
		
		#news-nav a { width: 206px; }
		a.news-listen 	{ height: 30px; background: url('../images/nav-news.png') no-repeat; }
		a.news-tour 	{ height: 44px; background: url('../images/nav-news.png') no-repeat 0 -31px; }
		a.news-look 	{ height: 46px; background: url('../images/nav-news.png') no-repeat 0 -74px; }
		a.news-blog 	{ height: 35px; background: url('../images/nav-news.png') no-repeat 0 -119px; }
		a.news-shop 	{ height: 46px; background: url('../images/nav-news.png') no-repeat 0 -154px; }
		a.news-home 	{ height: 41px; background: url('../images/nav-news.png') no-repeat 0 -204px; }
		
		#news-container {
			top: 0;
			right: 0;
			width: 44%;
			height: 82%;
			float: right;
			position: absolute;
			margin-right: 40px;
			margin-top: 90px;
			color: black;
			overflow: hidden;
		}
		.news-scroll {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		#news-container .jScrollPaneTrack { background: white !important; } /* grey -- #b6afa9 */
		#news-container .jScrollPaneDrag { background: #ea594f !important; }
		.news-column { width: 50%; float: left; }
		.news-column img { max-width: 100%; }
		.news-column a img { border: 2px solid white; }
		.news-column a img:hover { border: 2px solid black;}
		.news-entry { line-height: 1.5em; margin-bottom: 20px; padding-right: 20%; padding-top: 10px; width: 80%; }
		.news-title { color: #ea594f; font-size: 30px; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
		.news-date { color: black; font-size: 11px; font-weight: bold; }
		.news-date-desc { color: #ccc; font-size: 11px; font-weight: bold; }
		.news-entry p { font-size: 12px; padding: 0 0 15px 0;}
		.news-archives h2 { margin: 10px 0; color: black; }
		.news-archives a { display: block; color: #666; border-left: 3px solid #999; padding-left: 10px; margin: 2px 0; font-weight: bold; text-transform: uppercase; font-size: 11px;}
		.news-archives a:hover { color: #ea594f; border-left: 3px solid #ea594f; }
		.content-right-bg { background: white; width: 50%; opacity: 0; height: 100%; position: absolute; float: right; top: -37px; right: 0;}
		
		/** TOUR **/
		#tour-nav {
			width: 219px;
			height: 249px;
			float: left;
			position: absolute;
			bottom: 50px;
			padding-left: 20px;
		}
		
		#tour-nav a { width: 219px; }
		a.tour-news 	{ height: 47px; background: url('../images/nav-tour.png') no-repeat; }
		a.tour-listen 	{ height: 34px; background: url('../images/nav-tour.png') no-repeat 0 -47px; }		
		a.tour-look 	{ height: 47px; background: url('../images/nav-tour.png') no-repeat 0 -79px; }
		a.tour-blog 	{ height: 31px; background: url('../images/nav-tour.png') no-repeat 0 -125px; }
		a.tour-shop 	{ height: 47px; background: url('../images/nav-tour.png') no-repeat 0 -157px; }
		a.tour-home 	{ height: 41px; background: url('../images/nav-tour.png') no-repeat 0 -209px; }
		
		#tour-dates-bg {
			top: 0;
			left: 0;
			width: 39%;
			height: 49%;
			float: left;
			position: absolute;
			margin-top: 90px;
			background: white;
			opacity: 0;
			overflow: hidden;	
			-moz-border-radius-topright: 20px;			
			-moz-border-radius-bottomright: 20px;
		}
		#tour-dates {
			top: 0;
			left: 0;
			opacity: 0;
			width: 39%;
			height: 45%;
			float: left;
			position: absolute;
			margin-top: 110px;
			margin-left: 25px;
			color: black;
			overflow: hidden;
		}
		#tour-dates table { width: 100%; margin: 0; padding: 0;}
		#tour-dates th { font-size: 18px; color: black; }
		#tour-dates td { padding: 3px 0; color: white; font-size: 12px; font-weight: bold;  font-family: 'arial', 'verdana', sans-serif; }
		#tour-dates td a { color: #fff !important; }
		#tour-dates .jScrollPaneTrack { background: white !important; opacity: .3; }
			.tour-scroll {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
		#tour-close {
			margin-top: -12px;
			margin-left: -12px;
			width: 100%;
			position: absolute;			
		}
		#tour-info-bg {
			top: 0;
			right: 0;
			opacity: 0;
			filter: Alpha(Opacity=0);
			width: 45%;
			height: 250px;
			float: left;
			position: absolute;
			margin-top: 90px;
			margin-right: 2.5%;
			background: black;
			overflow: hidden;
		}
		#tour-info {
			background: black;
			opacity: .8;
			top: 0;
			right: 0;
			opacity: 0;
			width: 38%;
			float: left;
			position: absolute;
			margin-top: 90px;
			margin-right: 120px;
			color: white;
		}
		#tour-sponsors {
			position: absolute; 
			margin-top: 90px;
			width: 80px;
			right: 20px;
		}
		#tour-info a { color: #edc6bf; }
		#tour-info a:hover { color: #11b4a7;}
		#tour-info table { width: 85%; margin: 50px auto; letter-spacing: -1px; }
		#tour-info td { padding: 3px 0; font-size: 18px; border-bottom: 1px dashed #ccc; }
		#tour-info label { color: #11b4a7; display: block; width: 100px; text-align: right; font-weight: bold; }
		tr.tour-social td { border-bottom: none !important; }
		
		/** LOOK **/
		#look-nav {
			width: 206px;
			height: 246px;
			float: left;
			position: absolute;
			bottom: 50px;
			padding-left: 20px;
		}
		
		#look-nav a { width: 206px; }
		a.look-news 	{ height: 47px; background: url('../images/nav-look.png') no-repeat; }
		a.look-listen 	{ height: 30px; background: url('../images/nav-look.png') no-repeat 0 -47px; }	
		a.look-tour 	{ height: 46px; background: url('../images/nav-look.png') no-repeat 0 -77px; }
		a.look-blog 	{ height: 30px; background: url('../images/nav-look.png') no-repeat 0 -125px; }
		a.look-shop 	{ height: 47px; background: url('../images/nav-look.png') no-repeat 0 -157px; }
		a.look-home 	{ height: 41px; background: url('../images/nav-look.png') no-repeat 0 -206px; }
		
		.look-jumpto { 
			position: absolute; 
			-z-index: 1000002;
			width: 237px;
			margin-left: -213px;
			margin-top: 82px;
			height: 14px;
			left: 45%;
		}
		.look-jumpto-title { width: 97px; overflow: hidden; float: left;}
		a.look-jumpto-photos { background: url('../images/look-jumpto.png') no-repeat -97px 0; width: 76px; float: left; display: block;}
		a.look-jumpto-videos { background: url('../images/look-jumpto.png') no-repeat -173px 0; width: 64px; float: left; display: block;}
		.look-jumpto a:hover { opacity: .5; }
		a.gallery-link { display: block; padding-bottom: 5px; }
		a.gallery-link:hover { opacity: .5; }
		#gallery-promo, #gallery-tour, #gallery-life, #gallery-fans { padding-bottom: 10px; }
		
		#look-media {
			top: 0;
			left: 0;
			width: 45%;
			height: 45%;
			float: left;
			position: absolute;
			margin-top: 110px;
			margin-left: 25px;
			color: black;
			overflow: hidden;
		}
		#look-media .jScrollPaneTrack { background: #ece4cd !important; }
			.look-scroll {
				width: 100%;
				height: 100%;
			}
		div.media-item { margin: 10px 18px 10px 0; width: 100px; height: 75px; float: left; }
		div.videos div.media-item { height: 100px !important;}
		div.media-thumb, div.v-thumb { display: block; padding: 4px; width: 96px; height: 74px; overflow: hidden;}
		div.media-thumb img, div.v-thumb img { display: block; width: 92px;  border: 4px solid #fff;}
		div.media-thumb img:hover, div.v-thumb img:hover { border: 4px solid #000; }
		div.media-desc { text-align: center; color: white; font-size: 9px; }
		div.fullscreen-image-bg { width: 100%; height: 100%; overflow: hidden; background: black; opacity: 0; -z-index: 10000; }
		div.fullscreen-image { text-align: center; position: absolute; margin: 0 50%; opacity: 0; -z-index: 100001; top: 50%; left: 50%;}
		div.fullscreen-close { position: absolute; margin-top: -12px; margin-left: -12px; }
		#fullImg { margin: 0 auto; border: 5px solid white; }
		
		#media-close {
			margin-top: -19px;
			margin-left: -19px;
			width: 100% !important;
			text-align: left;
			position: absolute;			
		}
		div#media-full-container {
			width: 45%;			
			margin-top: 110px;
			margin-right: 2.5%;
			top: 0;
			right: 0;
			float: right;
			position: absolute;
			opacity: 0;
			display: none;
			text-align: center;
		}
		div#media-full { 
			background: white;
			margin: 0 auto;
			padding: 5px;
		}
		div.media-full-item img { margin: 0 auto; cursor: pointer; }
		div.media-full-desc { background: #fff !important; display: block; text-align: left; padding: 5px; margin-left: -5px; width: 100%; color: black; font-size: 24px; font-family: Georgia, 'times new roman', serif;}
		div.media-full-desc span { padding-left: 5px; }
		div.media-prev-next { float: right; font-size: 14px; line-height: 34px; color: #ccc; padding-right: 5px; }
		div.media-prev-next a { color: #ccc; }
		div.media-prev-next a:hover { color: #555; }
		
		div#video-container { 
			margin: 0 auto;
			width: 425px;
			height: 353px;
			background: black;
		}
		
		/** LISTEN **/
		#listen-nav {
			width: 141px;
			height: 262px;
			float: left;
			position: absolute;
			bottom: 50px;
			padding-left: 20px;
		}
		
		#listen-nav a { width: 141px; }
		a.listen-news 	{ height: 47px; background: url('../images/nav-listen.png') no-repeat; }	
		a.listen-tour 	{ height: 46px; background: url('../images/nav-listen.png') no-repeat 0 -47px; }
		a.listen-look 	{ height: 46px; background: url('../images/nav-listen.png') no-repeat 0 -93px; }
		a.listen-blog 	{ height: 30px; background: url('../images/nav-listen.png') no-repeat 0 -140px; }
		a.listen-shop 	{ height: 47px; background: url('../images/nav-listen.png') no-repeat 0 -170px; }
		a.listen-home 	{ height: 41px; background: url('../images/nav-listen.png') no-repeat 0 -222px; }
		
		#listen-content {
			top: 0;
			left: 0;
			opacity: 0;
			width: 45%;
			height: 45%;
			float: left;
			position: absolute;
			margin-top: 110px;
			margin-left: 25px;
			color: black;
			overflow: hidden;
		}
		#listen-content .jScrollPaneTrack { background: white !important; opacity: 1; }
			div.listen-scroll {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
		#listen-content div.jScrollPaneDrag { background: #d0466d !important; }
			div.listen-item { width: 95%; font-size: 12px; color: white; display: block; margin-bottom: 20px; }
			div.listen-item img { width: 20%; float: left; padding-right: 15px; }	
			#listen-content div.jScrollPaneTrack { background: #e5dfc8; }
			#listen-content div.jScrollPaneDrag { background: #d0466d; }
		.album-title { font-weight: bold; font-size: 18px; letter-spacing: -1px; }	
		.buy-link { margin-top: 3px; display: inline-table; background: #d0466d; padding: 2px 6px; color: white; font-weight: bold; font-size: 11px; text-transform: uppercase;}
		.buy-link:hover { background: black;} 
		.hidden { display: none !important;}
		
		#listen-learn {
			font-size: 110%;
			right: 0;
			top: 0;
			opacity: 0;
			margin-top: 80px;
			position: absolute;
			margin-right: 2.5%;
			width: 37%;
			height: 80%;
			text-align: right;
			overflow: hidden;
		}
		/* pink -- background: #d0466d; */
		#listen-learn h3 {  font-weight: bold; color: white; padding: 8px 2px; margin-bottom: 5px; font-size: 24px; letter-spacing: -1px; text-align: right; }
		div.listen-learn-scroll { overflow: hidden; height: 100%; }
		div#listen-learn div.jScrollPaneTrack { background:  white; opacity: 1;  }
		div#listen-learn div.jScrollPaneDrag { background: #d0466d;}
		div#listen-learn p { padding: 0 0 20px 0; }
		
		/** CONTACT **/
		#contact-nav {
			width: 206px;
			height: 294px;
			float: left;
			position: absolute;
			bottom: 50px;
			padding-left: 20px;
		}
		
		#contact-nav a { width: 206px; }
		a.contact-news 	{ height: 47px; background: url('../images/nav-contact.png') no-repeat; }	
		a.contact-listen{ height: 32px; background: url('../images/nav-contact.png') no-repeat 0 -50px; }
		a.contact-tour 	{ height: 45px; background: url('../images/nav-contact.png') no-repeat 0 -80px; }
		a.contact-look 	{ height: 44px; background: url('../images/nav-contact.png') no-repeat 0 -125px; }
		a.contact-blog 	{ height: 30px; background: url('../images/nav-contact.png') no-repeat 0 -172px; }
		a.contact-shop 	{ height: 47px; background: url('../images/nav-contact.png') no-repeat 0 -204px; }
		a.contact-home 	{ height: 41px; background: url('../images/nav-contact.png') no-repeat 0 -253px; }
		
		#contact-content {
			right: 0;
			top: 0;
			margin-top: 140px;
			padding-left: 25px;
			font-size: 18px;
			color: white;
		}
		#contact-content h3 {
			color: #c5a9a8;
			margin-top: 30px;
		}
		a.contact { background: #d0466d; padding: 8px 14px; }
		
/**
 * FOOTER
 */
	a.social-link {
		background: white;
		-moz-border-radius: 3px;
		padding: 3px 6px;
		color: black;
		font-size: 11px;
		font-weight: bold;
		margin-right: 5px;
		font-family: Georgia, 'Times new roman', serif;
	}
	a.social-link:hover {
		background: #ccc;
	}
	.spacer {
		color: #222;
		font-size: 49px;
		position: absolute;
		margin-top: -22px;
	}
	#footer {
		overflow: hidden;
		font-weight: bold;
		font-family: Georgia, 'Times new roman', serif;
		position: absolute;
		bottom: 0;
		-z-index: 40;
		color: white;
		background: black;
		opacity: 0;
		width: 100%;
	}
	#footer table {		
		padding: 8px 15px;
	}
	.mailing-list {
		text-transform: uppercase;
		font-size: 14px;
		padding-right: 10px;
	}
	.mailing-list-container {
		text-align: center;
	}
	.optin {
		border-bottom: 1px dashed white;
	}
	#footer label {
		font-weight: normal;
		padding: 0 4px 0 8px;
	}
	.footer-submit {
		margin-left: 5px;
		background: #333;
		-moz-border-radius: 3px;
		padding: 3px 6px;
		color: white;
		font-size: 13px;
		font-weight: bold;
		font-weight: normal;
	}
	#footer input {
		background: transparent;
		border: none;
		border-bottom: 1px dashed #fff;
		color: #666;
		width: 140px;
	}
	input.zip {
		width: 40px !important;
	}