@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - PHOTOS : 	Melanie Fiona Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		mf_photos.css
	Date:			May 12, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navPhotos a {
		background-position:-150px -38px;
		border-bottom:solid 2px #fff; 
	}
	#subNav {
		float:right
	}
		#subNav li {
			height:13px;
			float:left;
		}
			#subNav li a {
				height:13px;
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block;
			}
			#subNav li.allPhotos a {
				width:66px; 
				background-position:-825px -86px;
			}
				#subNav li.allPhotos a:hover, #subNav li.allPhotos a.active {
					background-position:-825px -99px;
				}
			#subNav li.byAlbum a {
				width:60px; margin:0 16px 0 0;
				background-position:-891px -86px;
			}
				#subNav li.byAlbum a:hover, #subNav li.byAlbum a.active {
					background-position:-891px -99px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#pageHeader h2 {
		width:128px;
		background-position:-157px 0;
		float:left;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol { }
	#photos {
		
	}
		#photos .entry {
			width:156px; height:156px;
			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 .image img {
					border:solid 2px #e0cdf9;
				}
			#photos .entry h3 {
			
			}
				#photos .entry h3 a {
					display:inline-block;
				}
		#photos .toolTip {
			width:119px;
			background:url(../../images/bg_tooltip_bottom.png) center bottom no-repeat;
			position:absolute;
			padding:0 0 8px 0;
			left:2.5em;
			display:none;
		}
			#photos .toolTip .toolTipInfo {
				position:relative;
				border-bottom:none;
				padding:5px 0;
				background:#e7e7e7;
			}
				#photos .toolTip .toolTipInfo h3 {
					padding:0 5px 10px 5px;
					text-align:left;
					color:#000;
				}
				#photos .toolTip .toolTipInfo .stats {
					padding:0 5px;
					background:#e7e7e7;
					font-size:11px;
					color:#000;
				}
					#photos .toolTip .toolTipInfo .stats .commentCount {
						padding:0 1.222em 0 1.778em;
						background:url(../../images/bg_tooltip_commentCount.png) 0 0 no-repeat;
						float:left;
					}
					#photos .toolTip .toolTipInfo .stats .viewCount {
						float:left;
					}
						#photos .toolTip .toolTipInfo .stats .viewCount strong {
							font-weight:bold;
						}
						#photos .toolTip .toolTipInfo .stats .viewCount em {
							font-weight:normal;
							font-style:normal;
						}
						#photos .toolTip .toolTipInfo .stats .viewCount .value {
							font-weight:bold;
						}
				#photos .toolTip .toolTipInfo h3 {
					padding:0 10px;
					text-align:left;
					font-size:12px;
					font-style:italic;
					color:#000;
				}
					#photos .toolTip .toolTipInfo h3 em {
						font-style:normal;
						color:#000;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos.gallery Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	h3.folderTitle {
		padding:20px 0 0 0;
		font-size:18px;
	}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#photos.albums Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#photos.albums {
		padding:24px 0 0 0;
	}
		#photos.albums .entry {
			width:auto; height:auto;
			margin:0 0 21px 0;
			vertical-align:0;
			display:block;
			float:none;
		}
			#photos.albums .entry .image {
				width:150px; margin:0;
				float:left;
			}
			#photos.albums .entry .info {
				width:333px;
				font-family:"Tahoma", Arial, sans-serif; text-align:left;
				float:right;
			}
				#photos.albums .entry .info .stats {
					padding:4px 0 6px 0;
					font-size:12px; color:#000;
					display:block;
				}
					#photos.albums .entry .info a.btn_viewAlbum {
						width:69px; height:20px;
						background:url(../../images/sprites.png) -385px -119px no-repeat;
						display:block;
					}
						#photos.albums .entry .info a.btn_viewAlbum:hover {
							background-position:-385px -139px;
						}
			#photos.albums .entry .info h3 a {
				font-size:24px; font-family:"Tahoma", Arial, sans-serif;
			}
				#photos.albums .entry .info h3 a:hover {
				
				}
				#photos.albums .entry h3 a img {
					/*top:0; left:0;
					clip:rect(0px 63px 65px 0px);
					position:absolute;*/
				}
			#photos.albums .entry ul.thumbnails {
				width:150px;
				float:left;
			}
				#photos.albums .entry ul.thumbnails li.entry {
					background:none;
					display:inline;
					float:left;
				}
					#photos.albums .entry ul.thumbnails li.entry .image {
						position:relative;
					}
						#photos.albums .entry ul.thumbnails li.entry .image h3 {
							/*border:solid .188em #979797;*/
						}
							#photos.albums .entry ul.thumbnails li.entry .image h3 a {
								width:150px !important; height:150px !important;
								position:relative;
							}
								#photos.albums .entry ul.thumbnails li.entry .image h3 a.img {
									
								}
									#photos.albums .entry ul.thumbnails li.entry .image h3 a.img img {
										border:0;
										margin:0 auto;
									}
			#photos.albums .toolTip {
				position:absolute;
				top:-5.625em !important; left:-1.25em;
			}
			a.btn {
				width:5.125em !important; height:1em;
			}
			

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	div#photos {
		padding:1.625em 0 0 0;
		position:relative;
	}
		div#photos .entry {
			width:auto; height:auto;
			position:static;
			float:none;
		}
			div#photos h2.title {
				padding:0 0 10px 0;
				font-weight:bold; font-size:15px; color:#403f3f;
			}
				div#photos .entry h2 img {
					border:solid .188em #9f9f9f;
					margin:0 auto; padding:1px;
					background:#fff;
				}
				div#photos .entry h2 a:hover {
					
				}
			div#photos .entry .stats {
		
			}
				div#photos .entry .date {
					margin:10px 0 0 0;
					font-size:11px;	text-align:center;
					display:block;
				}
				div#photos .entry .stats .viewCount {
					
				}
				div#photos .entry .stats .commentCount {
					
				}
					div#photos .entry .stats .value {
						
					}
				div#photos .entry .socialLinks {
					float:none;
					margin:.75em auto 0 auto;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#stepped Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #stepped ul li.btn_prev a {
		background-position:-683px -119px;
	}
		#mainCol #stepped ul li.btn_prev a:hover {
			background-position:-683px -139px;
		}
		#mainCol #stepped ul li.btn_prev a.disable {
			background-position:-683px -159px !important;
		}
	#mainCol #stepped ul li.btn_next a {
		background-position:-758px -119px;
	}
		#mainCol #stepped ul li.btn_next a:hover {
			background-position:-758px -139px;
		}
		#mainCol #stepped ul li.btn_next a.disable {
			background-position:-758px -159px !important;
		}