@charset "UTF-8";
@import url("player.css");
/* CSS Document */

/*RESET-------------------*/

h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, div { margin:0px; padding:0px;}

html{ overflow:-moz-scrollbars-vertical; height: 100%;}

body {
	background:url(/images/billboard/bg_body.gif) top left no-repeat #FFF;
	font-size:11px;
	line-height:16px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#231f20;
	margin:0px;
	padding:0px;
}


h1 { font-size:24px; margin-bottom:20px;}
h2 { font-size:18px; margin-bottom:20px;}
h3 { color:#999; font-size:14px; margin-bottom:20px;}
h4 { font-size:11px; margin-bottom:15px;}
h5 { font-size:11px; margin-bottom:15px;}
h6 { font-size:11px; margin-bottom:15px;}
p { margin:0px 0px 15px 0px; }
blockquote { margin:0px 0px 15px 40px; font-style:italic; color:#999;}
ul, ol { margin-bottom:20px;}
ul li, ol li { list-style-position:inside;}

/*ANCHORS-------------------*/
a {	color:#00aeef;}
a:hover { color:#231f20;}
a, a img {border:none; }
a:active, a:focus{ outline:none;}
h2 a, h3 a { text-decoration:none;}
.more, .next_page, .prev_page { color:#999; font-weight:bold; text-decoration:none;}
.more:hover { color:#231f20;}


/*PAGINATION-------------------*/
.disabled { display: none;}
#slider .pagination {
	text-align: center;
	margin-top: 120px;
}
#slider .next_page, #slider .prev_page {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
}


/*BREAKS-------------------*/
.force_break { clear:both; }
.hr_break { clear:both; }

/*SPECIAL CLASSES*/
.inner {

}

.smallimg {
	width: 60px;
}

.no_margin_right {
	margin-right:0px !important;
}
.no_border_right {
	border-right:none !important;
}

.favorite { background:url(/images/billboard/icon_star_small.gif) left no-repeat; padding-left:12px; }

.short_description {
	font-size:18px;
	line-height:24px;
	margin:0px 0px 20px 0px;
	color:#231f20;
	font-weight:bold;
}
	.short_description a {
		text-decoration:none;
	}

.general_notice, .success_notice { background: #c6d92c; }
.error_notice, .failure_notice { background: #ED1C24; color: #fff; }

.error_notice, .failure_notice, .general_notice, .success_notice {
	font-weight: bold;
	font-size: 16px;
	padding: 20px;
	margin-bottom: 20px;
}

/* form elements 
---------------------------------------------------------- */


form dt {
	clear: left;
	font-weight: bold;
	display: block;
	float: left;
	/*margin: 3px 1px 0 15px;*/
	margin: 0 5px 0 0;
	line-height: 1.6em;
	font-size: 1.2em;
	color: #666;
	width:150px;
	margin: 0px 0px 5px 0px;
}
form dd {
	margin-bottom: 8px;
}
form dd #audio_player {
	margin-bottom: -8px;
}
input, option, select, textarea {

}

textarea {
	width: 400px;
	height: 250px;
}

/*FLOATS-------------------*/
.left { float: left; }
.right { float: right; }
.leftimg { float: left; margin:0px 20px 10px 0px;}
.rightimg { float: right; margin:0px 0px 10px 20px;}

/*COLUMNS------------------*/

.one_column {
	width:60px;
}

.two_column {
	width:140px;
}

.three_column {
	width:220px;
}

.four_column {
	width:300px;
}

.five_column {
	width:380px;
}

.six_column {
	width:460px;
}

.eight_column {
	width:620px;
}


/*LAYOUT-------------------*/

#wrap {
	margin:0px 0px 0px 40px;
	width:940px;
}

#header {
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	position:relative;
}

	#header #logo {
		margin-top:33px;
		float:left;
		width:220px;
		height:89px;
	}
		#header #logo h1 a {
			background:url(/images/billboard/logo_header.png) top left no-repeat;
			width:220px;
			height:89px;
			display:block;
		}
			#header #logo h1 a em {
				display:none;
			}

