/********************************************/
/*****    Shirley and Alex photo gallery     *****/
/*****  http://bistik.com/anna.html *****/
/*****            10/01/2007            *****/
/********************************************/

body {
	background: #d6fefd;
}

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

/* ---------- opacity ---------- */
.gallery a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:hover img {opacity:0.9; 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 #d6fefd;
}
.no-thumb {
border:1px solid #d6fefd;
}
.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:124px;
left:161px;
}

/* ---------- preview image title block ---------- */
.thumb em {
position:absolute;
width:200px;
top:196px;
left:50px;
-moz-border-radius:12px;
background:#fde1fd;
color:#036;
font:normal 10px/18px verdana;
text-align:center;
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8;
}
.thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
a img {border:0px none;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}