/********************************************/
/*****    css photo gallery template    *****/
/*****  http://www.tankedup-imaging.com *****/
/*****            20/08/2006            *****/
/********************************************/

/* ---------- gallery container ---------- */
.gallery {
position: relative;
width: 624px;
height: 472px;
margin: 1em auto;
}

/* ---------- opacity ---------- */
.gallery a img, .gallery a:visited img {
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.60;
-khtml-opacity: 0.6;
}
.gallery a:hover img {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.90;
-khtml-opacity: 0.9;
}

/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float: left;
width: 149px;
height: 112px;
margin: 2px;
}
.thumb {
border: 1px solid #000;
}
.no-thumb {
border: 1px solid #9ff;
}
.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: 225px;
top: 123px;
left: 160px;
}

/* ---------- preview image text block ---------- */
.thumb em {
position: absolute;
width: 250px;
top: 200px;
left: 25px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
background: #ab5;
color: #036;
font: normal 12px/20px verdana,arial,helvetica,sans-serif;
text-align: center;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.8;
}
.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;
}