#nav {
	float:left;
	margin:60px 0px 0px 30px;
}
	ul#topnav {
		margin: 0; 
		padding: 0;
		float: left;
		width: 680px;
		list-style: none;
		position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
		background: transparent;
	}
		ul#topnav li {
			float: left;
			margin: 0; 
			padding: 0;
			border-right: 1px solid #ccc; /*--Divider for each parent level links--*/
			
			font-size:14px;
			font-weight:bold;
		}
			ul#topnav li a {
				padding: 0px 6px 0px 4px;
				display: block;
				text-decoration: none;
				
				color:#666;
				text-decoration:none;
				margin:0px 6px 0px 4px;
			}
			ul#topnav li a:hover{
				color:#00aeef;
			}
				ul#topnav li:hover { background: transparent; }
				/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
    				#nav ul#topnav li:last-child {
						border-right:none;
					}
					ul#topnav li span {
						float: left;
						padding: 25px 0;
						position: absolute;
						left: 0; top:15px;
						display: none; /*--Hide by default--*/
						width: 680px;
						background: transparent; 
						color:#999;
						font-size:12px;  
					}
					ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
					ul#topnav li span a { display: inline; color:#999; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
					ul#topnav li span a:hover {text-decoration: none; color:#00aeef;}			    	

/*TIP TOP NAV ------------*/

#tip_top_nav {
	position:absolute;
	right:0px;
	top:0px;
	width:300px;
	font-size:12px;
}
	#tip_top_nav a {
		text-decoration:none;
	}
		#tip_top_nav a:hover {
			text-decoration:underline;
		}
	#tip_top_nav a.media_player {
		float:right;
		background:url(/images/billboard/icon_arrow_mediaplayer.gif) right no-repeat #ed1c24;
		display:block;
		padding:10px 13px 10px 13px;
		color:#FFF;
		font-weight:bold;
		border-right:13px solid #ed1c24;
	}
	#tip_top_nav ul.signin_register {
		float:right;
		font-weight:bold;
		padding:10px 10px;
		background:#c6d92c;
	}
		#tip_top_nav ul li {
			display:inline;
			border-right:1px solid #9eaf16;
		}
			#tip_top_nav ul li:last-child {
				border-right:none;
			}
			#tip_top_nav ul li a {
				color:#231f20;
				margin:0px 7px 0px 4px;
			}
			
/*CONTENT AREAS	---------------*/
	
#content_wrap {
	padding:20px 0px;
}

#content_left {
	float:left;
}

#content_right {
	float:right;
}

/*SIDEBAR --------------------*/

div#register_buttons {
	margin-bottom:20px;
}

h2#enter_now {
	width:300px;
	height:72px;
	margin-bottom:10px;
}
	#enter_now a {
		background:url(/images/billboard/button_enter_off.gif) top left no-repeat;
		display:block;
		width:300px;
		height:72px;
	}
		#enter_now a:hover {
			background:url(/images/billboard/button_enter_on.gif) top left no-repeat;
		}
			#enter_now em {
				display:none;
			}

h2#register_now {
	width:300px;
	height:72px;
	margin-bottom:10px;
}
	#register_now a {
		background:url(/images/billboard/button_register_off.gif) top left no-repeat;
		display:block;
		width:300px;
		height:72px;
	}
		#register_now a:hover {
			background:url(/images/billboard/button_register_on.gif) top left no-repeat;
		}
			#register_now em {
				display:none;
			}
/*News*/

#news {
	margin:0px 20px 40px 0px;
}

	#news .date {
		float:left;
	}
		.date {
			font-weight:bold;
			color:#999;
		}
		.date a {
			color:#999;
			text-decoration:none;
		}
			.date a:hover {
				color:#231f20;
			}
	#news h3 {
		border-bottom:3px solid #00aeef;
		padding-bottom:5px;
	}
	#news h3 a {
		color:#999;
	}
		#news h3 a:hover {
			color:#231f20;
		}
		
	#news p {
		margin:0px 0px 0px 80px;
	}
		#news p a {
			color:#00aeef;
			text-decoration:none;
		}
			#news p a:hover {
				color:#231f20;
			}
	#news .more {
		margin-left:80px;
	}
	.news_listing {
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #EBEBEB;
	}
	.news_listing h4 {
		font-size:11px;
		line-height:16px;
		margin:0px 0px 0px 80px;
	}
		.news_listing h4 a {
			color:#00aeef;
			text-decoration:none;
			display:block;
		}
			.news_listing h4 a:hover {
				color:#231f20;
			}

