@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - PHOTOS : 	David Nail Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dn_photos.css
	Date:			Apr 5, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navPhotos a { color:#629ec9; }
	#footer .info .nav li.photos a { color:#629ec9; }
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosHeader {
		border-bottom:solid 2px #aeaead;
		margin:0 0 17px 0; padding:0 0 7px 0;
	}
		#photosHeader li {
			float:left;
		}
			#photosHeader li a {
				height:26px; padding:6px 0 0 0;
				font-size:20px; color:#fff; text-align:center;
				display:block;
			}
				#photosHeader li a:hover, #photosHeader li a.active { color:#629ec9; }
			#photosHeader li.allPhotos a, #photosHeader li.byAlbum a { width:130px; }
			#photosHeader li.byPopularity a { width:160px; }

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {}
		#photos .entry {
			width:180px; height:180px;
			display:inline;
			position:relative;
			float:left;
		}
			#photos .entry .image {
				margin-right:auto; margin-left:auto;
				text-align:center;
				vertical-align:middle;
			}
				#photos .entry .image * {
					/*vertical-align:middle;*/
				}
			#photos .entry h3 {}
				#photos .entry h3 a {
					border:solid 3px #517c9b;
					display:inline-block;
				}
					#photos .entry h3 a:hover { border:solid 3px #fff; }
					#photos .entry h3 a img { border:solid 1px #000; }
		#photos .toolTip {
			position:absolute; left:40px;
			width:119px; padding:0 0 6px 0;
			background:url(../../images/bg_tooltip_bottom.png) center bottom no-repeat;
			text-align:left;
			display:none;
		}
			#photos .toolTip .toolTipInfo {
				position:relative;
				border:solid 1px #232a2e; border-bottom:none;
				padding:7px;
				background:url(../../images/bg_transparent.png) repeat;
			}
				#photos .toolTip .toolTipInfo h3 {
					margin:0 0 4px 0;
					font-size:17px; color:#629ec9;
				}
				#photos .toolTip .toolTipInfo .stats {
					padding:0 0 20px 0;
					font-size:11px; color:#fff;
				}
					#photos .toolTip .toolTipInfo .stats .commentCount {
						float:left;
					}
					#photos .toolTip .toolTipInfo .stats .viewCount {
						float:left;
					}
				#photos .toolTip .toolTipInfo h4 {
					font-size:15px; color:#629ec9; text-align:left;
				}
					#photos .toolTip .toolTipInfo h4 em {
						color:#fff;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos.albums Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#photos.albums { }
		#photos.albums .entry {
			width:auto; height:auto; margin:0 0 1px 0; padding:6px 0 6px 8px;
			vertical-align:0;
			display:block;
			float:none;
		}
			#photos.albums .entry .info {
				width:400px; padding:0 10px 0 0;
				text-align:left;
				float:right;
			}
				#photos.albums .entry .info .stats {
					margin:0 0 4px 0;
					font-size:11px; color:#caced0;
					display:block;
				}
			#photos.albums .entry .info h3 a {
				border:none;
				width:auto !important; margin:0 0 6px 0;
				font-size:17px;
			}
			#photos.albums .entry ul.thumbnails {
				width:104px;
				float:left;
			}
				#photos.albums .entry ul.thumbnails li.entry {
					display:inline;
					float:left;
				}
			#photos.albums .toolTip {
				left:-5px;
			}
			a.btn {
				width:95px !important; height:32px;
				background:url(../../images/sprites.png) -856px -83px no-repeat;
				font-size:0px; text-indent:-3000px;
				display:block; overflow:hidden;
			}
				a.btn:hover { background-position:-856px -120px; }

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	div#photos {
		margin:0 0 30px 0;
	}
		div#photos .entry {
			width:auto; height:auto; padding:14px 8px;
			display:block; float:none;
		}
			div#photos .entry h3 {
				margin:0 0 10px 0;
			}
			div#photos .entry img {
				margin:0 auto;
			}
			div#photos .entry .date {
				margin:0 0 15px 0;
				font-size:11px;	color:#caced0; text-align:center;
				display:block;
			}