body { margin: auto; padding: 0; max-width:607px; width: 100%; background: #000; font: 70%/140% Arial, Helvetica, sans-serif; text-align:center; } h1 { margin: 10px 0 0 0; padding: 0; text-align: center; color: black; font: 310%/100% Fontin, Tahoma, sans-serif;; letter-spacing: 2px; cursor : default; text-shadow: #FFDB01 0 0 17px; cursor:default; } img { border: none; } .gallery { list-style: none; margin: 2em 0 0 0; padding: 0; } .gallery li { padding: 10px; margin: 0; float: left; position: relative; width: 180px; height: 130px; } .gallery li:hover img { border-color: #FFD22A; } .gallery img { background: #000; border: solid 1px #333; padding: 5px; } .gallery em { background: #FFF url(../images/grey-gradient.gif) repeat-y; color: #000; font-style: normal; padding: 2px 10px; display: block; position: absolute; top: 110px; left: 9px; border: 1px solid #999; border-left-color: #888; } .gallery a { text-decoration: none; } .gallery a:hover em { background: #FFDB01 url(../images/orange-gradient.gif) repeat-y; border-color: #C25B08; }