/*Sponsors*/

#sponsors {
	clear:both;
}

	#sponsors h3 {
		color:#999;
		border-bottom:3px solid #00aeef;
		padding-bottom:5px;
	}
		#sponsors h3 a {
			color:#999;
		}
			#sponsors h3 a:hover {
				color:#231f20;
			}
		#sponsors a img {
			float:left;
			margin:0px 2px 5px 0px;
			border-bottom:1px solid #FFF;
		}
			#sponsors a:hover img {
				border-bottom:1px solid #CCC;
			}

/*PAGE SPECIFICS -------------*/
	
#home_intro {
	margin-bottom:20px;
}
	#home_intro .five_column {
		float:left;
	}
	#home_intro .three_column {
		border-left:1px solid #CCC;
		float:right;
	}
		#home_intro .three_column ul {
			font-size:14px;
			line-height:24px;
			font-weight:bold;
			padding:0px 0px 0px 10px;
		}
			#home_intro .three_column ul li {
				list-style:none;
			}
				#home_intro .three_column ul li a {
					text-decoration:none;
				}
				
/*FAN FAVORITES BLOCK, HOME AND PROFILE*/

div#slider_container {
	position: relative;
	width: 620px;
	min-height: 356px;
	margin-bottom: 20px;
	background-color: #00AEEF;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:620px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}

#favorite_block {
	/*margin-bottom:20px;*/
	background-color: #fff;
}
	h2.favorite {
		float:left;
		font-size:18px;
		color:#ed1c24;
		padding:0px 10px 0px 20px;
		margin-right:10px;
		border-right:1px solid #CCC;
		background:url(/images/billboard/icon_star_big.gif) left no-repeat;
	}
		#favorite_block h2 a {
			color:#ed1c24;
		}
			#favorite_block h2 a:hover {
				color:#231f20;
			}
	#favorite_block h3 {
		float:left;
		font-size:18px;
	}
		#favorite_block h3 a.band_name,
		#favorite_block h3.band_name {
			color:#00aeef;
		}
			#favorite_block h3 a:hover.band_name {
				color:#231f20;
			}

/*Favorite Slideshow is used on Home*/
	#favorite_slideshow {
		
	}
	#favorite_slideshow img {
		display:block;
		width:620px;
		height:220px;
	}

/*Next Button on Favorites Slideshow*/

#prevBtn a {
	display: none;
}
/*#favorite_slideshow .next,*/
span#nextBtn a {
	position:absolute;
	bottom:0;
	right:0px;
	display:block;
	background:url(/images/billboard/fav_slideshow_next_off.gif) bottom right no-repeat;
	width:78px;
	height:78px;
}
	span#nextBtn a:hover {
		background:url(/images/billboard/fav_slideshow_next_on.gif) bottom right no-repeat;	
		color: #00AEEF;
	}
		span#nextBtn em {
			display:none;
		}

/*Short Description of Fan Favorite*/

#favorite_slideshow .blue_block,
#favorite_banner .blue_block {
	background:#00aeef;
	padding:20px 20px;
	xposition:relative;
}

	#favorite_slideshow p,
	#favorite_banner p {
		font-size:14px;
		line-height:20px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:0px;
	}
		#favorite_slideshow p a {
			text-decoration:none;
			color:#FFF;
		}
			#favorite_slideshow p a:hover {
				color:#231f20;
			}
			
/*Lists on Home*/

#favorite_list {
	margin:0px 20px 40px 0px;
}
	#favorite_list h3 {
		border-bottom:3px solid #00aeef;
		padding-bottom:5px;
	}
	#favorite_list h3 a {
		color:#ed1c24;
		background:url(/images/billboard/icon_star_medium.gif) left no-repeat;
		padding:0px 0px 0px 15px;
	}
		#favorite_list h3 a:hover {
			color:#231f20;
		}
	#favorite_list .more {
		margin-left:80px;
	}
	.favorite_listing {
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #EBEBEB;
	}
	.favorite_listing p {
		margin-left:80px;
	}
		.favorite_listing p a {
			color:#231f20;
			display:block;
			text-decoration:none;
		}
			.favorite_listing p a:hover {
				
			}
			.favorite_listing p a strong {
				display:block;
				color:#00aeef;
				background:url(/images/billboard/icon_star_small.gif) left no-repeat;
				padding-left:12px;
			}
				.favorite_listing p a:hover strong {
					color:#231f20;
				}


