@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Black Joe Lewis MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		blackjoelewis_main.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("../css/blackjoelewis_components.css");
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		margin:0;
		background:#2a1409 url(../../imagescommunity/sky_bg.jpg) top center no-repeat fixed;
		color:#aeaeae;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
img{border: none;}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		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 {
		width:960px;
		margin:0 auto;
		background:#000 url(../../imagescommunity/mainBg.jpg);
	}
	.contentHolder {
		background:#000 url(../../imagescommunity/mainBg.jpg);
		width: 100%;

		
	}
		.contentHolder .adHolder {
			width:300px; height:272px;
			padding:10px 10px 0 10px;
			background:#cbc3b6;
			float:left;
			font:normal 8px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing:1px;
			color:#FFF;
		}
	a:link, a:active {
		color:#000;
		text-decoration:none;
	}
		a:visited {
			color:#333;
			text-decoration:none;
		}
		a:hover {
			color:#333;
			text-decoration:none;
		}


/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#header {
	background: url(../../imagescommunity/headerBg.jpg) no-repeat;
	clear: both;
	float: left;
	height: 127px;
	width: 966px;
}
		#header div {
			
		}
		#header .brand {
			width:220px; height:118px;
			margin:12px 0 0 2px;
			float:left;
			behavior: url("shared/css/iepngfix.htc");
			background:url(../../imagescommunity/hdr_sugarlandLogo.png) no-repeat;
		}
			#header .brand a {
				width:222px; height:130px;
				display:block;
			}
		#header .brandCommunity {
			width:220px; height:118px;
			margin:12px 0 0 2px;
			float:left;
			behavior: url("shared/css/iepngfix.htc");
			background:url(../../imagescommunity/hdr_sugarlandCommunityLogo.png) no-repeat;
		}
			#header .brandCommunity a {
				width:222px; height:130px;
				display:block;
			}
		
		#header .adHolder {
			width:728px; height:92px;
			padding:2px 2px 0 2px; margin:22px 0 0 0;
			background:#ebad31;
			float:left;
			overflow:hidden;
		}
	#commStatus {
		height:22px;
		padding:0 6px 0 0;
	}
		#commStatus a.btn:link, #commStatus a.btn:active, #commStatus a.btn:visited {
			width:70px; height:16px;
			padding:2px 0 0 0;
			display:block;
			background:url(../../imagescommunity/btn_70.png) top left no-repeat;
			float:right;
			color:#815806;
			font:bold 11px Arial, Helvetica, sans-serif;
			text-decoration:none;
			text-align:center;
			text-transform:uppercase;
		}
			#commStatus a.btn:hover {
				background-position:bottom;
				color:#b8d0f2;
			}
		#commStatus .statusText {
			float:right;
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color:#824f17;
			padding: 2px 6px 0 6px;
		}
		#commStatus h2#sugarlandCommunity {
			width:170px; height:11px;
			margin:3px 0 0 0;
			background:url(../../imagescommunity/h2_sugarlandCommunity.gif) no-repeat;
			float:right;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#nav 

{

float: left;

width: 275px;

margin-left: 475px;

height: 115px;

margin-top: 12px;

border: none;

}

/*	--------------------------------------------------------------------------------------------------------------------------
	subNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol ul#subNav {
		width:604px; height:30px;
		padding:0;
		list-style:none;
	}
		#mainCol ul#subNav li {
			display:block;
			float:left;
		}
	/*	OVERVIEW */
	#mainCol ul#subNav li#subNavOverview {
		width:80px; height:30px;
	}
		#mainCol #subNavOverview a:link, #mainCol #subNavOverview a:visited {
			width:80px; height:30px;
			display:block;
			color:#593100;
			background:url(../../imagescommunity/subNavOverview.png) 0 0 no-repeat;
		}
			#mainCol #subNavOverview a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavOverview a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	GALLERY */
	#mainCol ul#subNav li#subNavGallery {
		width:78px; height:30px;
	}
		#mainCol #subNavGallery a:link, #mainCol #subNavGallery a:visited {
			width:78px; height:30px;
			display:block;
			color:#593100;
			background:url(../../imagescommunity/subNavGallery.png) 0 0 no-repeat;
		}
			#mainCol #subNavGallery a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavGallery a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	BLOG */
	#mainCol ul#subNav li#subNavBlog {
		width:50px; height:30px;
	}
		#mainCol #subNavBlog a:link, #mainCol #subNavBlog a:visited {
			width:50px; height:30px;
			display:block;
			color:#593100;
			background:url(../../imagescommunity/subNavBlog.png) 0 0 no-repeat;
		}
			#mainCol #subNavBlog a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavBlog a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	COMMENTS */
	#mainCol ul#subNav li#subNavComments {
		width:91px; height:30px;
	}
		#mainCol #subNavComments a:link, #mainCol #subNavComments a:visited {
			width:91px; height:30px;
			display:block;
			color:#593100;
			background:url(../../imagescommunity/subNavComments.png) 0 0 no-repeat;
		}
			#mainCol #subNavComments a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavComments a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	FRIENDS */
	#mainCol ul#subNav li#subNavFriends {
		width:75px; height:30px;
	}
		#mainCol #subNavFriends a:link, #mainCol #subNavFriends a:visited {
			width:75px; height:30px;
			display:block;
			color:#593100;
			background:url(../../imagescommunity/subNavFriends.png) 0 0 no-repeat;
		}
			#mainCol #subNavFriends a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavFriends a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	INBOX */
	#mainCol ul#subNav li#subNavInbox {
		height:30px;
	}
		#mainCol #subNavInbox a:link, #mainCol #subNavInbox a:visited {
			width:10px; height:23px;
			padding:7px 12px 0 50px;
			display:block;
			font:bold 13px Arial, Helvetica, sans-serif;
			color:#7a6040;
			background:url(../../imagescommunity/subNavInbox.png) no-repeat;
		}
			#mainCol #subNavInbox a:hover {
				color:#914900;
				background-position:0px -30px;
			}
			#mainCol #subNavInbox a:active {
				color:#f6f1e6;
				background-color:#8b4901;
				background-position:0px -60px;
			}
			
			
