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

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

/* ---------- thumbnail images ---------- */
.thumb, .no-thumb, .month-thumb1, .no-thumb1 {
float: left;
width: 149px;
height: 112px;
margin: 5px;

}
.thumb {
border: 1px solid #008000;

}
.no-thumb {
border: 0px solid #555555;

}

.no-thumb1 {
border: 0px solid #2E5C5C;


}

.month-thumb1 {
border: 1px solid #ff0000;

}


.thumb a img {display: block;}
.thumb a span {display: none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background: transparent;}

.month-thumb1 a img {display: block;}
.month-thumb1 a span {display: none;}
.month-thumb1 a:hover, month-thumb1 a:active, month-thumb1 a:focus {background: transparent;}


/* ---------- preview image ---------- */
.gallery a:hover span {
display: block;
position: absolute;
width: 300px;
height: 225px;
top: 129px;
left: 166px;
}

/* ---------- preview image text block ---------- */
.thumb em {
position: absolute;
width: 300px;
top: 0px;
left: 0px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: #2E5C5C;
color: #ffffff;
text-align: center;
opacity: 0.8;
-ms-filter: "progidDXImageTransform.Microsoft.Alpha(Opacity80)";
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.8; font-style:normal; font-variant:normal; font-weight:bold; line-height:30px; font-size:14px; font-family:times new roman
}

.month-thumb1 em {
position: absolute;
width: 300px;
top: 0px;
left: 0px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: #2E5C5C;
color: #ffffff;
text-align: center;
opacity: 0.8;
-ms-filter: "progidDXImageTransform.Microsoft.Alpha(Opacity80)";
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.8; font-style:normal; font-variant:normal; font-weight:bold; line-height:30px; font-size:14px; font-family:times new roman
}

.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;
}