/* 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: 13px; font-family: "Trebuchet MS"; font-weight:bold; }
.menu { font-size: 13px; font-family: "Trebuchet MS"; line-height: 14px; }
.name { font-size: 12px; 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:white; padding:8px; 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 center;
	padding:15px;
	border:1px solid silver;
	display:block;
	text-align: center;
	width: 100%;
}
#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 */