/* [easyALBUM] v 1.1.7 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */
/* ie7 fix from v1.1.6 */


/********************** Main document *******************/
/* the Gallery (Unordered List) - position:relative is for ie7 */
#gallery {position:relative;float:left;margin-top:3px;width:90%;z-index:1/* IE Mac */}
#gallery li {display:inline;height:125px; width:145px; margin:3;}
#gallery li img {width:140px;height:120px; margin:2px; border: 2px solid #000; display:inline-table;margin:0 auto;position:relative;z-index:10}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {display:block;float:left;height:130px !important /* IE5 Mac */;width:150px;position:relative; background:#CCCCCC}
#gallery li a:hover {color:#fff;background:#cccccc} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#fff}
#gallery span {position:absolute;top:0;left:0;margin-top:2.2em;padding:0 3px;z-index:1}
.note {font-style:italic;color:#999}
dd a,.note a {color:red}
/************************ The stuff *********************/
.transparent {opacity:.2;-moz-opacity:0.2}
.nonOpaque {opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {color:#000;background-color:#fff}
#zDIV_slideShow {display:none;position:absolute;left:0;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:50% !important; background-color:#CCCCCC;height:400px; width:70%; margin-left:13%;margin-top:-220px}}
#zA_previous,#zA_next,#zA_close {background:transparent !important}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {display:block;font-size:1em;/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */width:50%; background-color:#CCCCCC; margin-top:23px; margin-left:25px}
#zDIV_slideShow #zA_description {color:#cccccc;}
/*#zDIV_counter {display:block;width:10em;margin:1px auto;background:#cccccc;color:#cccccc;padding:3px;font: .9em Arial, Helvetica, sans-serif}*/
#zIMG {margin-top:15px;padding:3px;background:#cccccc;border:2px solid #000}
#zDIV_slideShow {padding-bottom:50px !important} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}
* html #gallery {width:222px}
/* for IE5 both Win and Mac - will be reset in the IE6 CCS */
* html #zDIV_slideShow {background-color:#ececec}
/* for IE5 Win and Mac that don't do opacity at all IE */
* html a.transparent {visibility:hidden}
* html a.nonOpaque {visibility:visible}