body {
background: #fff;
margin: 0;
padding: 20px;
color: #000;
font-family: Trebuchet ms, Verdana, sans-serif;
}

a img {
border: none;
}

p.title {
font-size: 4em;
border-bottom: 1px solid #ccc;
margin:0;
}

ul.gallery li {
display: block;
margin: 4px;
padding: 6px;
float: left;
width: 96px;
height: 96px;
}

ul.gallery li a {
position: relative;
z-index: 0;
}

ul.gallery li a:hover {
z-index:1000;
}

ul.index li {
position: relative;
display: block;
margin: 6px;
padding: 6px;
float: left;
width: 180px;
height: 180px;
text-align: center;
}

ul.index li span.legend {
display: block;
width: 100%;
position: absolute;
bottom: 0px;
text-align: center;
border-top: 1px solid #ccc;
}