/* [easyALBUM] v 1.1.7 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */
html{
      height: 100%;
}

body{
      height: 100%;
}
/********************** Main document *******************/
#wrapper { height:100%;}
#bothcolumns {}
/* the Gallery (Unordered List) - position:relative is for ie7 */
#gallery {position:relative;float:left;margin-top:3px;overflow:hidden;height:648px /* FF .8 */;width:666px;background:#000;border:3px solid #000;z-index:1/* IE Mac */}
#gallery li {display:inline;overflow:hidden;height:75px}
#gallery li img {border:3px solid #fff;width:105px;height:75px;display:block;margin:0 auto;position:relative;z-index:10}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {display:block;float:left;height:81px !important /* IE5 Mac */;width:111px;position:relative;color:#fff}
#gallery li a:hover {color:#000;background:#fff} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#B5B9F7}
#gallery span {position:absolute;top:0;left:0;margin-top:2.2em;padding:0 3px;z-index:1}

/************************ The stuff *********************/
.transparent {opacity:.2;-moz-opacity:0.2;filter: alpha(opacity=20);}
.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:320px !important;height:440px;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:1.1em;margin:20px auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */;padding:5px;width:90%;background-color:transparent !important;cursor:default;text-decoration:none}
#zDIV_slideShow #zA_description {color:red;padding:9px 3px;border:2px solid #000;width:350px;margin:0 auto;display:block}
#zDIV_counter {display:block;width:10em;margin:9px auto;background:#333;color:#fff;padding:3px;font: .9em Arial, Helvetica, sans-serif}
#zIMG {margin-top:15px;padding:3px;background:#fff;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}