/* CSS for everything */
body { color: black;  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 */
div.gallery_top { position: relative; top:0px; background: url(/img/logobackground_gallery_grf.gif); width:100%; height:80px;}	/* the top of the gallery, incl. logo */
#footer   { font: 11px/14px Verdana; text-align: center; margin-top: 20px; padding-right: 35px; padding-left: 35px; height: 60px }
#nav { font: 11px/14px Verdana; text-align: center; height: auto; padding-bottom: 10px; }  /* for the prev and next buttons */
#info { text-align: center; height: auto; }  /* for the exif and iptc buttons */
.imgtitle { font-size: 14px; font-family: "Verdana"; font-weight:bold; }	/* Gallery Title */
.menu { font-size: 10px; font-family: "Verdana"; line-height: 14px; }		/* Text below Gallery Title. currently not used. */
.name { font-size: 10px; font-family: "Verdana"; line-height: 14px; }		/* currently not used */
.caption { font-size: 10px; font-family: "Verdana"; line-height: 14px; color:black;}	/* Caption */
.copyright { font-size: 10px; font-family: "Verdana"; }
.madewith { border: 1px solid silver; }
.pagenumbers {display: none;}
div#browse_top   { font: 11px/14px Verdana; text-align: center; margin-top: 10px; padding-right: 35px; padding-left: 35px; height: 40px }
div#browse_bot   { font: 11px/14px Verdana; text-align: center; margin-top: 30px; padding-right: 35px; padding-left: 35px; height: 20px }
#overview_footer   { font: 11px/14px Verdana; text-align: center; visibility: hidden}



/* CSS for index page */
#gallery { padding:0px; width:650px }		/* change width to control number of columns */
#imgbox { float:left; width:160px; }		/* width of one column */
#thumbs {text-align:center;display:block;}
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.thumb { background:white; padding:8px; margin:8px; border:1px solid silver; display:block;}	/* thumbnail */
div.thumb img { border: none; }  /* remove link outline on thumbnails */
div.spacer { clear:both; }  /* needed for the floating boxes */
.logo { position:absolute; left:0px; top:0px; z-index:1;}		/* optional: placement of logo inside gallery_top */
.closewindow { position: absolute; top:50px; margin-left: 75%; font: 11px/14px Verdana;}	/* Close window text */
.closebutton {visibility: hidden;}								/* close window button. included in div closewindow */
.pagetitle {position:relative; color:#FFFFFF; font-family:verdana, arial, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; top: 24px;}				/* optional Title. displayed in gallery top */	


/* CSS for detail pages */
#pic { background:white; padding:15px 15px 15px 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 }
.caption_detail { width:275px; margin:auto; font: 11px/14px Verdana; color:black;}
div.metadata { position: relative; visibility: hidden; }  /* needed for showing and hiding metadata */

#picdownload   { font: 11px/14px Verdana; text-align: center; margin-top: 20px; padding-right: 35px; padding-left: 35px; height: 60px; visibility: hidden }


a	{
	text-decoration: none;
	color: #7D795E;
	}
	
a:hover	{

		text-decoration: underline;
	color: #CA171D;
	}	

.linklt:link	{
	text-decoration: none;
	color: #7D795E;
	}
	
.linklt:visited	{
	text-decoration: none;
	color: #7D795E;
	}
	
.linklt:hover	{

		text-decoration: underline;
	color: #CA171D;
	}
	
.linklt:active	{
	text-decoration: underline;
	color: #CA171D;
	}