@charset "utf-8";
/*	-------------------------------------------------------------
	CSS PHOTOS:		Katherine McPhee Website - PHOTOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		km_photos.css
	Date:			Oct 23, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("base_photos.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mainNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainNav .photos a {
		background-position:-557px -33px;
	}
		#mainNav .photos a:hover {
			background-position:-557px -66px;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		width:546px;
		background:url(../../images/bg_topCap.png) 0 0 no-repeat;
	}
		#photos .photoHeader {
			height:31px;
			padding:15px 0 0;
		}	
		#photos .photosBottom {
			width:546px;
			padding:0 0 30px 0;
			background:url(../../images/bg_bottomCap.png) bottom left no-repeat;
		}
		#photos .photosContent {
			padding:17px 0 20px 35px;
			background:url(../../images/bg_colContent.png) 0 0 repeat-y;
		}
		#photos h1#h1_photosAlbums {
			height:27px; 
			margin:0 0 0 36px;
			background:url(../../images/h1_photoAlbums.png) no-repeat;	
		}
		#photos .entry {
			width:158px;
			margin:0 13px 30px 0;
		}
		#photos .entry.last {
			margin-right:0;
			clear:right;
		}
		#photos .stack {
			margin:0 0 12px 0;
		}
			#photos .stack .stack2 {
				padding:0 4px 4px 0;
			}
			#photos .stack .stack3 {
				padding:2px;
				background:#cac4c7;
			}
				#photos .entry .content h2 {
					margin:0 0 5px 0;
				}
					#photos .entry .content h2 a {
						line-height:
					}
				#photos .entry .socialBar {
					margin:0 0 8px 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#666666;
					display:block;
				}				
				#photos .entry .content a.btn_viewMorePhotos {
					width:123px; height:11px;
					background:url(../../images/btn_viewMorePhotos.png) no-repeat;
					display:block;
				}
					#photos .entry .content a.btn_viewMorePhotos:hover {
						background-position:0 -16px;
					}
		#photos .singlePager {
			margin:0 0 15px 0;
			text-align:center;
			color:#9c9a91;
		}
		#photos .photo {
			text-align:center;
		}
			#photos .photo h2 {
				margin:6px 0 12px 0;
				font:normal 18px Arial, Helvetica, sans-serif;
				color:#666666;
			}
			#photos .photo img {
				border:2px solid #b2b2b2;
				margin:0 auto 17px auto;
				display:block;
			}
				#photos .photo .social .views {
					margin:0 10px 0 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#706d6e;
					float:left;
					display:block;
				}
			#photos .photo .social a.btn_share {
				width:60px; height:18px;
				background:url(../../images/btn_share.png) 0 0 no-repeat;
				display:inline-block;
				float:left;
			}
				#photos .photo .social a.btn_share:hover {
					background-position:0 -18px;
				}
			#photos .social {
				width:138px;
				margin:0 auto;
			}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	gallery Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos h1#h1_photosGallery {
		margin:7px 0 0 8px;
		font:normal 18px Arial, Helvetica, sans-serif;
		color:#9d4525;
		float:left;
	}
	#photos a.btn_backToAlbums {
		width:85px; height:7px;
		margin:0 0 17px 0;
		background:url(../../images/btn_backToAlbums.png) 0 0 no-repeat;
		display:block;
	}
		#photos a.btn_backToAlbums:hover {
			background-position:0 -10px;
		}
	#photos .galleryHeader {
		height:65px;
	}
	#photos .galleryHeader .stack {
		float:left;
	}
	#photos .gallery {

	}
		#photos .gallery .photo {
			width:200px; height:325px;
			margin:0 30px 0 0;
			text-align:left;
			float:left;
		}
			#photos .gallery img {
				margin:0 0 8px 0;
				border:solid 1px #cac4c7;
			}
			#photos .gallery h2 {
				margin:0 0 4px 0;
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#0079bf;
			}
			#photos .gallery .stats {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#706d6e;
			}
			#photos .gallery a.btn_share {
				width:60px; height:18px;
				margin:11px 0 0 0;
				background:url(../../images/btn_share.png) 0 0 no-repeat;
				display:block;
			}
				#photos .gallery a.btn_share {
					background-position:0 -18px;
				}