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

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer h1{
		width:197px; height:68px;
		background:url(../../images/h1_photos.png) no-repeat;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace .mainCol {
		width:950px;
		margin:0 0 0 0; padding:0;
		background:url(../../images/bg_photos.png) no-repeat;
	}
	.mainCol .control span.paging {
		font:normal 10px Arial, Helvetica, sans-serif;
		color:#ffffff;
	}
	.mainCol .control a:link, .mainCol .control a:visited, .mainCol .control a:active {
		font:normal 10px Arial, Helvetica, sans-serif;
		color:#fac919;
		text-decoration:none;
	}
		.mainCol .control a:hover {
			color:#ffce0b;
		}
	
	
	/*	photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol .photoHolder {
		padding:60px 0 0 50px;
	}
	.mainCol .photoHolder .frameTop {
		padding:13px 0 0 0px;
		width:526px;
		background:url(../../images/frame_photoTop.jpg) top no-repeat;
		float:left;
	}
	.mainCol .photoHolder .frameBottom {
		width:512px;
		padding:0 0 49px 14px;
		background:url(../../images/frame_photoBottom.jpg) bottom no-repeat;
	}
		.mainCol .photoHolder .frameBottom .imgHolder {
			width:500px;
			background:black;
			text-align:center;
		}
			.mainCol .photoHolder .frameBottom .imgHolder img {
				margin:0 auto;
				display:block;
			}
		
	.mainCol .photoHolder .galleries {
		padding:0 0 0 10px;
		float:left;
		width:300px; height:400px;
		
	}
		.mainCol .photoHolder .galleries .entry {
			margin:0 20px 20px 0;
			width:125px; height:110px;
			float:left;
			text-align:center;
			display:inline;
		}
		
			.mainCol .photoHolder .galleries .entry a.galleryThumb {
				display:block;
				border:none;
			}
			.mainCol .photoHolder .galleries .entry a:link, .mainCol .photoHolder .galleries .entry a:active, .mainCol .photoHolder .galleries .entry a:visited {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#fac919;
				text-decoration:none;

			}
				.mainCol .photoHolder .galleries .entry a:hover {
					color:#fff10b;
				}
		
		
		/*	prev
		.mainCol .photoHolder .prev {
			margin:170px 0 0 0;
			width:169px; height:169px;
			background:url(../../images/btn_prev.png) top no-repeat;
			float:left;
		}
			.mainCol .photoHolder .prev:hover {
				background:url(../../images/btn_prevHover.png) top no-repeat;
			}
			.mainCol .photoHolder .prev a {
				width:169px; height:169px;
				display:block;
			}
		/*	next 
		.mainCol .photoHolder .next {
			margin:170px 0 0 0;
			width:169px; height:169px;
			background:url(../../images/btn_next.png) top no-repeat;
			display:inline;
			float:left;
		}
			.mainCol .photoHolder .next:hover {
				background:url(../../images/btn_nextHover.png) top no-repeat;
			}
			.mainCol .photoHolder .next a {
				width:169px; height:169px;
				display:block;
			}*/
	/*	thumbnails Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.mainCol .thumbnailHolder {
			padding:18px 0 30px 39px;
		}
			/*	thumbnail */
			.mainCol .thumbnailHolder .thumbnails {
				float:left;
			}
				.mainCol .thumbnailHolder .thumbnails .thumb {
					margin:0 10px 0 0;
					float:left;
				}
				.mainCol .thumbnailHolder .thumbnails .last {
					margin:0;
					float:left;
				}
					.mainCol .thumbnailHolder .thumbnails .thumb a:link, .mainCol .thumbnailHolder .thumbnails .thumb a:active, .mainCol .thumbnailHolder .thumbnails .thumb a:visited {
						width:100px; padding:1px;
						background:#ffce0b;
						text-align:center;
						display:block;
					}
						.mainCol .thumbnailHolder .thumbnails .thumb a:hover {
							background:#fff10b;
						}
					.mainCol .thumbnailHolder .thumbnails .thumb img {
						display:block;
					}
			/*	subPrev */
			.mainCol .thumbnailHolder .subPrev {
				margin:9px 0 0 0;
				width:61px; height:56px;
				background:url(../../images/btn_subPrev.png) top no-repeat;
				float:left;
			}
				.mainCol .thumbnailHolder .subPrev:hover {
					width:61px; height:56px;
					background:url(../../images/btn_subPrevHover.png) top no-repeat;
				}
				.mainCol .thumbnailHolder .subPrev a {
					width:61px; height:56px;
					display:block;
				}
			/*	subNext */
			.mainCol .thumbnailHolder .subNext {
				margin:9px 0 0 0;
				width:61px; height:56px;
				background:url(../../images/btn_subNext.png) top no-repeat;
				float:left;
			}
				.mainCol .thumbnailHolder .subNext:hover {
					width:61px; height:56px;
					background:url(../../images/btn_subNextHover.png) top no-repeat;
				}
				.mainCol .thumbnailHolder .subNext a {
					width:61px; height:56px;
					display:block;
				}
	/*	memberAd Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol .memberAd {
		float:left;
		padding:0 0 0 117px;
	}
	.mainCol .membership {
		width:275px; height:150px;
	}
		.mainCol .membership h1 {
			width:216px; height:51px;
			background:url(../../images/h1_altLogin.png) no-repeat;
		}
		.mainCol .membership .login {
			font:normal 10px Arial, Helvetica, sans-serif;
			font-style:italic;
			color:#a6a4a4;
		}
			.mainCol .membership .login a:link, .mainCol .membership .login a:active, .mainCol .membership .login a:visited {
				font:normal 10px Arial, Helvetica, sans-serif;
				font-style:italic;
				color:#fac919;
				text-decoration:none;
			}
				.mainCol .membership .login a:hover {
					color:#fff10b;
				}	
			.mainCol .membership .join {
				padding:10px 0 0 5px;
				width:203px; height:48px;
				background:url(../../images/bg_join.png) no-repeat;
			}
				.mainCol .membership .join .joinLink {
					margin:0 56px 0 0;
					width:66px; height:40px;
					display:inline;
					float:left;
				}
					.mainCol .membership .join .joinLink a:link, .mainCol .membership .join .joinLink a:active, .mainCol .membership .join .joinLink a:visited {
						width:66px; height:40px;
						background:url(../../images/btn_join.png) no-repeat;
						display:block;
					}
						.mainCol .membership .join .joinLink a:hover {
							background:url(../../images/btn_joinHover.png) no-repeat;
						}	
			.mainCol .membership .join .loginLink {
					width:81px; height:41px;
					display:inline;
					float:left;
				}
					.mainCol .membership .join .loginLink a:link, .mainCol .membership .join .loginLink a:active, .mainCol .membership .join .loginLink a:visited {
						width:81px; height:41px;
						background:url(../../images/btn_login.png) no-repeat;
						display:block;
					}	
						.mainCol .membership .join .loginLink a:hover {
							background:url(../../images/btn_loginHover.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;
						}
		.mainCol .adSpace {
			margin:0 0 25px 0;
			width:301px; height:252px;
		}
			.mainCol .adSpace a {
				border:none;
			}
				.mainCol .adSpace a img {
				border:none;
				display:block;
			}
		/* community styles */
		.mainCol .community {
			margin:0 0 0 88px;
			float:left;
		}
			.mainCol .community h1 {
				margin:0 0 15px 0;
				width:155px; height:56px;
				background:url(../../images/h1_altCommunity.png) no-repeat;
			}		
		/* posts */
		.mainCol .community .commBar .posts {
			margin:0 18px 0 0;
			width:117px;
			float:left;
		}
			.mainCol .community .commBar .posts h2 {
				margin:0 0 16px 0;
				width:64px; height:20px;
				background:url(../../images/h2_posts.png) no-repeat;
			}
			.mainCol .community .commBar .posts .entry {
				margin:0 0 13px 0;
			}
				.mainCol .community .commBar .posts .entry .post {
					width:107px; max-height:24px;
					font:italic 10px Arial, Helvetica, sans-serif;
					overflow:hidden;
				}
					.mainCol .community .commBar .posts .entry .post a:link, .mainCol .community .commBar .posts .entry .post a:active, .mainCol .community .commBar .posts .entry .post a:visited {
					font:italic 10px Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#ffce0b;
				}
					.mainCol .community .commBar .posts .entry .post a:hover {
						color:#fff10b;
					}
				.mainCol .community .commBar .posts .entry .author {
					margin:4px 0 0 0;
					width:107px; max-height:12px;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#a6a4a4;
					overflow:hidden;
				}
					.mainCol .community .commBar .posts .entry .author a:link, .mainCol .community .commBar .posts .entry .author a:active, .mainCol .community .commBar .posts .entry .author a:visited {
						font:normal 9px Arial, Helvetica, sans-serif;
						color:#ffce0b;
						text-decoration:none;
					}
						.mainCol .community .commBar .posts .entry .author a:hover {
							color:#fff10b;
						}
				.mainCol .community .commBar .posts .btnHolder {
					width:50px;
				}
		/*members*/
		.mainCol .community .commBar .members {
			margin:0 20px 0 0;
			width:100px;
			float:left;
		}
			.mainCol .community .commBar .members h2 {
				margin:0 0 9px 0;
				width:81px; height:20px;
				background:url(../../images/h2_members.png) no-repeat;
			}
			.mainCol .community .commBar .members .entry {
				margin:0 0 12px 0;
				width:60px;
			}
				.mainCol .community .commBar .members .entry a:link, .mainCol .community .commBar .members .entry a:active, .mainCol .community .commBar .members .entry a:visited {
					font:bold 9px Arial, Helvetica, sans-serif;
					color:#ffce0b;
					text-decoration:none;
				}
					.mainCol .community .commBar .members .entry a:hover {
						color:#fff10b;
					}
				.mainCol .community .commBar .members .entry a.userPic:link, .mainCol .community .commBar .members .entry a.userPic:active, .mainCol .community .commBar .members .entry a.userPic:visited {
					width:50px;
					display:block;
					border:1px solid #ffce0b;
					text-align:center;
				}
					.mainCol .community .commBar .members .entry a.userPic:hover {
						border:1px solid #fff10b;
					}
				.mainCol .community .commBar .members .btnHolder {
						width:65px;
					}
		/*photos*/
		.mainCol .community .commBar .photos {
			width:102px;
			float:left;
		}
			.mainCol .community .commBar .photos h2 {
				margin:0 0 9px 0;
				width:71px; height:20px;
				background:url(../../images/h2_photos.png) no-repeat;
			}
			.mainCol .community .commBar .photos .entry {
				margin:0 0 10px 0;
			}
				 .mainCol .community .commBar .photos .entry a:link, .mainCol .community .commBar .photos .entry a:active, .mainCol .community .commBar .photos .entry a:visited {
					width:100px;
					display:block;
					border:1px solid #ffce0b;
					text-align:center;
				 }
					.mainCol .community .commBar .photos .entry a:hover {
						border:1px solid #fff10b;
					}
					.mainCol .community .commBar .photos .btnHolder {
						width:55px;
					}
		/*more link styles*/
		 .mainCol a.more:link, .mainCol a.more:active, .mainCol a.more:visited  {
			margin:0 0 40px 0;
			font:italic 9px Arial, Helvetica, sans-serif;
			color:#ffce0b;
			text-decoration:none;
			display:block;
		}
			.mainCol a.more:hover {
				color:#fff10b;
			}