/*Popular Entries*/
#popular_list {
	margin:0px 20px 40px 0px;
}
	#popular_list h3 {
		border-bottom:3px solid #00aeef;
		padding-bottom:5px;
	}
	#popular_list h3 a {
		color:#999;
	}
		#popular_list h3 a:hover {
			color:#231f20;
		}
	#popular_list p {
		border-bottom:1px solid #EBEBEB;
		padding-bottom:10px;
		margin-bottom:10px;
	}
		#popular_list p a {
			color:#231f20;
			display:block;
			text-decoration:none;
		}
			#popular_list p a:hover {

			}

			#popular_list p a strong {
				display:block;
				color:#00aeef;
			}
				#popular_list p a:hover strong {
					color:#231f20;
				}
			
/*Newest Entries*/
#newest_list {
	margin:0px 0px 40px 0px;
}
	#newest_list h3 {
		border-bottom:3px solid #00aeef;
		padding-bottom:5px;
	}
	#newest_list h3 a {
		color:#999;
	}
		#newest_list h3 a:hover {
			color:#231f20;
		}
	#newest_list p {
		border-bottom:1px solid #EBEBEB;
		padding-bottom:10px;
		margin-bottom:10px;
	}
		#newest_list p a {
			color:#999;
			display:block;
			text-decoration:none;
		}
			#newest_list p a:hover {
				color:#231f20;
			}

			#newest_list p a strong {
				display:block;
				color:#231f20;
			}
				#newest_list p a:hover strong {

				}
				
/*ARTIST PROFILES ------------*/
		
/* edit screen */


/*Favorite Banner is used on Artist Profiles*/
#favorite_banner {
	margin-bottom:40px;
}
	#favorite_banner img {
		display:block;
		width:620px;
		height:220px;
	}

/*Song + Rating Area*/
#song_block {
	margin-bottom:40px;
}
	#song {
		
	}
	#song h3 {
		color:#231f20;
		margin-bottom:10px;
		background:url(/images/billboard/icon_star_medium.gif) left no-repeat;
		padding-left:15px;
	}
/*Media Player*/
/*  @import url("player.css"); at top  */

a.embed_link {
	clear: left; 
	float: left;
	font-weight: bold;
}

/*Rating*/
#rating {
	width:100px;
	height:100px;
	text-align:center;
	position:relative;
	background:url(/images/billboard/score_circle.gif) top left no-repeat;
}
	#rating p {
		font-weight:bold;
		font-size:12px;
		margin-top: 25px;
/*		position:absolute;
		top:25px;
		left:15px;*/
	}
		#rating p strong {
			display:block;
			font-size:40px;
			line-height:32px;
		}
			#rating p:hover {
				color:#FFF; /*I know this doesn't work in IE*/
			}
		
/*Extended Artist Bio*/
#artist_extended {
	font-size:12px;
	line-height:18px;
	color:#444;
}
	#artist_extended .leftimg {
		width:220px;
	}
	.artist_website {
		
	}
		.artist_website strong {
			color:#999;
			border-right:1px solid #CCC;
			padding-right:5px;
			margin-right:4px;
		}

/*Social Media + Email*/
#contact_block {
	clear:both;
	border-top:1px solid #CCC;
	margin-top:50px;
	padding-top:10px;
}
#social_media {
/*	float:left;
	border-right:1px solid #CCC;
	margin-right:19px;
*/
}
	.twitter,
	.facebook,
	.myspace {
		display:block;
		width:80px;
		height:30px;
		margin:0px 10px 10px 0px;
		float: left;
	}
	.twitter {
		background:url(/images/billboard/logo_twitter.gif) top left no-repeat;
	}
	.facebook {
		background:url(/images/billboard/logo_facebook.gif) top left no-repeat;
	}
	.myspace {
		background:url(/images/billboard/logo_myspace.gif) top left no-repeat;
	}
	.twitter em,
	.facebook em,
	.myspace em {
		display:none;
	}
	
