@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - HOLLY WILLIAMS PHOTOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		photos.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	body {
		font-family:Arial, Helvetica, sans-serif;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navPhotos a:link, #navPhotos a:visited {
		background-position:0 -42px;
	}
	#navPhotos a:hover {
		background-position:0 -21px;
	}
	#mediaPanel {
		margin:40px 0 20px;
	}
	#mediaPanel .albumCover {
		margin:0 0 0 0px;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		
	}
		#photos .titleBar {
			height:32px;
			padding:0 0 0 5px;
		}
			#photos .titleBar h1#h1_photos {
				width:91px; height:36px;
				background:url(../../images/h1_photos.png) no-repeat;
			}
		#photos .contentBox {
			padding:0 0 15px 0;
			border-bottom:1px solid #aca394;
		}
		
		/*	viewingBar Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		#photos .contentBox .viewingBar {
			margin:5px 0 6px 0;
			font:bold 11px Arial, Helvetica, sans-serif;
			width:545px;
			color:#5b5448;
		}
			#photos .contentBox .viewingBar .viewing {
				width:475px;
				text-align:center;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#5b5448;
				float:left;
			}
			#photos .contentBox .viewingBar .prev {
				float:left;
			}
				#photos .contentBox .viewingBar a.btnPrev {
					padding:0 0 0 5px;
					color:#427e91;
					background:url(../../images/arrow_left_blue.png) 0 5px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					display:block;
				}
					#photos .contentBox .viewingBar a.btnPrev:hover {
						color:#f5f1e6;
						background:url(../../images/arrow_left_cream.png) 0 5px no-repeat;
					}
			#photos .contentBox .viewingBar .next {
				float:right;
			}
			#photos .contentBox .viewingBar a.btnNext {
				width:33px;
				color:#427e91;
				background:url(../../images/arrow_right_blue.png) 28px 5px no-repeat;
				font:bold 11px Arial, Helvetica, sans-serif;
				display:block;
			}
				#photos .contentBox .viewingBar a.btnNext:hover {
					color:#f5f1e6;
					background:url(../../images/arrow_right_cream.png) 28px 5px no-repeat;
				}
			#photos .contentBox a.btnBackTo {
				font:bold 12px Arial, Helvetica, sans-serif;
				width:103px;
				margin:0 0 0 470px;
				color:#47899f;
				display:block;
				background:url(../../images/arrow_right_blue.png) 97px 5px no-repeat;
			}
				#photos .contentBox a.btnBackTo:hover {
					background:url(../../images/arrow_right_cream.png) 97px 5px no-repeat;
					color:#f5f1e6;
				}
			
			
			#photos .contentBox .entries {
				padding:20px 0 50px 25px;
			}
				#photos .contentBox .entries a.btnBackTo {
					width:103px;
					color:#ED482B;
					background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					display:block;
				}
					#photos .contentBox .entries a.btnBackTo:hover {
						color:#fff;
						background-position: right -40px;
					}
				#photos .contentBox .entry {
					margin:0 25px 25px 0; padding:5px 0 12px 5px;
					width:255px;
					background:url(../../images/tint2.png);
					color:#fff;
					font:normal 11px Arial, Helvetica, sans-serif;
					float:left;
					display:inline;
				}
					#photos .contentBox .entry img {
						width:250px; height:184px;
						display:block;
					}
					#photos .contentBox .entry .info {
						margin:4px 0 0 0;
						height:54px;
						overflow:hidden;
					}
					#photos .contentBox .entry h2 a {
						color:#ED482B;
						font:bold 14px Arial, Helvetica, sans-serif;
					}
						#photos .contentBox .entry h2 a:hover {
							color:#fff;
						}
					#photos .contentBox .entry .photoInfo {
						margin:1px 0 0 0;
					}
						#photos .contentBox .entry .photoInfo img {
							width:60px; height:9px;
							display:inline;
						}
					#photos .contentBox .entry .socialBar {
						margin:2px 0 0 0;
					}
						#photos .contentBox .entry .socialBar a.btnPerma {
							width:62px;
							float:left;
							color:#ED482B;
							background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
							font:bold 11px Arial, Helvetica, sans-serif;
							display:block;
						}
							#photos .contentBox .entry .socialBar a.btnPerma:hover {
								color:#fff;
								background-position: right -40px;
							}
						#photos .contentBox .entry .socialBar a.btnShare {
							margin-left:5px;
							font:bold 11px Arial, Helvetica, sans-serif;
							width:38px;
							color:#ED482B;
							display:block;
							background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
							float:left;
						}
							#photos .contentBox .entry .socialBar a.btnShare:hover {
								color:#fff;
								background-position: right -40px;
							}
					
						
						
							
	/*	pagination Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#photos .pagination {
			width:568px;
			margin:0 0 0 13px; padding:10px 0 10px 8px;
			background:#766044;
		}
			#photos .pagination .prev {
				float:left;
			}
				#photos .pagination .prev a:link, #photos .pagination .prev a:active, #photos .pagination .prev a:visited {
					padding:0 0 0 7px;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#7fb0c0;
					background:url(../../images/btn_prevArrow.gif) left 3px no-repeat;
					display:block;
				}
					#photos .pagination .prev a:hover {
						color:#ffffff;
						background-position:left -40px;
					}
			#photos .pagination .pages {
				width:470px;
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#7fb0c0;
				float:left;
				text-align:center;
			}
				#photos .pagination .pages .active {
					color:#ffffff !important;
				}
				#photos .pagination .pages a:link, #photos .pagination .pages a:active, #photos .pagination .pages a:visited {
					padding:0 3px;
					color:#7fb0c0;
				}	
					#photos .pagination .pages a:hover {
						color:#ffffff;
					}
			#photos .pagination .next {
				float:left;
			}
				#photos .pagination .next a:link, #photos .pagination .next a:active, #photos .pagination .next a:visited {
					padding:0 7px 0 0;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#7fb0c0;
					background:url(../../images/btn_nextArrow.gif) right 3px no-repeat;
					display:block;
				}
					#photos .pagination .next a:hover {
						color:#ffffff;
						background-position:right -40px;
					}