/* CSS for everything */
body { color: black; background-color: #6775a6; background-position: center 0; text-align: center; }
#container { text-align: center; margin: 0 auto; display:table;}
#header { width: auto; height: 60px; text-align: left; }  /* for the logo or site title */
#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: 14px; 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: black; padding:8px; margin:8px; border:solid 1px silver; display:block; float:left; }
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 { background:white; padding:15px 15px 40px; border:solid 1px silver; display:block; }
#content { font: 11px/14px Verdana; text-align: left; margin-top: 20px; padding-right: 35px; padding-left: 35px; height: 60px  }
div.exif { font-size: 10px; font-family: "Trebuchet MS"; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding: 10px; position: absolute; z-index: 4; top: 125px; left: 50%; width: 400px; height: 300px; }
div.iptc { font-size: 10px; font-family: "Trebuchet MS"; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding: 10px; position: absolute; z-index: 3; top: 125px; left: 50%; width: 400px; height: 300px; }
div.exif { margin-left:-200px; }
div.iptc { margin-left:-200px; }
div.shadow { position: relative; visibility: hidden; }  /* needed for showing and hiding metadata */