/*	--------------------------------------------------------------------------------------------------------------------------
	tourNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#tourNav {
		padding:0 0 0 4px;
		background:url(../../imagescommunity/tourNav_bg.png) no-repeat;
		list-style:none;
		width:900px; height:29px;
	}
	
		/* PHOTOS */
		ul#tourNav li#tourPhotos {
			width:62px; height:29px;
			margin:0 15px 0 0;
			float:left;
		}
			ul#tourNav li#tourPhotos img {
				width:62px;
			}
			li#tourPhotos a:link, li#tourPhotos a:visited {
				width:62px; height:29px;
				display:block;
				color:#593100;
				background:url(../../imagescommunity/nav_tourPhotos.png) 0 0 no-repeat;
			}
				li#tourPhotos a:hover {
					color:#e3dfd3;
					background-position:0px -29px;
				}
				li#tourPhotos a:active {
					color:#e3dfd3;
					background-position:0px -58px;
				}
				
		/* SET LIST */
		ul#tourNav li#tourSet {
			width:72px; height:29px;
			margin:0 15px 0 0;
			float:left;
		}
			ul#tourNav li#tourSet img {
				width:72px;
			}
			li#tourSet a:link, li#tourSet a:visited {
				width:72px; height:29px;
				display:block;
				color:#593100;
				background:url(../../imagescommunity/nav_tourSet.png) 0 0 no-repeat;
			}
				li#tourSet a:hover {
					color:#e3dfd3;
					background-position:0px -29px;
				}
				li#tourSet a:active {
					color:#e3dfd3;
					background-position:0px -58px;
				}
				
		/* MEDIA */
		ul#tourNav li#tourMedia {
			width:54px; height:29px;
			margin:0 15px 0 0;
			float:left;
		}
			ul#tourNav li#tourMedia img {
				width:54px;
			}
			li#tourMedia a:link, li#tourMedia a:visited {
				width:54px; height:29px;
				display:block;
				color:#593100;
				background:url(../../imagescommunity/nav_tourMedia.png) 0 0 no-repeat;
			}
				li#tourMedia a:hover {
					color:#e3dfd3;
					background-position:0px -29px;
				}
				li#tourMedia a:active {
					color:#e3dfd3;
					background-position:0px -58px;
				}
				
		/* COMMENTS */
		ul#tourNav li#tourComments {
			width:82px; height:29px;
			float:left;
		}
			ul#tourNav li#tourComments img {
				width:82px;
			}
			li#tourComments a:link, li#tourComments a:visited {
				width:82px; height:29px;
				display:block;
				color:#593100;
				background:url(../../imagescommunity/nav_tourComments.png) 0 0 no-repeat;
			}
				li#tourComments a:hover {
					color:#e3dfd3;
					background-position:0px -29px;
				}
				li#tourComments a:active {
					color:#e3dfd3;
					background-position:0px -58px;
				}
				
		ul#tourNav li a.active {
			color:#e3dfd3;
			background-position:0px -58px;
		}
	
			

/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPanel Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPanel {
		width:948px; height:105px;
		margin:2px 0 20px 0;
		background:url(../../imagescommunity/mediaPanel_bg.jpg) no-repeat;
	}
		#mediaPanel .buyLink {
			margin:55px 0 0 464px;
			float:left;
			display:inline;
		}
		#mediaPanel a.btnBuyNow:link, #mediaPanel a.btnBuyNow:active, #mediaPanel a.btnBuyNow:visited {
			width:95px; height:39px;
			display:block;
			background:url(../../imagescommunity/btn_buyNow.jpg) 0 0 no-repeat;
		}
			#mediaPanel a.btnBuyNow:hover {
				background-position:0 -39px;
			}
		#mediaPanel #audioPlayerHolder {
			width:277px; height:59px;
			margin:34px 0 0 70px;
			float:left;
			background: url(../../imagescommunity/audioPlayer_bg.jpg) no-repeat;
			color:#fad58b;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		}
			#mediaPanel #audioPlayer {
				padding:10px 10px 0 10px;
			}
			#mediaPanel #audioPlayerHolder a:link, #mediaPanel #audioPlayerHolder a:active, #mediaPanel #audioPlayerHolder a:visited {
				color:#fefbbf;
			}
				#mediaPanel #audioPlayerHolder a:hover {
					color:#e4efff;
				}


