div#photoBox {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.6);
	box-shadow: 0 0 6px rgba(0,0,0,.6);
	background-color: #000;
}

div#photoBox img {
	vertical-align: middle;
}

div#caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

div#caption div#padder {
	padding: 20px;
}

div#padder h2 {
	margin-bottom: 0.2em;
}

div#captionBody p {
	max-width: 500px;
	font-size: 1.1em;
	color: #eee;
}

div#padder p.date {
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	color: #0bf;
}

div#padder p#viewFull {
	float: right;
	margin: -2em 0 0 0;
	font-size: 1.1em;
}

div#padder p#viewFull a {
	display: block;
	width: 22px;
	height: 22px;
	font-size: 0.8em;
	padding: 0 0 0 0;
	background: transparent url("/img/global/viewfull.png") 0 0 no-repeat;
	text-indent: -300em;
	outline: none;
}

div#padder p#viewFull a:hover {
	color: #fff;
	text-decoration: none;
	background: transparent url("/img/global/viewfull.png") 0 -22px no-repeat;
}

p#admin a, p#admin a:visited {
	color: #9f6;
}

/*--- paging ------------*/

span#previous, span#next {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	display: block;
	width: 28px;
	height: 28px;
}

span a {
	display: block;
	width: 28px;
	height: 28px;
	text-indent: -300em;
	outline: none;
}

span#previous a {
	background: transparent url("/img/global/previous.png") 0 0 no-repeat;
}

span#previous a:hover {
	background: transparent url("/img/global/previous.png") 0 -28px no-repeat;
}

span#next a {
	background: transparent url("/img/global/next.png") 0 0 no-repeat;
}

span#next a:hover {
	background: transparent url("/img/global/next.png") 0 -28px no-repeat;
}

/*--- archive ------------*/

div#archiveBackground {
	position: absolute;
	z-index: 6;
	top: 0;
	left: 0;
	width: 9.5em;
	height: 100%;
	background-color: #000;
	opacity: 0.2;
}

div#archiveImages {
	position: absolute;
	z-index: 7;
	top: 4em;
	left: 0;
	width: 9.5em;
}

div#archiveImages ul {
	margin: 0 1em;
}

div#archiveImages ul li {
	display: block;
	float: none;
}

div#archiveImages ul li img {
	opacity: 0.1;
}