/*
  Galeria de imagens com CSS: Carlos Eduardo de Souza
  Contato: carlos@viscountbox.com - http://project47.viscountbox.com/
*/

* { margin: 0; padding: 0; }
html, body { font: 11px "Trebuchet MS", Arial, sans-serif; }
h1 { margin-bottom: 5px; font-size: 1.4em; text-transform: uppercase; }
img {
	border: 0px solid #666;
}
#galeria {  width: 730px; margin:0px; padding: 5px; color:#FFFF00}
#galeria span.legenda { display: block; width: 296px; padding: 2px; text-align: left; font-family:"Arial"; font-size:10px; color:#FFFF00}
#galeria ul#thumbs { clear: both; padding: 3px 0px 0px 0px; text-align: center; list-style: none; width:500px}
#galeria ul#thumbs li { display: inline; margin: 0 3px; }
#galeria ul#thumbs li a { text-decoration: none; }
#galeria ul#thumbs li a img.full, #galeria ul#thumbs li a span.legenda { position: absolute; visibility: hidden; left: 5px; }
#galeria ul#thumbs li a img.full { top: 30px; cursor: default; }
#galeria ul#thumbs li a span.legenda { top: 360px; color:#FFFF00; cursor: text; background-color:#000000 }
#galeria ul#thumbs li a:active img.full, #galeria ul#thumbs li a:focus img.full, 
#galeria ul#thumbs li a:active span.legenda, #galeria ul#thumbs li a:focus span.legenda { visibility: visible; }