/*Email Signup*/
#email_subscribe {
	float:left;
	margin-left: 20px;
}
	#email_subscribe h3 {
		margin-bottom: 5px;
	}
	.email_callout {

	}
		.email_callout p {
			padding-top:10px;
			clear: left;
			display: block;
			width: 240px;
		}
		.email_callout_type {
			width:150px;
			margin-right:10px;
			color:#999;
			border:1px solid #CCC;
			padding:3px;
			float: left;
		}
			.email_callout_type:focus {
				border:1px solid #00aeef;
				color:#00aeef;
			}
				
		.email_callout_button {
			cursor:pointer;
			float: left;
			margin-top: 1px;
		}
		
/*GENERAL LISTING PAGE*/

.general_listing {
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
}
	.general_listing .row {

	}
	.general_listing .row div {
		margin:0px 20px 00px 0px;
		/*border-bottom:1px solid #EBEBEB;*/
	}
		.general_listing .row div:last-child {
			margin-right:0px;
		}
		.hr_break {
			border-top:1px solid #EBEBEB;
			height:20px;
		}
	.general_listing h4 a {
		text-decoration:none;
	}
	.general_listing .favorite_listing {
		border-bottom:none;
	}



/*FOOTER --------------*/

#footer {
	clear:both;
	margin:20px 0px;
	border-top:1px solid #CCC;
	padding:20px 0px 20px 0px;
}

	#footer #footer_logo {
		float:left;
		width:141px;
		height:58px;
		margin-right:20px;
	}
		#footer #footer_logo h1 a {
			background:url(/images/billboard/logo_footer.gif) top left no-repeat;
			width:141px;
			height:58px;
			display:block;
		}
			#footer #footer_logo h1 a em {
				display:none;
			}
			
#footer_right {
	border:1px solid #CCC;
	border-width: 0 1px;
	float:left;
	padding-right: 20px;
}
	#footer_nav {
		margin:0px 0px 10px 16px;
	}
		#footer_nav ul {
			margin-bottom:0px;
		}
			#footer_nav ul li {
				display:inline;
				list-style:none;
				font-size:12px;
				font-weight:normal;
				border-right:1px solid #CCC;
			}
				#footer_nav ul li a {
					color:#231f20;
					text-decoration:none;
					margin:0px 6px 0px 4px;

				}
					#footer_nav ul li:last-child {
						border-right:none;
					}
					#footer_nav ul li a:hover {
						color:#00aeef;
					}
#credits {
	font-size:11px;
	color:#999;	
	margin:0px 0px 0px 16px;
}
	#credits p {
		margin:0px 0px 0px 4px;
	}
	
	.nm {
		background:url(/images/billboard/logo_nm_off.gif) left no-repeat;
		color:#999;
		padding-left:10px;
		margin-left:2px;
		text-decoration:none;
	}
		.nm:hover {
			color:#231f20;
			background:url(/images/billboard/logo_nm_on.gif) left no-repeat;
		}
		
#posting_imgs {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 0px 0px 0px;
	margin:20px 0px;
}
	#posting_imgs ul li{
		display:	block;
		float:	left;
		margin:	0px 20px 20px 0px;
		width:	138px;
		height:	138px;
		border: 1px solid #ccc;
		text-align: center;
	}
		#posting_imgs ul li.no-border {
			margin-right:0px;
		}
			#posting_imgs:after
			{
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}

			/*Temporary Fan Favorites Promo*/

			#favorite_promo {
				margin-bottom:40px;
			}
				#favorite_promo .blue_block {
					background:url(/images/billboard/bg_favorite_promo.gif) top left no-repeat #00aeef;
					padding:20px;
					color:#FFF;
					font-weight:bold;
				}
					#favorite_promo .blue_block a {
						color:#FFF;
					}
						#favorite_promo .blue_block a:hover {
							color:#231f20;
						}
					#favorite_promo .blue_block h2 {
						background:url(/images/billboard/icon_star_white_big.gif) left no-repeat;
						font-size:32px;
						line-height:40px;
						padding-left:40px;
					}
					#favorite_promo .blue_block p {
						font-size:14px;
						line-height:20px;
					}
				#favorite_promo .green_block {
					background:#c6d92c;
					padding:10px;
				}
					#favorite_promo .green_block .two_column {
						border-right:1px solid #aebf27;
						margin-right:12px;
						height:140px;
					}
						#favorite_promo .green_block .two_column p {
							padding-right:10px;
						}