/* ---------------------------------------------------------------------------------
   
   LITTLE FLAMINGO - Gallery Stylesheet

--------------------------------------------------------------------------------- */



#gallery { width: 595px; float: right; padding-top: 58px; }

#dgallery { float: left; padding: 58px 0 0 20px; width: 232px; }
#dgallery ul { margin: 0; padding: 4px 0 0 0; float: left; }
#dgallery ul li { list-style-type: none; float: left; }
#dgallery ul li a { width: 70px; height: 70px; background: #fff; padding: 1px; border: solid 2px #fff; float: left; display: block; }
#dgallery ul li a:hover { border: solid 2px #f287b7; }

#mainImg img { width: 224px; }

#thumbnails { width: 210px; margin: 0; padding: 0; float: right; }
#thumbnails a { float: left; width: 76px; height: 76px; }

#thumbs { width: 210px; margin: 0; padding: 0; float: right; }
#thumbs li { list-style-type: none; float: left; float: left; }
#thumbs li a { width: 70px; height: 70px; background: #fff; padding: 1px; border: solid 2px #fff; float: left; }
#thumbs li a:hover { border: solid 2px #f287b7; }
#imgName { padding: 10px 0px; float: left; display: block; width: 250px; font-size: 0.75em; }

#refine { float: left; width: 536px; text-align: right; padding: 0 0 10px 0; margin-top: -15px; }
#refine label { font-size: 0.8em; color: #585858; }

#pages { margin: 0; padding: 0; float: right; padding: 10px 0px; width: 150px; }
#pages li { float: left; padding: 0 0 0 4px; list-style-type: none; margin-bottom: 4px; }
#pages li a { float: left; position: relative; color: #4f4f4f; font-weight: bold; font-size: 0.75em; width: 20px; text-align: center; text-decoration: none; padding: 3px 0px; background: #e0e0e0; border: solid 1px #c4c4c4; }
#pages li a:hover { background: #ececec; border: solid 1px #ccc; }

#pages #active { background: #f079aa; color: #fff; border: solid 1px #d93e7f; }

#galleryBtm { width: 535px; float: left; }

.slideshowContainer { width: 375px; height: 375px; float: left; text-align: center; margin-top: 4px; }

#thumbnails .loading { background: url(../images/loading.gif) center no-repeat; }
#thumbnails .slideshowThumbnail { outline: none; }

#thumbnails .slideshowThumbnail img {
	border: 1px solid #fff;
	padding: 3px;
}

#thumbnails a:hover.slideshowThumbnail img { border: 1px solid #ccc; }


#thumbnails {
	/*width: 130px;
	float: left;*/
}


#caption-wrap { float: left; clear: both; width: 350px; padding-top: 20px; }
#caption { font-size: 1.0em; }