@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	BLACK JOE LEWIS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		bjl_main.css
	Date:			October 6, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("bjl_components.css");
	

/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0; padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		background:url(../../images/bg.jpg) repeat;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#404040;
		line-height:1;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:none;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#main {
		border-right:solid 1px #2c004a; border-left:solid 1px #2c004a;
		width:960px; margin:0 auto;
		background:#2c004a;
	}
	a:link, a:active, a:visited {
		color:#404040;
		text-decoration:none;
	}
		a:hover {
			color:#dc2ca3;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		background:url(../../images/bg_header.jpg) 0 0 no-repeat;
	}
		/* ul#topBar styles*/
		#header ul#topBar {
			height:60px; padding:10px 0 0 10px;
		}
			#header ul#topBar li.launch {
				width:146px;
				float:left;
			}
				#header ul#topBar li.launch a.btn_launch {
					width:146px; height:27px;
					background:url(../../images/btn_sprite.png) -284px -91px no-repeat;
					display:block;
				}
					#header ul#topBar li.launch a.btn_launch:hover {
						background-position:-284px -118px;
					}
				#header ul#topBar li.social {
					width:200px; padding:2px 0 0 0;
					float:right;
				}
					#header ul#topBar li.social li { margin:0 10px 0 0; display:inline; float:left; }
					#header ul#topBar li.social li a {
						width:24px; height:24px;
						background:url(../../images/bg_socialIcons.png) 0 0 no-repeat;
						display:block;
					}
					#header ul#topBar li.social li a.btn_youtube {
						background-position:0 0;
					}
						#header ul#topBar li.social li a.btn_youtube:hover {
							background-position:0 -39px;
						}
					#header ul#topBar li.social li a.btn_twitter {
						background-position:-34px 0;
					}
						#header ul#topBar li.social li a.btn_twitter:hover {
							background-position:-34px -39px;
						}
					#header ul#topBar li.social li a.btn_myspace {
						background-position:-69px 0;
					}
						#header ul#topBar li.social li a.btn_myspace:hover {
							background-position:-69px -39px;
						}
					#header ul#topBar li.social li a.btn_facebook {
						background-position:-103px 0;
					}
						#header ul#topBar li.social li a.btn_facebook:hover {
							background-position:-103px -39px;
						}
				#header ul#topBar li.social li.ilike {
					margin:8px 0 0 0;
				}
					#header ul#topBar li.ilike a.btn_ilike {
						width:38px; height:15px;
						background:url(../../images/bg_socialIcons.png) -139px -6px no-repeat;
						display:block;
					}
						#header ul#topBar li.ilike a.btn_ilike:hover {
							background-position:-139px -45px;
						}
		
	/* ul#navBar styles*/
	#header ul#navBar {
		margin:0 0 48px 0; padding:5px 0 3px 37px;
		background:#ccc;
	}
		#header ul#navBar li {
			margin:0 26px 0 0;
			display:inline;
			float:left;
		}
			#header ul#navBar li a {
				height:36px;
				background:url(../../images/nav_sprite.png) 0 0 no-repeat;
				display:block;
			}
			#header ul#navBar li.home a {
				width:52px;
				background-position:0 0;
			}
				#header ul#navBar li.home a:hover {
					background-position:0 -36px;
				}
			#header ul#navBar li.news a {
				width:89px;
				background-position:-77px 0;
			}
				#header ul#navBar li.news a:hover {
					background-position:-77px -36px;
				}
			#header ul#navBar li.tour a {
				width:65px;
				background-position:-192px 0;
			}
				#header ul#navBar li.tour a:hover {
					background-position:-192px -36px;
				}
			#header ul#navBar li.music a {
				width:71px;
				background-position:-284px 0;
			}
				#header ul#navBar li.music a:hover {
					background-position:-284px -36px;
				}
			#header ul#navBar li.media a {
				width:96px;
				background-position:-381px 0;
			}
				#header ul#navBar li.media a:hover {
					background-position:-381px -36px;
				}
			#header ul#navBar li.photos a {
				width:84px;
				background-position:-505px 0;
			}
				#header ul#navBar li.photos a:hover {
					background-position:-505px -36px;
				}
			#header ul#navBar li.bio a {
				width:48px;
				background-position:-619px 0;
			}
				#header ul#navBar li.bio a:hover {
					background-position:-619px -36px;
				}
			#header ul#navBar li.contact a {
				width:104px;
				background-position:-695px 0;
			}
				#header ul#navBar li.contact a:hover {
					background-position:-695px -36px;
				}
		#header ul#navBar li.store { margin:0; }
			#header ul#navBar li.store a {
				width:77px;
				background-position:-827px 0;
			}
				#header ul#navBar li.store a:hover {
					background-position:-827px -36px;
				}
						
	#header h1 {
		padding:11px 0 10px 37px;
		background:#fff;
	}
		#header h1 a {
			width:885px; height:80px;
			background:url(../../images/h1_logo.png) no-repeat;
			display:block;
		}
		
	/* .feature */
	.feature {
		padding:18px 12px 0 14px;
	}
		.feature .album {
			display:block; float:left;
		}
		
		#umg-album-links {
			float:left;
			margin:0;
			padding:275px 0 0 0;
			background:url(../../images/album_now_available.jpg) no-repeat;
		}
		
		#umg-album-links img{
			float:left;
			padding:0;
			margin:0;
			}
		
		.feature .embed {
			width:589px; padding:1px 0 1px 1px; background:#fff;
			float:right;
		}
		
	/* .bandPhoto styles*/
	.bandPhoto {
		margin:4px 0 0 0;
	}
		.bandPhoto img {
			border-bottom:2px solid #2a241b;
			display:block;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		padding:15px 14px;
	}
		.contentSpace .mainCol {
			width:561px;
			float:left;
		}
			.contentSpace .mainCol .body {
				padding:0 19px 15px 22px;
			}
		.contentSpace .altCol {
			width:358px;
			float:right;
		}
			.contentSpace .altCol .header, .contentSpace .altCol .body {
				padding:0 10px 10px 10px;
			}
			.contentSpace .altCol .header a { color:#420077; }
				.contentSpace .altCol .header a:hover { color:#dc2ba3; }
		.contentSpace .content {
			border-bottom:solid 1px #a299a8;
			padding:22px 0 0 0;
			background:#f8f8f8 url(../../images/bg_content.png) 0 top no-repeat;
		}
		.contentSpace h2 {
			height:27px;
			background:url(../../images/h2_sprite.png) 0 0 no-repeat;
		}
			.contentSpace h2 a {
				height:27px;
				display:block;
			}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {}
		.mainCol #comments h3 {
			font-size:14px; color:#420077;
		}
		#comments ul { padding:0 0 10px 0; }
			#comments ul li.noContent {
				background:none;
			}
			#comments ul li {}
				#comments ul li .content { border-bottom:none; padding:10px 0; background:none; }
				#comments ul li .contentBox { padding:10px; }
				#comments ul li .avatar {
					width:50px; padding:0 0 1px 0;
					float:left;
				}
				.mainCol #comments ul li .info {
					width:440px;
					word-wrap:break-word;
					float:right;
				}
					.mainCol #comments ul li .info h4 {
						padding:0 0 3px 0;
						font-size:15px;
					}
					.mainCol #comments ul li .info .posted { padding:0 0 5px 0; font-size:10px; display:block; }
						.mainCol #comments ul li .info .posted a { font-weight:bold; cursor:default; }
		#comments a.btn_postComment {
			width:108px; height:19px;
			background:url(../../images/btn_sprite.png) -166px -96px no-repeat;
			text-indent:-3000px;
			display:block; overflow:hidden;
		}
			#comments a.btn_postComment:hover {
				background-position:-166px -115px;
			}	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		padding:8px 20px 8px 26px;
		background:url(../../images/bg_footer.jpg) 0 0 repeat;
		font-size:10px; color:#fff;
	}
		#footer a {
			color:#fff;
		}
			#footer a:hover {
				color:#dc2ca3;
			}
		#footer .info {
			float:left;
		}
			#footer .info span { padding:7px 0; font-size:9px; display:block; }
		#footer ul {
			padding:14px 0 0 0;
			float:left;
		}
			#footer ul li {
				display:inline; float:left;
			}
				#footer ul li.policy {
					padding:0 20px 0 25px;
				}
				#footer ul li.siteMap {
					
				}
		#footer ul.social {
			padding:6px 0 0 0;
			float:right;
		}
			#footer ul.social li { 
				margin:0 10px 0 0;
			}
				#footer ul.social li a {
					height:22px;
					background:url(../../images/footer_sprite.png) 0 0 no-repeat;
					display:block;
				}
				#footer ul.social li.ms a {
					width:18px;
					background-position:0 0;
				}
					#footer ul.social li.ms a:hover { background-position:0 -22px; }
				#footer ul.social li.yt a {
					width:47px;
					background-position:-28px 0;
				}
					#footer ul.social li.yt a:hover { background-position:-28px -22px; }
				#footer ul.social li.il a {
					width:34px;
					background-position:-85px 0;
				}
					#footer ul.social li.il a:hover { background-position:-85px -22px; }
				#footer ul.social li.fb a {
					width:53px;
					background-position:-127px 0;
				}
					#footer ul.social li.fb a:hover { background-position:-127px -22px; }
				#footer ul.social li.ef a {
					width:50px;
					background-position:-189px 0;
				}
					#footer ul.social li.ef a:hover { background-position:-189px -22px; }
				#footer ul.social li.mr a {
					width:18px;
					background-position:-247px 0;
				}
					#footer ul.social li.mr a:hover { background-position:-247px -22px; }