/* by Elliot Lee <elee@jadebug.com> */
/* General stuff */
body {
	background-color: #0f0f0f;
	color: #f0f0f0;
	font-family: verdana, arial, sans;
}

hr {
	background-color: #f0f0f0;
}

:link {
	color: #a0a0f0;
}

:visited {
	color: #5050f0;
}

/* image detail pages */
#caption {
	font-size: x-large;
	font-weight: bold;
	font-variant: small-caps;
}

#captionl {
	font-size: x-large;
	font-weight: bold;
	font-variant: small-caps;
	text-align: right;
	width: 35%;
	float: left;
}

#captionr {
	width: 35%;
	float: right;
	text-align: left;
	font-size: x-large;
	font-weight: bold;
	font-variant: small-caps;
}

#description {
	font-style: italic;
}

#photospace {
	width: 95%;
	clear: both;
	padding: 2% 2%;
}

#ipnavspace {
	text-align: right;
	float: right;
	margin-bottom: 5%;
}

#imagespace {
	clear: both;
	width: 505px;
	float: left;
	overflow: auto;

	padding: 0 0;
}

#metadata {
	float: right;
	width: 40%;
	border-width: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 0;
}

#exifinfo {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	vertical-align: bottom;
}

#exiftable {
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: small;
}

#imglinks {
	font-size: x-small;
}

.inforow {
}

.infokey {
	vertical-align: top;
}

.infovalue {
	vertical-align: top;
	font-weight: lighter;
}

/* Gallery and index pages */
.galleryroweven {
	clear: both;
}

.galleryrowodd {
}

.galleryitemdiv {
	border-bottom: 1px dotted #ffffff;
	padding: 0 0;
}

.galleryicon {
	text-align: right;
	vertical-align: top;
}

.gallerytitle {
	margin-right: 20px;
	font-size: large;
	font-variant: small-caps;
	text-align: right;
}

.gallerycaption {
	font-size: small;
	text-align: right;
}

#indexcontents {
	width: 98%;
	text-align: center;
	padding: 0 0;
}

#featuredphoto {
	float: left;
	clear: left;
	width: 40%;
	text-align: right;
}

#galleries {
	text-align: right;
	float: right;
	clear: right;
	width: 55%;
}

#explanation {
	text-align: right;
	font-size: large;
	font-weight: bold;
	font-variant: small-caps;
}

#indexiconspace {
	float: right;
	width: 55%;
	text-align: left;
}

#indexicon {
}

#indextitlesection {
	float: left;
	width: 40%;
	text-align: right;
	margin-bottom: 20px;
}

#indextitle, #gptitle {
	font-size: xx-large;
	font-variant: small-caps;
}

#indexsubtitle, #gpsubtitle {
	font-style: italic;
}

#gpnavspace {
	font-variant: small-caps;
	float: right;
	width: 40%;
	text-align: right;
}

.gppageicon {
	border: 0;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.gpnavicon {
	border: 0;
	vertical-align: middle;
}

#gplinks {
	clear: both;
}

#aftertext {
	clear: both;
	margin-top: 5%;
	font-size: x-small;
	float: left;
}

/* photo viewing page */
#vpphotospace {
	width: 98%;
	text-align: center;
	padding: 0 0;
}

#vpnavspace {
	font-variant: small-caps;
	font-size: small;
}

.vpnavicon {
	vertical-align: top;
}

#vpnavprev {
	float: left;
	text-align: left;
	width: 10%;
	margin-left: 0%;
	vertical-align: top;
	font-variant: small-caps;
	font-size: small;
}

#vpnavnext {
	float: right;
	vertical-align: top;
	text-align: right;
	width: 10%;
	margin-right: 0%;
	font-variant: small-caps;
	font-size: small;
}

#vpimagespacev {
	float: left;
	clear: both;
	width: 55%;
	text-align: right;
}

#vpimagespaceh {
	float: left;
	clear: both;
	width: 99%;
	text-align: center;
}

#vpimagespacel {
	float: left;
	clear: both;
	width: 35%;
	text-align: right;
}

#vpimagespacer {
	float: right;
	clear: right;
	width: 35%;
	text-align: left;
}

#vptitledescc {
	clear: both;
}

#vpimage {
	border: 5px solid #dfdfdf;
}

#vptitledescv {
	float: right;
	clear: right;
	width: 40%;
	text-align: left;
	margin-top: 10%;
}

#vptitledesch {
	clear: both;
	text-align: center;
	vertical-align: middle;
}

/* Construction progress gallery */

#cpvtitle {
	font-size: xx-large;
	font-variant: small-caps;
}

#cpvintro {
	width: 40%;
	margin-top: 2%;
	float: right;
	clear: both;
	font-style: italic;
}

#cpvtable {
	float: left;
	width: 50%;
	margin-top: 2%;
	text-align: center;
}

.cpvheader {
	font-variant: small-caps;
}

.cpvdate {
	border-top: 1px dotted #ffffff;
	text-align: left;
}

.cpvimageicon {
	border: 5px solid #606060;
}

/* Introduction gallery page */
#gpintrophoto {
	float: right;
	margin: 5%;
	width: 10%;
	text-align: right;
}

#gpexplain {
	clear: left;
	width: 40%;
	margin-top: 2%;
	margin-left: 5%;
	float: left;
}

#gpintro {
	clear: left;
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	width: 75%;
	margin-bottom: 2%;
}

#gplink {
	clear: right;
	float: right;
	width: 40%;
	margin-top: 5%;
}
#gplinkscol1 {
	float: left;
	width: 25%;
}
#gplinkscol2 {
	float: left;
	width: 24%;
}
#gplinkscol3 {
	float: left;
	width: 24%;
}
#gplinkscol4 {
	float: left;
	width: 24%;
}

.gppeopleicon {
	vertical-align: middle;
}

.gppeopleiconspace {
	float: left;
	clear: both;
	width: 50px;
	height: 50px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.gppeoplelink {
	text-align: left;
	font-variant: small-caps;
}

.gppeopleentry {
	margin-bottom: 5%;
	clear: both;
}

.gpimglink {
	font-variant: small-caps;
	font-size: large;
}

/* Panorama/intro page */
#ptspace {
	clear: both;
}

#pteasytitle {
	font-variant: small-caps;
	font-size: xx-large;
	float: left;
	text-align: right;
	width: 45%;
}

#pthrtitle {
	font-variant: small-caps;
	font-size: xx-large;
	float: right;
	width: 45%;
}

.pttechnotes {
	margin-left: 10%;
	margin-right: 10%;
	clear: both;
}

.pttechlink {
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 10%;
	font-variant: small-caps;
	text-align: left;
	clear: both;
}

#pteasyspace {
	float: left;
	width: 45%;
	background-color: #505050;
}

#pthrspace {
	margin-left: 2%;
	float: right;
	width: 45%;
	background-color: #505050;
}

.pttechiconspace {
	float: left;
	width: 80px;
	height: 64px;
	text-align: right;
	margin-right: 5%;
}

.pttechicon {
	border: 0;
	height: 64px;
}

#ptnotes {
	clear: both;
	margin-top: 20px;
}