/* CSS for everything */
body { color: black; background-color: rgb(242, 242, 242); background-position: center 0pt; 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: 18px; font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-weight:bold; }
.menu { font-size: 10px; font-family: Verdana, Arial, Helvetica; line-height: 14px; }
.name { font-size: 10px; font-family: Verdana, Arial, Helvetica; line-height: 14px; }

/* CSS for index page */
#thumbs {text-align:center;display:block;}
div.thumb { background:white; padding:12px; margin:8px; border:1px solid 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 15px; border:1px solid silver; display:block; }
#content { font: 11px/14px Verdana; text-align: left; margin-top: 20px; padding-right: 35px; padding-left: 35px; height: 60px }