a{text-decoration:none;
color:#000;
}
a:hover img{
}

.overtext{
color:white;
font-weight:bold;
text-shadow:2px 2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000;
font-size:45px;
position:absolute;
bottom: 150px;
left:50px;
}

.sambnail {
float: left;
position: relative;
font-size:30px;
width:300px;
overflow: hidden;
margin:30px;
    padding:20px;
    border-width:1px;
    border-color:darkgray;
    border-style:solid;
  -moz-box-shadow: 3px 6px 6px gray; /* Mozilla */
  -webkit-box-shadow: 3px 4px 6px gray; /*Safari, Chrome*/
}
.sambnail img {width:300px; height:201px; border-style:solid; border-color:#000; border-width:1px;}
.topphoto img {margin-left:30px; width:85%; border-style:solid; border-color:#000; border-width:1px;}
.body {padding: 10px 20px;}
.header {font-size:25px;}
.black{background-color:black; color:white; padding: 0 10px;}
.footer {clear: both;}

figcaption {
color:white;
font-size:15px;
position: absolute;
bottom:20; left:20; z-index:2;
width:260px; height:33%;
_width:300px; _height:40%;
background: rgba(0,0,0,0.5);
margin: 0px; padding:20px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition:.5s;
opacity: 0;
    filter: alpha(opacity=0);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=0)";  /* ie 8 */
    -moz-opacity:0;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0;              /* Safari 1.x */


}
.sambnail:hover figcaption {
 -webkit-transform: rotateY(0);
 transform: rotateY(0);
 opacity: 1;
    filter: alpha(opacity=1);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=1)";  /* ie 8 */
    -moz-opacity:1;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 1;              /* Safari 1.x */

}
figcaption ul{
margin:0; padding:0;
list-style-type:none;
}