/* CSS for everything */
body { margin:0 0 0 0; padding:0 0 0 0; color: #eee; background-color:#000; background-position: center 0pt; text-align: center; background: #110F10; background-image:url(http://www.ricardobarros.com/lib/images/background-page.png); background-repeat:repeat-x; }
a img {border:none;}
#container { text-align: center; margin: 0 auto; display:table; width:100%;}
#logo {width: 711px;margin: 50px auto;}
#header { height: 60px; text-align: left; }  /* for the logo or site title */
#subheader {margin-bottom:15px;}
#footer   { font: 11px/14px Verdana; text-align: center; margin-top: 20px; padding-right: 35px; padding-left: 35px; height: 60px }
#nav { text-align: center; height: auto; }  /* for the prev and next buttons */
#info { text-align: center; height: auto; }  /* for the exif and iptc buttons */
.title { font-size: 18px; font-family: "Trebuchet MS"; font-weight:bold; }
.menu { font-size: 10px; font-family: "Trebuchet MS"; line-height: 14px; }
.name { font-size: 10px; font-family: "Trebuchet MS"; line-height: 14px; }
.copyright { font-size: 10px; font-family: "Trebuchet MS"; }
.madewith { border: 1px solid silver; }

/* CSS for index page */
#thumbs {text-align:center;display:block;}
div.thumb { background:#eee; padding:8px; margin:8px; border:1px solid silver; display:block; float:left; color:#000;}
div.thumb img { border: none; }  /* remove link outline on thumbnails */
div.row { margin-left:auto; margin-right:auto; text-align:center; }
div.col { margin-left:auto; margin-right:auto; text-align:center; display:table;}
div.spacer { clear:both; }  /* needed for the floating boxes */

/* CSS for asset pages */
#pic { padding:15px 15px 40px 15px;display:block; }
#pic img {border:1px solid #555;}
#content { font: 11px/14px Verdana; text-align: left; margin-top: 20px; padding-right: 35px; padding-left: 35px; height: 60px }
div.exif { font-size: 14px; font-family: "Trebuchet MS"; line-height: 14px;  text-align: center; padding: 10px; } /* position: absolute; z-index: 4; top: 125px; left: 50%; width: 400px; height: 300px; background-color: #fff; */
div.iptc { font-size: 10px; font-family: "Trebuchet MS"; line-height: 14px; text-align: center; padding: 10px; } /* position: absolute; z-index: 3; top: 125px; left: 50%; width: 400px; height: 300px; visibility: hidden; visibility: hidden; background-color: #fff;  */
/* div.exif { margin-left:-200px; }
div.iptc { margin-left:-200px; } */
div.shadow { position: relative; visibility: hidden; }  /* needed for showing and hiding metadata */