@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - THE DREAM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		td_main.css
	Date:			February 17, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("../css/td_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#000 url(../../images/bg_body.jpg) center 42px no-repeat;
	}
	#topBG {
		
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	
	#main {
		padding:0 0 150px 0;
		width:960px;
		margin:0 auto;
		color:#bababa;
	}
	a:link, a:visited {
		text-decoration:none;
		color:#f4ae2a;
	}
		a:hover, a:active {
			color:#fff;
			text-decoration:none;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	topBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.topBar {
		margin:0 0 14px 0;
		width:100%; height:39px;
		background:url(../../images/bg_top.png) 0 top repeat-x;
		border-bottom:solid 3px #747474;
	}
		ul.defJamLinks {
			padding:0 0 0 14px;
			list-style:none;
			width:400px;
			float:left;
		}	
		ul.defJamLinks li {
			display:block;
			float:left;
		}
		
		/* def jam */
		ul.defJamLinks li#linkDefJam {
			margin:6px 30px 0 0;
			width:35px; height:28px;
		}
			li#linkDefJam a {
				width:35px; height:28px;
				display:block;
				background:url(../../images/link_defJam.png) no-repeat;
			}
		/* artists */
		ul.defJamLinks li#linkArtists {
			margin:15px 15px 0 0;
			width:35px; height:12px;
		}
			li#linkArtists a:link, li#linkArtists a:visited {
				width:35px; height:12px;
				display:block;
				background:url(../../images/link_artists.png) 0 top no-repeat;
			}
				li#linkArtists a:active, li#linkArtists a:hover {
					background-position:bottom;
				}
		/* news */
		ul.defJamLinks li#linkNews {
			margin:15px 15px 0 0;
			width:60px; height:12px;
		}
			li#linkNews a:link, li#linkNews a:visited {
				width:60px; height:12px;
				display:block;
				background:url(../../images/link_news.png) 0 top no-repeat;
			}
				li#linkNews a:active, li#linkNews a:hover {
					background-position:bottom;
				}
		/* community */
		ul.defJamLinks li#linkCommunity {
			margin:15px 15px 0 0;
			width:59px; height:12px;
		}
			li#linkCommunity a:link, li#linkCommunity a:visited {
				width:59px; height:12px;
				display:block;
				background:url(../../images/link_community.png) 0 top no-repeat;
			}
				li#linkCommunity a:active, li#linkCommunity a:hover {
					background-position:bottom;
				}
		/* tour */
		ul.defJamLinks li#linkTour {
			margin:15px 15px 0 0;
			width:23px; height:12px;
		}
			li#linkTour a:link, li#linkTour a:visited {
				width:23px; height:12px;
				display:block;
				background:url(../../images/link_tour.png) 0 top no-repeat;
			}
				li#linkTour a:active, li#linkTour a:hover {
						background-position:bottom;
				}
		/* videos */
		ul.defJamLinks li#linkVideos {
			margin:15px 15px 0 0;
			width:36px; height:12px;
		}
			li#linkVideos a:link, li#linkVideos a:visited {
				width:36px; height:12px;
				display:block;
				background:url(../../images/link_videos.png) 0 top no-repeat;
			}
				li#linkVideos a:active, li#linkVideos a:hover {
					background-position:bottom;
				}
		/* photos */
		ul.defJamLinks li#linkPhotos {
			margin:15px 0 0 0;
			width:36px; height:12px;
		}
			li#linkPhotos a:link, li#linkPhotos a:visited {
				width:36px; height:12px;
				display:block;
				background:url(../../images/link_photos.png) 0 top no-repeat;
			}
				li#linkPhotos a:active, li#linkPhotos a:hover {
					background-position:bottom;
				}
				
		
		ul.listLinks {
			list-style:none;
			padding:0 28px 0 0;
			width:430px;
			float:right;
		}	
		ul.listLinks li {
			display:block;
			float:left;
		}
		/* mailing */
		ul.listLinks li#linkMailing {
			margin:10px 30px 0 0;
			width:143px; height:16px;
		}
			li#linkMailing a:link, li#linkMailing a:visited {
				width:143px; height:16px;
				display:block;
				background:url(../../images/link_mailing.png) 0 top no-repeat;
			}
				li#linkMailing a:active, li#linkMailing a:hover {
					background-position:bottom;
				}
		/* mobile */
		ul.listLinks li#linkMobile {
			margin:5px 0 0 0;
			width:128px; height:24px;
		}
			li#linkMobile a:link, li#linkMobile a:visited {
				width:128px; height:24px;
				display:block;
				background:url(../../images/link_mobile.png) 0 top no-repeat;
			}
				li#linkMobile a:active, li#linkMobile a:hover {
					background-position:bottom;
				}	
		
		ul.listLinks li#fblike {
			margin:8px 0 0 20px;
		}	
		