/*	--------------------------------------------------------------------------------------------------------------------------
	content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:604px;
		padding:0 4px 0 10px;
		float:left;
	}
	.titleBar {
		background: #785d39;
		border-bottom:1px solid #000;
	}
	.contentBox {
		background-image: url(../../imagescommunity/leftColBg.png);
		border-left:1px solid #aca394;
		border-right:1px solid #aca394;
	}
	.footerBar {
		background-image: url (../../imagescommunity/footerBg.jpg);
		border-left:1px solid #aca394;
		border-right:1px solid #aca394;
		border-bottom:1px solid #aca394;
	}
#footer {
	width:966px;
	height:50px;
	float:left;
	clear:both;
	background: url(../../imagescommunity/footerBg.jpg) no-repeat;
	margin: 1em 0 0;
	padding: 50px 0 0 50px;
	color: #2A1409;
	font-size: 10px;
	text-transform: uppercase;
}

	#altCol {
		width:320px;
		float:left;
	}
		#altCol .titleBar {
			background-image: url(../../imagescommunity/leftColBg.png);
			border-bottom:1px solid #7c3600;
		}
		#altCol .contentBox {
			background-image: url(../../imagescommunity/leftColBg.png);
			border:0;
		}
		#altCol .footerBar {
			background-image: url (../../imagescommunity/footerBg.jpg);
			border:0;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		
		background: url (../../imagescommunity/footerBg.jpg);
	}
		#footer .adHolder {
			width:728px; height:92px;
			margin:0 24px 0 0; padding:2px 2px 0 2px;
			
			float:left;
			overflow:hidden;
		}
		#footer .brand {
			width:158px; height:87px;
			float:left;
			background-image: url (../../imagescommunity/footerBg.jpg);
		}
			#footer .brand a {
				width:158px; height:87px;
				display:block;
			}
		#footer ul.iconBar {
			list-style:none;
			clear:both;
		}
			#footer ul.iconBar li {
				float:left;
				height:48px;
			}
			#footer ul.iconBar li a:hover {
				background-position:0 0px;
			}
				#footer li.myspace a:link, #footer li.myspace a:active, #footer li.myspace a:visited {
					width:40px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_myspace.png) 0 -48px no-repeat;
					text-decoration:none;
				}
					
				#footer li.youtube a:link, #footer li.youtube a:active, #footer li.youtube a:visited {
					width:85px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_youtube.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.cmt a:link, #footer li.cmt a:active, #footer li.cmt a:visited {
					width:62px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_cmt.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.gac a:link, #footer li.gac a:active, #footer li.gac a:visited {
					width:64px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_gac.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.ilike a:link, #footer li.ilike a:active, #footer li.ilike a:visited {
					width:70px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_iLike.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.facebook a:link, #footer li.facebook a:active, #footer li.facebook a:visited {
					width:93px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_facebook.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.mozes a:link, #footer li.mozes a:active, #footer li.mozes a:visited {
					width:100px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_mozes.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.eventful a:link, #footer li.eventful a:active, #footer li.eventful a:visited {
					width:93px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_eventful.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.isquad a:link, #footer li.isquad a:active, #footer li.isquad a:visited {
					width:89px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_isquad.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.fanclub a:link, #footer li.fanclub a:active, #footer li.fanclub a:visited {
					width:110px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_sugarlandFan.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.myreg a:link, #footer li.myreg a:active, #footer li.myreg a:visited {
					width:56px; height:48px;
					display:block;
					background:url(../../imagescommunity/icon_myReg.png) 0 -48px no-repeat;
					text-decoration:none;
				}
	
	#fineprint {
		margin:0 0 50px 0; padding:6px;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#7e776a;
		background:#484036;
	}
		#fineprint a:link, #fineprint a:active, #fineprint a:visited {
			color:#938c7f;
		}
			#fineprint a:hover {
				color:#ada597;
			}
		#fineprint .copy {
			width:600px;
			float:left;
		}
		#fineprint .credits {
			float:right;
		}
		#fineprint .credits a:link, #fineprint .credits a:active, #fineprint .credits a:visited {
			width:104px; height:12px;
			display:block;
			background:url(../../imagescommunity/siteByHalo.png) left top no-repeat;
		}
			#fineprint .credits a:hover {
				background-position:left bottom;
			}