@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_main.css
	Date:			May 25, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("j_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#f2f6f0 url(../../images/bg_body.jpg) center 38px no-repeat;
		font:normal 12px Arial, Helvetica, sans-serif;
		line-height:18px;
		color:#646464;
	}
	.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 {
		margin:0 auto;
		width:960px;
	}
	a {
		text-decoration:none;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#ff0042;
		line-height:18px;
	}
		a:hover {
			text-decoration:none;
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#000;
			line-height:18px;
		}
	img {
		border:0;
	}
	.explicit {
		margin:94px 0 5px 0;
		width:178px; height:11px;
		background:url(../../images/parental_advisory_text.png) 0px 0px no-repeat;
		display:block;
		behavior:url("shared/css/iepngfix.htc")
	}
	.explicit_sm {
		width:164px; height:11px;
		background:url(../../images/parental_advisory_small.png) 0px 0px no-repeat;
		float: left;
		behavior:url("shared/css/iepngfix.htc")
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	topBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topBar {
		width:100%; height:38px;
		background:url(../../images/bg_defJamBar.png) 0 0 repeat-x;
	}
	#topBar .topContainer {
		margin:0 auto;
		width:960px;
	}
		ul.defJamLinks {
			padding:0 0 0 14px;
			list-style:none;
			width:420px;
			float:left;
		}	
		ul.defJamLinks li {
			height:11px;
			display:block;
			float:left;
		}
		
		/* def jam */
		ul.defJamLinks li#linkDefJam {
			margin:6px 30px 0 0;
			width:35px; height:28px;
			background:none;
		}
			li#linkDefJam a {
				width:35px; height:28px;
				display:block;
				background:url(../../images/defJam_logo.png) 0 0 no-repeat;
			}
		/* artists */
		ul.defJamLinks li#linkArtists {
			margin:15px 15px 0 0;
			width:32px;
		}
			li#linkArtists a:link, li#linkArtists a:visited {
				width:32px; height:11px;
				display:block;
				background:url(../../images/defJam_navSprites.png) 0 0 no-repeat;
			}
				li#linkArtists a:active, li#linkArtists a:hover {
					background-position: 0 bottom;
				}
		/* news */
		ul.defJamLinks li#linkNews {
			margin:15px 15px 0 0;
			width:69px; 
		}
			li#linkNews a:link, li#linkNews a:visited {
				width:69px; height:11px;
				display:block;
				background:url(../../images/defJam_navSprites.png) -46px 0 no-repeat;
			}
				li#linkNews a:active, li#linkNews a:hover {
					background-position: -46px bottom;
				}
		/* community */
		ul.defJamLinks li#linkCommunity {
			margin:15px 15px 0 0;
			width:68px;
		}
			li#linkCommunity a:link, li#linkCommunity a:visited {
				width:68px; height:11px;
				display:block;
				background:url(../../images/defJam_navSprites.png) -128px 0 no-repeat;
			}
				li#linkCommunity a:active, li#linkCommunity a:hover {
					background-position:-128px bottom;
				}
		/* tour */
		ul.defJamLinks li#linkTour {
			margin:15px 15px 0 0;
			width:25px;
		}
			li#linkTour a:link, li#linkTour a:visited {
				width:25px; height:11px;
				display:block;
				background:url(../../images/defJam_navSprites.png) -208px 0 no-repeat;
			}
				li#linkTour a:active, li#linkTour a:hover {
					background-position:-208px bottom;
				}
		/* videos */
		ul.defJamLinks li#linkVideos {
			margin:15px 0 0 0;
			width:39px;
		}
			li#linkVideos a:link, li#linkVideos a:visited {
				width:39px; height:11px;
				display:block;
				background:url(../../images/defJam_navSprites.png) right 0 no-repeat;
			}
				li#linkVideos a:active, li#linkVideos a:hover {
					background-position:right bottom;
				}
		
				
		
		ul.listLinks {
			list-style:none;
			padding:0 0 0 0;
			width:396px;
			float:right;
		}	
		ul.listLinks li {
			display:block;
			float:left;
		}
		/* mailing */
		ul.listLinks li#linkMailing {
			margin:5px 30px 0 0;
			width:177px; height:24px;
		}
			li#linkMailing a:link, li#linkMailing a:visited {
				width:177px; height:24px;
				display:block;
				background:url(../../images/defJam_mediaSprites.png) 0 0 no-repeat;
			}
				li#linkMailing a:active, li#linkMailing a:hover {
					background-position:0 bottom;
				}
		/* mobile */
		ul.listLinks li#linkMobile {
			margin:5px 0 0 0;
			width:164px; height:24px;
		}
			li#linkMobile a:link, li#linkMobile a:visited {
				width:164px; height:24px;
				display:block;
				background:url(../../images/defJam_mediaSprites.png) right 0 no-repeat;
			}
				li#linkMobile a:active, li#linkMobile a:hover {
					background-position:right bottom;
				}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	ad728 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728 {
		margin:5px 0 0 224px; padding:4px 0 0 0;
		width:736px; height:94px;
		background:url(../../images/bg_ad728.png) 0 0 no-repeat;
	}
		.ad728 a {
			margin:0 auto;
			width:724px;
			display:block;
			border:2px solid #000;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	ad300 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#ad300 {
		padding:0 0 25px 0;
		width:312px; height:280px;
		background:url(../../images/bg_ad300.png) 0 0 no-repeat;
		float:left;			
		display:inline;
		text-align:center;
	}
		#ad300 img {
			margin:25px auto 0 auto;
			width:300px; height:250px;
			border:0;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		margin:54px 0 0 290px;
	}
		#header h1 {
			margin:0 0 0 18px;
			width:357px; height:95px;
			background:url(../../images/jeremih_logo.png) 0 0 no-repeat;
		}
		
		/*	---------------------------------------------------------------
			Nav Styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#header ul {
				margin:0;
				width:600px;
				list-style:none;
			}
				#header ul li {
					margin:0 12px 6px 0;
					display:inline;
					float:left;
				}
					#header ul li a {
						height:16px;
						display:block;
						background:url(../../images/navSprites.png) no-repeat;
					}
						#header ul li.home a {
							width:64px;
							background-position:0 0;
						}
							#header ul li.home a:hover {
								background-position:0 bottom;
							}
						#header ul li.bio a {
							width:46px;
							background-position:-74px 0;
						}
							#header ul li.bio a:hover {
								background-position:-74px bottom;
							}
						#header ul li.news a {
							width:65px;
							background-position:-139px 0;
						}
							#header ul li.news a:hover {
								background-position:-139px bottom;
							}
						#header ul li.blog a {
							width:59px;
							background-position:-223px 0;
						}
							#header ul li.blog a:hover {
								background-position:-223px bottom;
							}
						#header ul li.videos a {
							width:81px;
							background-position:-300px 0;
						}
							#header ul li.videos a:hover {
								background-position:-300px bottom;
							}
						#header ul li.photos a {
							width:81px;
							background-position:-400px 0;
						}
							#header ul li.photos a:hover {
								background-position:-400px bottom;
							}
						#header ul li.mobile a {
							width:82px;
							background-position:-500px 0;
						}
							#header ul li.mobile a:hover {
								background-position:-500px bottom;
							}
						#header ul li.tour a {
							width:54px;
							background-position:-600px 0;
						}
							#header ul li.tour a:hover {
								background-position:-600px bottom;
							}
						#header ul li.discography a {
							width:137px;
							background-position:-672px 0;
						}
							#header ul li.discography a:hover {
								background-position:-672px bottom;
							}
						#header ul li.extras a {
							width:76px;
							background-position:-827px 0;
						}
							#header ul li.extras a:hover {
								background-position:-827px bottom;
							}
						#header ul li.forum a {
							width:71px;
							background-position:-921px 0;
						}
							#header ul li.forum a:hover {
								background-position:-921px bottom;
							}
						#header ul li.community a {
							width:125px;
							background-position:-1011px 0;
						}
							#header ul li.community a:hover {
								background-position:-1011px bottom;
							}
						#header ul li.tv a {
							width:116px;
							background-position:-1153px 0;
						}
							#header ul li.tv a:hover {
								background-position:-1153px bottom;
							}
							
/*	--------------------------------------------------------------------------------------------------------------------------
	Media Block Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaBlock {
		margin:32px 0 0 431px;
		height:342px;
	}
		#mediaBlock .inStores {
			margin:0 20px 0 0;
			width:237px;
			display:inline;
			float:left;
			background: url(../../images/border_vertical.png) right 0 repeat-y;
		}
			#mediaBlock .inStores h2 {
				margin:0 0 15px 0;
				width:120px; height:10px;
				background:url(../../images/h2_inStoresNow.png) 0 0 no-repeat;
			}
			#mediaBlock .inStores .cd {
				margin:0 0 10px 0;
				width:215px; height:247px;
				background: url(../../images/cd_sampler_new.png) 0 0 no-repeat;
				behavior:url("shared/css/iepngfix.htc");
			}
			#mediaBlock .inStores h3 {
				margin:0 0 0 5px;
				font:normal 24px Arial, Helvetica, sans-serif;
				color:#000;
			}
				#mediaBlock .inStores h3 span.grey {
					display:block;
					color:#7b7c7c;
				}
			#mediaBlock a.btn_buyNow {
				margin:5px 0 0 6px;
				width:77px; height:20px;
				float:left;
				background:url(../../images/btn_buyNow.png) 0 0 no-repeat;
				display:inline;
			}
				#mediaBlock a.btn_buyNow:hover {
					width:77px; height:20px;
					background-position:0 -30px;
				}
		#mediaBlock .watch {
			width:262px;
			float:left;
		}
			#mediaBlock .watch h2 {
				margin:0 0 15px 0;
				width:65px; height:10px;
				background:url(../../images/h2_watch.png) 0 0 no-repeat;
			}
			
			#mediaBlock .watch .video {
				padding:2px;
				border:1px solid #dedede;
			}
				#mediaBlock .watch .video a {
					display:block;
					border:3px solid #abaeac;
				}
			#mediaBlock .watch h3 {
				margin:10px 0 0 0; padding:0 0 0 3px;
			}
				#mediaBlock .watch h3 a {
					font:normal 16px Arial, Helvetica, sans-serif;
					color:#ff0042;
					text-decoration:none;
				}
					#mediaBlock .watch h3 a:hover {
						font:normal 16px Arial, Helvetica, sans-serif;
						color:#000;
						text-decoration:none;
					}
			#mediaBlock .watch .parentalAdvisory {
				width:178px; height:11px;
				margin:0 0 0 3px;
				display:block;
				background:url(../../images/parental_advisory_text.png) 0 0 no-repeat;
			}
		#mediaBlock a.btn_moreVideos {
				margin:15px 0 0 0; 
				width:107px; height:20px;
				float:right;
				background:url(../../images/btn_moreVideos.png) 0 0 no-repeat;
				display:block;
			}
				#mediaBlock a.btn_moreVideos:hover {
					width:107px; height:20px;
					background-position:0 -30px;
				}	
			
/*	--------------------------------------------------------------------------------------------------------------------------
	CommunityBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityBar {
		width:960px; height:90px;
		background:url(../../images/border_horizontal.png) 0 bottom repeat-x;
	}
		#communityBar h2 {
			margin:14px 0 0 0;
			width:627px; height:59px;
			background:url(../../images/bg_communityBar.png) 0 0 no-repeat;
			float:left;
			display:inline;
		}	
		#communityBar .login {
			margin:45px 0 0 25px;
			height:50px;
			float:left;
			display:inline;
		}
			#communityBar .login a.btnJoinNow {
				width:125px; height:30px; 
				background:url(../../images/btn_community.png) 0 0 no-repeat;
				float:left;
				display:block;
			}
				#communityBar .login a.btnJoinNow:hover {
					background-position:0 -40px;
				}
			#communityBar .login a.btnSignIn {
				margin:0 0 0 15px;
				width:97px; height:30px; 
				background:url(../../images/btn_community.png) -141px 0 no-repeat;
				float:left;
				display:block;
			}
				#communityBar .login a.btnSignIn:hover {
					background-position:-141px -40px;
				}
		
		/* communityBar profile control styles */
		#communityBar .logOut {
			margin:16px 0 0 15px;
			height:50px;
			float:left;
			display:inline;
		}
			#communityBar .logOut a.profileImage {
				padding:2px; margin:5px 0 0 8px;
				width:50px;
				float:left;
				background-color:#000;
				display:inline-block;
			}
			#communityBar .logOut .accountInfo {
				margin:18px 0 0 10px;
				width:225px;
				float:left;
				font:bold 10px Arial, Helvetica, sans-serif;
				color:#393939;
			}
				#communityBar .logOut .accountInfo a {
					font:bold 10px Arial, Helvetica, sans-serif;
					color:#ff2260;
				}
					#communityBar .logOut .accountInfo a:hover {
						font:bold 10px Arial, Helvetica, sans-serif;
						color:#000;
					}
				#communityBar .logOut ul.controls li {
					margin:8px 0 0 0;
					float:left;
					list-style:none;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#393939;
				}
					#communityBar .logOut ul.controls li a {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#00b4ff;
					}
					#communityBar .logOut ul.controls li a:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#037cae;
					}
				
	/*	--------------------------------------------------------------------------------------------------------------------------
		CommunityAlt Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#communityAlt {
			margin:0 0 30px 0;
			width:246px; height:108px;
			float:left;
		}
		#communityAlt h2 {
			width:246px; height:26px;
			background:url(../../images/h2_communityAlt.png) 0 0 no-repeat;
		}	
		#communityAlt .login {
			padding:7px 0 0 0;
			height:71px;
			background:url(../../images/joinAlt.png) bottom left no-repeat;
		}
			#communityAlt .login a.btnJoinNow {
				width:125px; height:30px;
				background:url(../../images/btn_community.png) 0 0 no-repeat;
				float:left;
				display:block;
			}
				#communityAlt .login a.btnJoinNow:hover {
					background-position:0 -40px;
				}
			#communityAlt .login a.btnSignIn {
				margin:0 0 0 10px;
				width:97px; height:30px;
				background:url(../../images/btn_community.png) -141px 0 no-repeat;
				float:left;
				display:block;
			}
				#communityAlt .login a.btnSignIn:hover {
					background-position:-141px -40px;
				}
				
	/*	--------------------------------------------------------------------------------------------------------------------------
		CommunityAlt logged in Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		#communityAlt .loggedIn {
			padding:7px 0 0 0;
			width:300px;
			height:71px;
		}
			#communityAlt .loggedIn a.profileImage {
				padding:2px; margin:5px 0 0 8px;
				width:50px;
				float:left;
				background-color:#000;
				display:inline-block;
			}
			#communityAlt .loggedIn .accountInfo {
				margin:18px 0 0 10px;
				width:225px;
				float:left;
				font:bold 10px Arial, Helvetica, sans-serif;
				color:#393939;
			}
				#communityAlt .loggedIn .accountInfo a {
					font:bold 10px Arial, Helvetica, sans-serif;
					color:#ff2260;
				}
					#communityAlt .loggedIn .accountInfo a:hover {
						font:bold 10px Arial, Helvetica, sans-serif;
						color:#000;
					}
				#communityAlt .loggedIn ul.controls li {
					margin:8px 0 0 0;
					float:left;
					list-style:none;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#393939;
				}
					#communityAlt .loggedIn ul.controls li a {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#00b4ff;
					}
					#communityAlt .loggedIn ul.controls li a:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#037cae;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Top Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		margin:35px 0 65px 0;
		background:url(../../images/border_vertical.png) 625px 0 repeat-y;
	}
		#mainCol {
			width:620px;
			float:left;	
		}
		#altCol {
			width:315px;
			float:right;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	Audio Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#audio {
		margin:0 0 38px 0;
		width:286px;
		float:left;
		display:inline;
		background:url(../../images/cd_samplerSmall.png) 0 41px no-repeat;
	}
		#audio h2 {
			margin:9px 0 25px 0;
			width:177px; height:16px;
			background:url(../../images/h2_jeremihAudio.png) 0 0 no-repeat;
		}
		#audio h3 {
			margin:0 0 0 140px;
			font:normal 21px Arial, Helvetica, sans-serif;
			color:#000;
		}
		#audio #flashPlayer {
			width:286px; height:62px;
			margin:15px 0 5px 0;
		}
		#audio a.btn_moreAlbums {
			margin:20px 0 0 0;
			width:110px; height:20px;
			float:right;
			background: url(../../images/btn_moreAlbums.png) 0 0 no-repeat;
			display:block;
		}
			#audio a.btn_moreAlbums:hover {
				width:110px; height:20px;
				background-position:0 -30px;
			}		

/*	--------------------------------------------------------------------------------------------------------------------------
	Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footerContainer {
		background:url(../../images/bg_footer.png) 0 0 repeat-x;
	}
	#footer {
		margin:0 auto; padding:18px 0 100px 0;
		width:960px;
	}
		#footer .ad728 {
			margin:0 0 25px 0;
		}
		#footer p {
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#5e5e5e;
		}
			#footer p a {
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#00b4ff;
			}
				#footer p a:hover {
					color:#0060ff;
				}