/*	--------------------------------------------------------------------------------------------------------------------------
	mainHeader Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainHeader {
		margin:30px 0 0 0; padding:32px 0 0 0;
		width:960px;
	}
		#mainHeader h1 {
			margin:120px 70px 0 0;
			width:508px; height:148px;
			background:url(../../images/logo.jpg) no-repeat;
			float:left;
		}
		#mainHeader .albumSampler {
			width:150px;
			float:left;
		}
			#mainHeader .albumSampler .linkHolder {
				margin:82px 0 0 40px;
			}
				#mainHeader .albumSampler .linkHolder a.iTunes {
					margin:0 20px 0 0;
					width:25px; height:24px;
					background:url(../../images/logo_iTunes.jpg) no-repeat;
					display:block;
					float:left;
				}
				#mainHeader .albumSampler .linkHolder a.amazon {
					margin:3px 0 0 0;
					width:20px; height:20px;
					background:url(../../images/logo_amazon.png) no-repeat;
					display:block;
					float:left;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navBar {
		position:relative;
	}
	ul.nav {
		padding:69px 0 20px 0;
		list-style:none;
		float:left;
	}
		ul.nav li {
			margin:0 15px 0 0; padding:0 0 2px 0;
			height:26px;
			display:inline;
			float:left;
		}
			ul.nav li a {
				height:26px;
				background:url(../../images/navBar.png) 0 0 no-repeat;
				display:block;
			}
		
		/* home */
		ul.nav li#navHome {
			width:52px;
		}
			li#navHome a {
				width:52px;
				background-position:0 0;
			}
				li#navHome a:hover {
					background-position:0 -26px;
				}
		/* news */
		ul.nav li#navNews {
			width:52px;
		}
			li#navNews a {
				width:52px;
				background-position:-68px 0;
			}
				li#navNews a:hover {
					background-position:-68px -26px;
				}
		/* blog */
		ul.nav li#navBlog {
			width:50px;
		}
			li#navBlog a {
				width:50px;
				background-position:-140px 0;
			}
				li#navBlog a:hover {
					background-position:-140px -26px;
				}
		/* videos */
		ul.nav li#navVideos {
			width:65px;
		}
			li#navVideos a {
				width:65px;
				background-position:-211px 0;
			}
				li#navVideos a:hover {
					background-position:-211px -26px;
				}
		/* photos */
		ul.nav li#navPhotos {
			width:72px;
		}
			li#navPhotos a {
				width:72px;
				background-position:-297px 0;
			}
				li#navPhotos a:hover {
					background-position:-297px -26px;
				}
		/* disco */
		ul.nav li#navDisco {
			width:124px;
		}
			li#navDisco a {
				width:124px;
				background-position:-390px 0;
			}
				li#navDisco a:hover {
					background-position:-390px -26px;
				}
		/* Q&A */
		ul.nav li#navQA {
			width:41px;
		}
			li#navQA a {
				width:41px;
				background-position:-535px 0;
			}
				li#navQA a:hover {
					background-position:-535px -26px;
				}
		/* extras */
		ul.nav li#navExtras {
			width:71px;
		}
			li#navExtras a {
				width:71px;
				background-position:-596px 0;
			}
				li#navExtras a:hover {
					background-position:-596px -26px;
				}
		/* community */
		ul.nav li#navCommunity {
			width:108px;
		}
			li#navCommunity a {
				width:108px;
				background-position:-687px 0;
			}
				li#navCommunity a:hover {
					background-position:-687px -26px;
				}
		/* mobile */
		ul.nav li#navMobile {
			width:66px;
		}
			li#navMobile a {
				width:66px;
				background-position:-815px 0;
			}
				li#navMobile a:hover {
					background-position:-815px -26px;
				}
		/* tour */
		ul.nav li#navTour {
			width:50px;
			margin:0;
		}
			li#navTour a {
				width:50px;
				background-position:-902px 0;
			}
				li#navTour a:hover {
					background-position:-902px -26px;
				}
		/* bio */
		ul.nav li#navBio {
			width:33px;
		}
			li#navBio a {
				width:33px;
				background-position:-972px 0;
			}
				li#navBio a:hover {
					background-position:-972px -26px;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	logo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navBar a.logo {
		margin:25px 0 0 480px;
		width:458px; height:72px;
		display:block;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainHeader #flashHolder {
		margin:0 0 8px 0;
		width:960px; height:30px;
		background:url(../../images/mediaPlayer.png) no-repeat;
	}
		#mainHeader #mediaPlayerHolder {
			margin:0 0 8px 0;
			width:960px; height:30px;
		}
		#mainHeader #mediaPlayer {
			padding:8px 0 0 0;
			width:960px; height:22px;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#feb0c6;
			text-align:center;
		}
			#mainHeader #mediaPlayer a {
				color:#ffc7d6;
			}
				#mainHeader #mediaPlayer a:hover {
					color:#fff;
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	topAd Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainHeader .topAd {
		padding:5px 0 11px 6px;
		width:954px;
	}
	
		/*adHolder*/
		#mainHeader .topAd .adHolder {
			padding:10px 0 0 2px;
			width:730px; height:92px;
			background:url(../../images/advertisement1.png) 7px 0 no-repeat;
			float:left;
		}	
			#mainHeader .topAd .adHolder img {
				display:block;
				border:solid 2px #696969;
			}
			
		/*membership*/
		#mainHeader .topAd .membership {
			padding:10px 0 8px 10px;
			width:200px;
			float:left;
		}
			#mainHeader .topAd .membership h2 {
				width:200px; height:5px;
				background:url(../../images/h2_membership.png) top center no-repeat;
				behavior:url('shared/css/iepngfix.htc');
			}
			#mainHeader .topAd .membership .login {
				margin:10px 0 15px 0;
			}
				#mainHeader .topAd .membership .login p {
					width:115px;
					display:block;
					float:left;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#b3b3b3;
				}
				#mainHeader .topAd .membership .login .btnHolder {
					width:61px;
					float:left;
				}
					.login .btnHolder a.btnLogin:link, .login .btnHolder a.btnLogin:active, .login .btnHolder a.btnLogin:visited {
						width:61px; height:13px;
						background:url(../../images/btn_login.png) top center no-repeat;
						display:block;
					}
						.login .btnHolder a.btnLogin:hover {
							background-position:bottom;
						}
			#mainHeader .topAd .membership a.btnJoin:link, #mainHeader .topAd .membership a.btnJoin:active, #mainHeader .topAd .membership a.btnJoin:visited {
				margin:0 0 8px 0;
				width:200px; height:34px;
				background:url(../../images/btn_join.png) top center no-repeat;
				display:block;
			}
				#mainHeader .topAd .membership a.btnJoin:hover {
					background-position:bottom;
				}
				
				/*	loggedIn */
				#mainHeader .topAd .membership .loggedIn {
					padding:7px 0;
				}
					#mainHeader .topAd .membership .loggedIn .user {
						width:52px;
						margin:0 9px 0 0;
						float:left;
					}
						#mainHeader .topAd .membership .loggedIn .user a {
							border:solid 1px #b36277;
							display:block;
						}
							#mainHeader .topAd .membership .loggedIn .user a:hover {
								border:solid 1px #fff;
							}
					#mainHeader .topAd .membership .loggedIn .info {
						width:128px;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#b3b3b3;
						line-height:11px;
						float:left;
						overflow:hidden;
					}
						#mainHeader .topAd .membership .loggedIn .info .pink {
							margin:2px 0 0 0;
							font:bold 12px Arial, Helvetica, sans-serif;
							color:#b36277;
							display:block;
						}
						#mainHeader .topAd .membership .loggedIn .info a.btnLogout {
							width:61px; height:13px;
							margin:8px 0 0 0;
							background:url(../../images/btn_logout.png) top no-repeat;
							display:block;
						}
							#mainHeader .topAd .membership .loggedIn .info a.btnLogout:hover {
								background-position:bottom;
							}
					#mainHeader .topAd .membership .loggedIn .btnHolder {
						width:196px; height:13px;
						margin:4px 0 3px 0; padding:0 0 0 2px;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#b3b3b3;
						line-height:11px;
					}
				
			#mainHeader .topAd .membership .hr {
				width:200px; height:5px;
				background:url(../../images/hr_membership.png) top center no-repeat;
				behavior:url('shared/css/iepngfix.htc');
			}
				#mainHeader .topAd .membership .hr hr {
					display:none;
				}
				
	#mainHeader #videoWidget {
		margin:28px 0 0 0; padding:0 0 17px;
		width:500px; height:300px;
	}
	
	/*	promoHeader Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainHeader #promoHeader {
			
		}
			#mainHeader #promoHeader h4 {
				width:120px; height:25px;
				margin:121px 0 0 651px;
				background:url(../../images/album_date.png) no-repeat;
			}
			#mainHeader #promoHeader a.btnPreOrder {
				width:109px; height:29px;
				margin:22px 0 0 652px;
				background:url(../../images/btn_preOrder.png) no-repeat;
				display:block;
			}
				#mainHeader #promoHeader a.btnPreOrder:hover {
					background-position:bottom;
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		margin:12px 0 0 0;
		width:960px;
	}
		/*mainCol*/
		#contentSpace #mainCol  {
			margin:0 15px 0 0;
			width:610px;
			float:left;
			display:inline;
		}
			#mainCol p {
				font:normal 12px Arial, Helvetica, sans-serif;
				color: #bababa;
			}
		/*altCol*/
		#contentSpace #altCol  {
			width:335px;
			float:left;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		border:dashed 1px #bababa;
		padding:10px;
		text-align:center;
		font:normal 12px Arial, Helvetica, sans-serif;
		color: #bababa;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	bottomAd Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main #bottomAd {
		margin:20px 0 20px 0;
		width:960px;
		background:url(../../images/bg_bottomAd.png) top right no-repeat;
	}
		#main #bottomAd .ad {
			width:732px; height:92px;
			display:inline;
			float:left;
		}
			#main #bottomAd a img {
				border:solid 2px #696969;
			}
		#main #bottomAd a.logo {
			margin:25px 0 0 30px;
			width:193px; height:31px;
			display:block;
			float:left;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {
		width:498px;
		margin:0 0 0 85px;
		overflow:hidden;
	}
		#comments h2 {
			width:363px; height:22px;
			padding:0 0 0 135px;
			background:url(../../images/h2_comments.png) 0 7px no-repeat;
			font:normal 18px Arial, Helvetica, sans-serif;
			color:#ffc7d6;
		}
			#comments h2 img {
				margin:7px 0 0 0;
			}
		#comments a.btnPostComment {
			margin:15px 0 18px 104px;
			width:79px; height:19px;
			display:block;
			background:url(../../images/btn_postComment.png) 0 top no-repeat;
		}
			#comments a.btnPostComment:hover {
				background-position:bottom;
			}
		
		#comments .hr {
			background:url(../../images/hr.png) no-repeat;
			width:500px; height:3px;
		}
			#comments .hr hr {
				display:none;
			}
		
		/* commentEntry */	
		#comments .commentEntry {
			margin:20px 0 10px 0;
		}
			#comments .commentEntry .userInfo {
				margin:0 15px 0 0;
				width:90px;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#c9c9c9;
				text-align:right;
				float:left;
				line-height:18px;
				overflow:hidden;
			}
			#comments .commentEntry .comment {
				width:387px;
				float:left;
				word-wrap:break-word;
			}
				#comments .commentEntry .comment h3 {
					margin:0 0 8px 0;
					color:#fff;
					font:normal 14px Arial, Helvetica, sans-serif;
				}
				#comments .commentEntry .comment p {
					margin:0 0 10px 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#bababa;
					line-height:16px;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		padding:20px 0 20px 20px;
		width:940px;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#5e5e5e;
	}
		#footer .links {
			float:left;
		}
		#footer .legalCopy {
			margin:0 26px 0 0;
			display:block;
			float:left;
		}
		#footer .text {
			display:block;
			float:left;
		}
		#footer a:link, #footer a:active, #footer a:visited {
			color:#969696;
			text-decoration:none;
		}
			#footer a:hover {
				color:#5e5e5e
			}
		#footer .explicitFooter {
			margin:2px 22px 0 0;
			width:172px;
			float:right;
		}
		a.logo_mg {
			display:block;
			margin:2px 21px 0 0;
			float:right;
		}
			a.logo_mg img {
				border:none;
			}