@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MALLARY HOPE PHOTOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		mh_photos.css
	Date:			Jul 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

	
/*	--------------------------------------------------------------------------------------------------------------------------
	active Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#nav li.photos a {
		background-position:-716px -20px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#contentSpace h2 {
		width:417px; height:38px;
		margin:0 auto 12px auto;
		background:url(../../images/h2_photos.png) no-repeat;
	}


/* stack styles */
.holder {
	width:155px; height:155px;
	float:left;
}
.stack {
	display:inline;
	float:left;
	background:url(../../images/stack_bottom.png) bottom left no-repeat;
}
	.stack .stack1 {
		background: url(../../images/stack_right.png) top right no-repeat;
	}
	.stack .stack2 {
		padding:0 4px 4px 0;
		background:url(../../images/stack_br.png) bottom right no-repeat;
	}
	.stack .stack3 {
		padding:0px 0 0 0px;
	}
	.stack a img {
		border:1px solid black;
		display:block;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol .pagination {
		height:26px;
		margin:16px 0 0 0;
		background-color:#d79c2d;
		font:11px Arial, Helvetica, sans-serif;
		line-height:26px;
		text-indent:8px;
	}
		#mainCol .pagination .view {
			float:left;
		}
			#mainCol .pagination .view a {
				color:#ffffff;
			}			
		#mainCol .pagination .prevNext {
			width:111px;
			padding:0; margin:5px 0 0 0;
			background:url(../../images/bg_pagination.png) 51px 0 no-repeat;
			float:right;
		}
			#mainCol .pagination .prevNext .prev {
				width:43px; height:15px;
				background:url(../../images/btn_pagination_prev.png) 0 -30px no-repeat;
				float:left;
			}
				#mainCol .pagination .prevNext .prev a {
					width:43px; height:15px;
					background:url(../../images/btn_pagination_prev.png) 0 0 no-repeat;
					display:block;
				}
					#mainCol .pagination .prevNext .prev a:hover {
						background-position:0 -15px;
					}
			#mainCol .pagination .prevNext .next {
				width:43px; height:15px;
				padding:0 8px 0 0;
				background:url(../../images/btn_pagination_next.png) 0 -30px no-repeat;
				float:right;
			}				
				#mainCol .pagination .prevNext .next a {
					width:43px; height:15px;
					background:url(../../images/btn_pagination_next.png) 0 0 no-repeat;
					display:block;
				}
					#mainCol .pagination .prevNext .next a:hover {
						background-position:0 -15px;
					}
	#mainCol .photosList {
		margin:7px 0 0 0;
		background:url(../../images/bg_photos.png) 0 0;
		list-style:none;
	}
		#mainCol .photosList li {
			border-right:1px dashed #93540a;
			width:165px; height:225px;
			padding:0 0 0 11px; margin:10px 0 21px 0;
			float:left;
		}
			#mainCol .photosList li.noBorder {
				border:none;
			}
			#mainCol .photosList li a {
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#fe3300;
				display:inline;
			}
				#mainCol .photosList li a:hover {
					color:#fff;
				}
					#mainCol .photosList li a.photoItem {
						width:150px; height:100px;
						padding:1px 0 0 1px; margin:0 0 13px 0;
						display:block;
					}
			#mainCol .photosList li .date {
				display:block;
			}
			#mainCol .photosList li a.btn_viewPhoto {
				width:75px; height:19px;
				margin:10px 0 0 0;
				background:url(../../images/btn_viewPhoto.png) 0 0 no-repeat;
				display:block;
			}
				#mainCol .photosList li a.btn_viewPhoto:hover {
					background-position:0 -19px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	photos single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol .detail {
		width:517px;
		margin:25px auto 25px auto;
	}
		#mainCol .detail h3 {
			margin:0 0 12px 0;
			font:bold 16px Arial, Helvetica, sans-serif;
			color:#2e1b10;
			display:block;
		}
		#mainCol .detail .info {
			padding:0 0 15px 0;
		}
			#mainCol .detail .info .date {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#943903;
				display:block;
				float:left;
			}
			#mainCol .detail .info .social {
				height:15px;
				float:right;
			}
				#mainCol .detail .info .social .views {
					margin:0 8px 0 0; padding:0 0 0 54px;
					background:url(../../images/photoViews.png) 0 2px no-repeat;
					float:left;
					display:inline-block;
				}
				#mainCol .detail .info .social .share {
					padding:4px 0 0 26px;
					background:url(../../images/giftBox.png) 0 2px no-repeat;
					float:left;
					display:inline-block;
				}
					#mainCol .detail .info .social a.btn_share {
						width:34px; height:10px;
						background:url(../../images/photoShare.png) 0 0 no-repeat;
						display:block;
					}
						#mainCol .detail .info .social a.btn_share:hover {
							background-position:0 -11px;
						}
		#mainCol .detail .imageHolder {
			border:1px solid #000;
			padding:6px 0;
			background:url(../../images/bg_photoSingle.jpg) top center repeat-y;
			display:block;
		}
			#mainCol .detail img {
				border:1px solid #000;
				margin:0 auto;
				display:block;
			}
		#mainCol .detail .pagerHolder {
			margin:0;
			border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;
			background:url(../../images/bg_photoSingle.jpg) top center repeat-y;
		}
			#mainCol .detail .pagerHolder .photosPager {
				margin:0 0 0 175px; padding:10px 0;
				display:inline-block;
			}
				#mainCol .detail .pagerHolder .photosPager a.prev {
					width:54px; height:26px;
					background:url(../../images/btn_prev.jpg) 0 0 no-repeat;
					float:left;
				}
					#mainCol .detail .pagerHolder .photosPager a.prev:hover {
						background-position:bottom;
					}
				#mainCol .detail .pagerHolder .photosPager .number {
					padding:5px 7px 0 7px;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#653107;
					display:block;
					float:left;
				}
					#mainCol .detail .pagerHolder .photosPager .number .current {
						color:#fff;
					}
				#mainCol .detail .pagerHolder .photosPager a.next {
					width:54px; height:26px;
					background:url(../../images/btn_next.jpg) 0 0 no-repeat;
					float:left;
				}
					#mainCol .detail .pagerHolder .photosPager a.next:hover {
						background-position:bottom;
					}