@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - ELECTRIK RED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		er_photos.css
	Date:			January 28, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#nav li#navPhotos a {
		background-position:-367px -57px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	contentHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	#contentHolder #mainCol {
		margin:0 7px 0 0;
		width:620px;
		float:left;
	}
	#contentHolder #altCol {
		margin:30px 0 0 0;
		width:306px;
		float:left;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#mainCol .header {
		margin:0 0 3px 0; padding:14px 15px 0 15px;
		width:585px; height:36px;
		background:url(../../images/bg_header_mainCol.jpg) no-repeat;
	}
		#mainCol .header h2 {
			width:93px; height:28px;
			background:url(../../images/h2_photos.png) no-repeat;
			float:left;
		}
		#mainCol .header a.btnViewMorePhotos {
			margin:8px 0 0 0;
			width:135px; height:13px;
			background:url(../../images/btn_viewMorePhotos.png) 0 top no-repeat;
			display:block;
			float:right;
		}
			#mainCol .header a.btnViewMorePhotos:hover, #mainCol .header a.btnViewMorePhotos:active {
				background-position:bottom;
			}
	
	/*	gallery */
	#mainCol #photos {
		padding:33px 0 30px 65px;
		width:550px;
		background:#fff url(../../images/bg_entry.jpg) no-repeat;
	}
		#mainCol #photos .entry {
			margin:0 61px 10px 0;
			width:212px; height:270px;
			text-align:center;
			display:inline;
			float:left;
		}
			#mainCol #photos .entry .photoHolder {
				padding:6px;
				background:#a25f5f;
			}
				#mainCol #photos .entry .photoHolder img {
					display:block;
				}
			#mainCol #photos .entry h3 {
				margin:12px 0 0 0;
				height:38px;
				font:normal 14px Arial, Helvetica, sans-serif;
				color:#cf1717;
				line-height:18px;
				overflow:hidden;
			}
					
	/* photoLarge */
	#mainCol #photoLarge {
		padding:78px 0 110px 0;
		width:615px;
		background:#fff url(../../images/bg_entry.jpg) no-repeat;
	}
		#mainCol #photoLarge .control {
			margin:10px 30px 10px 0;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#892e2e;
			text-align:right;
		}
		#mainCol #photoLarge .btnHolder {
			margin:0 auto 10px auto;
			width:416px;
			text-align:right;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#892e2e;
		}
		#mainCol #photoLarge .photo {
			margin:0 auto; padding:8px;
			width:400px;
			background:#a25f5f;
		}
			#mainCol #photoLarge .photo img {
				width:400px;
				display:block;
			}
	
	/* thumbnails */
	#mainCol #thumbnails {
		margin:7px 0 0 0;
	}
		#mainCol #thumbnails .thumbnail {
			margin:0 4px 4px 0;
			width:120px; height:128px;
			background:url(../../images/bg_thumbnail.jpg) no-repeat;
			float:left;
		}
			#mainCol #thumbnails .thumbnail a {
				margin:7px auto 0 auto;
				width:100px; height:100px;
				border:2px solid #a25f5f;
				display:block;
			}
				#mainCol #thumbnails .thumbnail a:hover {
					border:2px solid #ff0062;
				}
			#mainCol #thumbnails .thumbnail a img {
				width:100px; height:100px;
				display:block;
			}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#comments {
		padding:0 0 75px 0;
		width:620px;
		background:#fff;
	}
		#comments .header {
			margin:0 0 18px 63px; padding:0 0 0 10px;
			width:484px; height:25px;
			background:url(../../images/bg_header_comments.jpg) no-repeat;
		}
			#comments .header h2 {
				padding:0 0 0 78px;
				width:0px; height:25px;
				font:normal 18px Arial, Helvetica, sans-serif;
				color:#fff;
				background:url(../../images/h2_comments2.png) 0 5px no-repeat;
				float:left;
			}
			a.btn103 {
				margin:30px 0 0 63px;
			}
			.header a.btn103 {
				margin:3px 0 0 70px;
				font:bold 9px Verdana, Arial, Helvetica, sans-serif;
				background:url(../../images/btn_103_lightPink.png) 0 top no-repeat;
				float:left;
			}
				.header a.btn103:hover {
					background-position:bottom;
				}
		#comments .noContent {
			margin:0 0 0 63px;
			width:442px;
		}	
		
		#comments .entry {
			margin:0 0 10px 63px; padding:10px 0 10px 10px;
			width:484px;
			background:#f9dede url(../../images/bg_comment.jpg) no-repeat;
		}
			#comments .entry .userInfo {
				margin:0 22px 0 0;
				width:82px;
				font:normal 11px Arial, Helvetica, sans-serif;
				overflow:hidden;
				float:left;
			}
				#comments .entry .userInfo img {
					margin:0 0 2px 0;
					border:1px solid #f68eb0;
					display:block;
				}
			#comments .entry .content {
				margin:0; padding:0;
				width:380px;
				float:left;
			}
				#comments .entry .content span {
					margin:0 0 0 4px;
					font:normal 14px Arial, Helvetica, sans-serif;
					color:#e24545;
				}
				#comments .entry .content span.posted {
					margin:0 0 0 4px;
					color:#c15959;
					font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				}
				#comments .entry .content p {
					margin:0 0 10px 4px;
					color:#747474;
					font:normal 11px Arial, Helvetica, sans-serif;
					line-height:16px;
				}
				#comments .entry .content .hrComments {
					margin:3px 0 5px 0;
					width:380px; height:1px;
					background:url(../../images/hr_comments.png) no-repeat;
				}
					#comments .entry .content hr {
						display:none;
					}
				#comments .entry .content .hrComments2 {
					margin:0 0 4px 0;
					width:380px; height:1px;
					background:url(../../images/hr_comments2.png) no-repeat;
				}