body {
	color: white;
	background-color: black;
}

div.imageview#header {
	position: fixed;
	top: 0; left: 0; right: 0;
	width: auto; height: 2.5em;
	text-align: center;
	background: black url("images/hshadow3.png") bottom repeat-x;
	border-bottom: 1px solid #505050;
	padding: 0.4em 8px 0.2em;
/* 	padding: 4px 8px 2px; */
}

#header a {
	color: #80C0FF;
	font-weight: bold;
}
#header a:hover {
	color: #5090F0;
}

a#gal {
	font-weight: normal;
}

#header span#left {
	text-align: left;
	float: left;
}

#header span#right {
	text-align: right;
	float: right;
}

div i.info {
	font-size: 8pt;
	font-style: normal;
	padding: 0px 8px;
}

div#imgcontainer {
	text-align: center;
}

div#imgcontainer img {
	margin-top: 3.15em;
	margin-bottom: -4px; /* hmm, where is the extra space coming from? */
}

div.exif {
	background: url("images/shadowbg.png");
	font-size: 11px;
	padding: 8px;
	margin: 1em;
	position: fixed;
	left: 0;
	bottom: 0; top: auto;
	text-shadow: #000000 1px 1px 2px;
/* 	border: 1px solid #808080; */
}

div.exif div#labels {
	float: left;
}
div.exif div#data {
	text-align: right;
}
div.exif div#data div { font-weight: bold; }