@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - STEEL PANTHER MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sp_main.css
	Date:			Nov 3, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	.altText {
		text-indent:-3000px;
		display:block;
		font:2px Arial, Helvetica, sans-serif;
	}
	.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%;
	}
	body {
		background:#000 url(../../images/bg_body.jpg) top center no-repeat;
	}
	.sparks {
		background:url(../../images/bg_sparks.png) top center repeat-y;
	}
	.contentMiddle {
		background:url(../../images/bg_contentSpaceMiddle.png) top center repeat-y;
	}
	.contentTop {
		background:url(../../images/bg_top.png) top center no-repeat;
	}
	.contentBottom{
		background:url(../../images/bg_contentSpaceBottom.png) bottom center no-repeat;
	}
	#main {
		padding:0 0 120px 0;
		margin:0 auto;
		width:960px;
	}


/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		padding:14px 0 0 0;
		width:946px;
	}
		#header .unibar {
			padding:0 0 240px 40px;
			width:920px;
			font:bold 10px Arial, Helvetica, sans-serif;
			color:#bbbaba;
		}
			#header .unibar a:link, #header .unibar a:active, #header .unibar a:visited {
				color:#FFFFFF;
				text-decoration:none;
			}
				#header .unibar a:hover {
					color:#fac919;
				}
			#header .unibar .yellow {
				color:#fac919;
			}
			
	/*navbar*/
		#header .navBar {
			margin:0 0 175px 75px;
			width:860px;
		}
			#header .navBar ul {
				list-style:none;
			}
				#header .navBar ul li {
					padding:0 40px 7px 0;
					display:inline;
					float:left;
				}
					#header .navBar ul li.lead {
						padding:0 40px 7px 0;
					}
					#header .navBar ul li.bottomLead {
						padding:0 37px 7px 16px;
					}
				
				/*home*/
				#header .navBar .home a:link, #header .navBar .home a:active, #header .navBar .home a:visited {
					width:73px; height:35px;
					background:url(../../images/navHome.png) top no-repeat;
					display:block;
				}					
					#header .navBar .home a:hover {
						background-position:bottom;
					}
					#header .navBar .home img {
						width:73px; height:35px;
					}
					#header .navBar .home.active a {
						background-position:bottom;
					}

				/*videos and music*/
				#header .navBar .videosMusic a:link, #header .navBar .videosMusic a:active, #header .navBar .videosMusic a:visited {
					width:184px; height:35px;
					background:url(../../images/navVideosMusic.png) top center no-repeat;
					display:block;
				}
					#header .navBar .videosMusic a:hover {
						background-position:bottom;
					}
					#header .navBar .videosMusic img {
						width:184px; height:35px;
					}
					#header .navBar .videosMusic.active a {
						background-position:bottom;
					}
				/*bios*/
				#header .navBar .bios a:link, #header .navBar .bios a:active, #header .navBar .bios a:visited {
					width:55px; height:35px;
					background:url(../../images/navBios.png) top center no-repeat;
					display:block;
				}
					#header .navBar .bios a:hover {
						background-position:bottom;
					}
					#header .navBar .bios img {
						width:55px; height:35px;
					}
					#header .navBar .bios.active a {
						background-position:bottom;
					}
				/*photos*/
				#header .navBar .photos a:link, #header .navBar .photos a:active, #header .navBar .photos a:visited {
					width:91px; height:35px;
					background:url(../../images/navPhotos.png) top center no-repeat;
					display:block;
				}
					#header .navBar .photos a:hover {
						background-position:bottom;
					}
					#header .navBar .photos img {
						width:91px; height:35px;
					}
					#header .navBar .photos.active a {
						background-position:bottom;
					}
				/*shows*/
				#header .navBar .shows a:link, #header .navBar .shows a:active, #header .navBar .shows a:visited {
					width:87px; height:35px;
					background:url(../../images/navShows.png) top center no-repeat;
					display:block;
				}
					#header .navBar .shows a:hover {
						background-position:bottom;
					}
					#header .navBar .shows img {
						width:87px; height:35px;
					}
					#header .navBar .shows.active a {
						background-position:bottom;
					}
				/*store*/
				#header .navBar .store a:link, #header .navBar .store a:active, #header .navBar .store a:visited {
					width:74px; height:35px;
					background:url(../../images/navStore.png) top center no-repeat;
					display:block;
				}
					#header .navBar .store a:hover {
						background-position:bottom;
					}
					#header .navBar .store img {
						width:74px; height:35px;
					}
					#header .navBar .store.active a {
						background-position:bottom;
					}
					
				/*extras*/
				#header .navBar .extras a:link, #header .navBar .extras a:active, #header .navBar .extras a:visited {
					width:96px; height:35px;
					background:url(../../images/navExtras.png) top center no-repeat;
					display:block;
				}
					#header .navBar .extras a:hover {
						background-position:bottom;
					}
					#header .navBar .extras img {
						width:96px; height:35px;
					}
					#header .navBar .extras.active a {
						background-position:bottom;
					}
				/*ringtones*/
				#header .navBar .ringtones a:link, #header .navBar .ringtones a:active, #header .navBar .ringtones a:visited {
					width:133px; height:35px;
					background:url(../../images/navRingtones.png) top center no-repeat;
					display:block;
				}
					#header .navBar .ringtones a:hover {
						background-position:bottom;
					}
					#header .navBar .ringtones img {
						width:133px; height:35px;
					}
					#header .navBar .ringtones.active a {
						background-position:bottom;
					}
				/*community*/
				#header .navBar .community a:link, #header .navBar .community a:active, #header .navBar .community a:visited {
					width:157px; height:35px;
					background:url(../../images/navCommunity.png) top center no-repeat;
					display:block;
				}
					#header .navBar .community a:hover {
						background-position:bottom;
					}
					#header .navBar .community img {
						width:157px; height:35px;
					}
					#header .navBar .community.active a {
						background-position:bottom;
					}
				/*kyte*/
				#header .navBar .kyte a:link, #header .navBar .kyte a:active, #header .navBar .kyte a:visited {
					width:65px; height:35px;
					background:url(../../images/navKyte.png) top center no-repeat;
					display:block;
				}
					#header .navBar .kyte a:hover {
						background-position:bottom;
					}
					#header .navBar .kyte img {
						width:65px; height:35px;
					}
					#header .navBar .kyte.active a {
						background-position:bottom;
					}
				/*press*/
				#header .navBar .press a:link, #header .navBar .press a:active, #header .navBar .press a:visited {
					width:76px; height:35px;
					background:url(../../images/navPress.png) top center no-repeat;
					display:block;
				}
					#header .navBar .press a:hover {
						background-position:bottom;
					}
					#header .navBar .press img {
						width:76px; height:35px;
					}
					#header .navBar .press.active a {
						background-position:bottom;
					}
				/*signup*/
				#header .navBar .signup a:link, #header .navBar .signup a:active, #header .navBar .signup a:visited {
					width:101px; height:35px;
					background:url(../../images/navSignUp.png) top center no-repeat;
					display:block;
				}
					#header .navBar .signup a:hover {
						background-position:bottom;
					}
					#header .navBar .signup img {
						width:101px; height:35px;
					}
					#header .navBar .signup.active a {
						background-position:bottom;
					}
						
					
		/*media player styles*/
		#header .flaHolder {
			font:normal 9px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#mediaPlayer {
			margin:0 0 0 347px;
			width:267px; height:99px;
		}
			#mediaPlayer p {
				padding:95px 0 0 0;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.contentSpace {
		width:960px;
	}
		.contentSpace .mainCol {
			padding:80px 0 0 90px;
			width:470px;
			float:left;
			background:url(../../images/bg_mainCol.png) top center no-repeat;
		}
		.contentSpace .altCol {
			width:400px;
			float:left;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	altCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.altCol .membership {
			width:275px; height:150px;
		}
			.altCol .membership h1 {
				width:210px; height:51px;
				background:url(../../images/h1_altLogin.png) no-repeat;
			}
			.altCol .membership .login {
				font:normal 10px Arial, Helvetica, sans-serif;
				font-style:italic;
				color:#a6a4a4;
			}
				.altCol .membership .login a:link, .altCol .membership .login a:active, .altCol .membership .login a:visited {
					font:normal 10px Arial, Helvetica, sans-serif;
					font-style:italic;
					color:#fac919;
					text-decoration:none;
				}
					.altCol .membership .login a:hover {
						color:#fff10b;
					}	
				.altCol .membership .join {
					padding:10px 0 0 5px;
					width:203px; height:48px;
					background:url(../../images/bg_join.png) no-repeat;
				}
					.altCol .membership .join .joinLink {
						margin:0 56px 0 0;
						width:66px; height:40px;
						display:inline;
						float:left;
					}
						.altCol .membership .join .joinLink a:link, .altCol .membership .join .joinLink a:active, .altCol .membership .join .joinLink a:visited {
							width:66px; height:40px;
							background:url(../../images/btn_join.png) no-repeat;
							display:block;
						}
							.altCol .membership .join .joinLink a:hover {
								background:url(../../images/btn_joinHover.png) no-repeat;
							}
					 .membership a.logout:link, .membership a.logout:active, .membership a.logout:visited {
						width:101px; height:41px;
						background:url(../../images/btn_logout.png) top center no-repeat;
						display:inline;
						float:left;
					}
						 .membership a.logout:hover {
							background-position:bottom;
						}
	
					.altCol .membership .join .loginLink {
						width:81px; height:41px;
						display:inline;
						float:left;
					}
						.altCol .membership .join .loginLink a:link, .altCol .membership .join .loginLink a:active, .altCol .membership .join .loginLink a:visited {
							width:81px; height:41px;
							background:url(../../images/btn_login.png) no-repeat;
							display:block;
						}	
							.altCol .membership .join .loginLink a:hover {
								background:url(../../images/btn_loginHover.png) no-repeat;
							}
						
						
			.altCol .adSpace {
				margin:0 0 25px 0;
				width:301px; height:252px;
			}
				.altCol .adSpace a {
				border:none;
			}
				.altCol .adSpace a img {
				border:none;
				display:block;
			}
			
			
			.altCol .adSpace2 {
				margin:0 0 25px 0;
				width:301px;
			}
				.altCol .adSpace a {
				border:none;
			}
				.altCol .adSpace a img {
				border:none;
				display:block;
			}
			
			.altCol .adSpace3 {
				margin:0 0 25px 0;
				width:300px; height:81px;
			}
				.altCol .adSpace a {
				border:none;
			}
				.altCol .adSpace a img {
				border:none;
				display:block;
			}
			/* community styles */
			
			.altCol .community {
			
			}
				.altCol .community h1 {
					margin:0 0 15px 0;
					width:155px; height:57px;
					background:url(../../images/h1_altCommunity.png) no-repeat;
				}
				
				.altCol .community .commBar {
				
				}
					.altCol .community .commBar .left {
						padding:0 30px 0 0;
						float:left;
					}
					
					.altCol .community .commBar .right {
						padding:15px 0 0 0;
						float:left;
					}
					
					
			/* posts */
			.altCol .community .commBar .left .posts {
			
			}
				.altCol .community .commBar .left .posts h2 {
					margin:0 0 20px 0;
					width:64px; height:20px;
					background:url(../../images/h2_posts.png) no-repeat;
				}
				.altCol .community .commBar .left .posts .entry {
					margin:0 0 10px 0;
				}
					.altCol .community .commBar .left .posts .entry .post {
						font:italic 10px Arial, Helvetica, sans-serif;
					}
						.altCol .community .commBar .left .posts .entry .post a:link, .altCol .community .commBar .left .posts .entry .post a:active, .altCol .community .commBar .left .posts .entry .post a:visited {
						font:italic 10px Arial, Helvetica, sans-serif;
						text-decoration:none;
						color:#ffce0b;
					}
						.altCol .community .commBar .left .posts .entry .post a:hover {
							color:#fff10b;
						}
					.altCol .community .commBar .left .posts .entry .author {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#a6a4a4;
					}
						.altCol .community .commBar .left .posts .entry .author a:link, .altCol .community .commBar .left .posts .entry .author a:active, .altCol .community .commBar .left .posts .entry .author a:visited {
							font:normal 9px Arial, Helvetica, sans-serif;
							color:#ffce0b;
							text-decoration:none;
						}
							.altCol .community .commBar .left .posts .entry .author a:hover {
								color:#fff10b;
							}
						
			
						
			/*members*/
			.altCol .community .commBar .left .members {
				
			}
				.altCol .community .commBar .left .members h2 {
					margin:0 0 20px 0;
					width:81px; height:20px;
					background:url(../../images/h2_members.png) no-repeat;
				}
				.altCol .community .commBar .left .members .entry {
					margin:0 0 12px 0;
					width:60px;
				}
					.altCol .community .commBar .left .members .entry a:link, .altCol .community .commBar .left .members .entry a:active, .altCol .community .commBar .left .members .entry a:visited {
						font:bold 9px Arial, Helvetica, sans-serif;
						color:#ffce0b;
						text-decoration:none;
					}
						.altCol .community .commBar .left .members .entry a:hover {
							color:#fff10b;
						}
					.altCol .community .commBar .left .members .entry a.userPic:link, .altCol .community .commBar .left .members .entry a.userPic:active, .altCol .community .commBar .left .members .entry a.userPic:visited {
						width:50px;
						display:block;
						border:1px solid #ffce0b;
						text-align:center;
					}
						.altCol .community .commBar .left .members .entry a.userPic:hover {
							border:1px solid #fff10b;
						}
			
			/*photos*/
			.altCol .community .commBar .right .photos {
			
			}
				.altCol .community .commBar .right .photos h2 {
					margin:0 0 10px 0;
					width:71px; height:20px;
					background:url(../../images/h2_photos.png) no-repeat;
				}
				.altCol .community .commBar .right .photos .entry {
					margin:0 0 10px 0;
				}
					 .altCol .community .commBar .right .photos .entry a:link, .altCol .community .commBar .right .photos .entry a:active, .altCol .community .commBar .right .photos .entry a:visited {
						width:100px;
						display:block;
						border:1px solid #ffce0b;
						text-align:center;
					 }
						.altCol .community .commBar .right .photos .entry a:hover {
							border:1px solid #fff10b;
						}
						
			/*more link styles*/
			 .altCol a.more:link, .altCol a.more:active, .altCol a.more:visited  {
			 	margin:0 0 40px 0;
				font:italic 9px Arial, Helvetica, sans-serif;
				color:#ffce0b;
				text-decoration:none;
				display:block;
			}
				.altCol a.more:hover {
					color:#fff10b;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#footer {
		padding:0 0 0 120px;
		width:840px;
		font:bold 10px Arial, Helvetica, sans-serif;
		color:#bbbaba;
	}
	
		#footer h1 {
			position:absolute;
			left:50%;
			margin-left:-400px;
			top:610px;
		}
		
		#footer .adSpace {
			margin:0 0 20px 0;
			width:730px; height:91px;
		}
			#footer .adSpace a {
				border:none;
			}
				#footer .adSpace a img {
				border:none;
				display:block;
			}
		#footer .contentHolder {
			margin:0 0 0 70px;
		}
		#footer a:link, #footer a:active, #footer a:visited{
			margin:0 10px 0 10px;
			font:bold italic 10px Arial, Helvetica, sans-serif;
			color:#ffce0b;
			text-decoration:none;
		}
			#footer a:hover {
				color:#fff10b;
			}
		#footer .logo {
			margin:0 0 0 196px;
			width:231px; height:92px;
			background:url(../../images/footer_logo.png) no-repeat;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	logged in Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
 .user {
		font:normal 9px Arial, Helvetica, sans-serif;
		color:#c7c5c5;
	}
		 .user .caption {
			margin:0 5px 0 0;
		}
		 .user a:link, .user a:active, .user a:visited {
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#fac919;
			text-decoration:none;
		}
			 .user a:hover {
				color:#ffce0b;
			}
			
		 .userNav ul {
			list-style:none;
		}
		 .userNav ul li {
				padding:0 2px 0 2px;
				float:left;
				display:inline;
				color:#c7c5c5;
				font-size:10px;
			}
			
		 .userNav ul a:link, .userNav ul a:active, .userNav ul a:visited {
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#fac919;
			text-decoration:none;
		}
			 .userNav ul a:hover {
				color:#ffce0b;
			}
			
			
/*	--------------------------------------------------------------------------------------------------------------------------
	noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
			
	.noContent {
		text-align:center;
		padding:10px 0 10px 0; margin:10px 0 10px 0;
		width:420px;
		border:1px dashed #ffce0b;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#ffce0b;
	}