body {margin:0; padding: 0; border: 0;
	font: 100%/1.5 'Verdana', 'Geneva', 'Arial', 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', sans-serif;
	color: black; background-color: rgb(242, 242, 242);
	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;  }*/
.menu { white-space:nowrap; }
.copyright { font-size: 10px; }

/* 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.thumb:hover { background:#ffcc00; }
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 { text-align: left; margin-top: 20px; padding-right: 35px; padding-left: 35px; height: 60px }
div.shadow { position: relative; visibility: hidden; }  /* needed for showing and hiding metadata */

div.media img {border:1px solid silver; width:95%; height:auto;} /*------narrow*/
@media screen and (min-width: 40.5em) and (max-width: 60em) {  /*------not very wide*/
	div.media img {width:auto;}
}
@media screen and (min-width: 60em) { /*--------------------------------wide*/
	div.media img {width:auto;}
}