/********************************************/
/*****    css photo gallery template    *****/
/*****  http://www.tankedup-imaging.com *****/
/*****            20/08/2006            *****/
/********************************************/

/* ---------- gallery container ---------- */
.gallery {
position:relative;
width:720px;
height:472px;
margin:1em auto;
}

/* ---------- opacity ---------- */
.gallery a img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}
.gallery a:visited img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}
.gallery a:hover img {opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0;}

/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float:left;
width:100px;
height:105px;
margin:2px;
}
.thumb {
border:1px solid #000;
}
.no-thumb {
border:1px solid #fff;
}
.thumb a img {display:block;}
.thumb a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.gallery a:hover span {
display:block;
position:absolute;
width:300px;
height:400px;
top:10px;
left:450px;
}

/* ---------- preview image title block ---------- */
.thumb em {
position:absolute;
width:235px;
top:310px;
left:10px;
-moz-border-radius:12px;
background:#996633;
color:white;
font:normal 12px/20px verdana;
text-align:center;
opacity:1.0;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
}
.thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
a img {border:0;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}
