body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	height: 100%;
}

html, body {
	min-height:100.1%;
     	background-color: #191919;
}

p {
	font-size: 11px;
	line-height: 20px;
}

h1, h2, h3 {
	font-family: helvetica, arial, sans-serif;
	color: #666;
}

abbr {
	cursor: help;
}

a:link {
	text-decoration: none;
	color: #CCC;
	}

a:visited {
	text-decoration: none;
	color: #CCC;
	}

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

a:active {
	text-decoration: none;
	color: #CCC;
	}

p a,#about a {
	border-bottom: 1px dotted #CCC ;
}

p a:hover,#about a:hover {
	border-bottom: 1px dotted #F60 ;
}

#header {
	width: 100%;
	height: 80px;
	margin: 0 0 20px;
	text-align: left;
	border-bottom: 1px solid #F60;
	}

	.hlogo {
	width: 132px;
	height: 80px;
	background-image: url(images/logo.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
	text-indent: -5000px;
	}

#hcontent {
	min-width: 480px;
	margin: 0 auto 0;
	height: 80px;
}


/* The photo area and notesbutton wrapper */

#container {
	width:100%;
}


/* Site operation announcement area */

.topribbon p {
	width: 100%;
	line-height: 20px;
	background: #333;
	color: #999;
	border-bottom: 1px dashed #999;
	text-align: center;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 499;
	}


/* Navigation bar and links */
	
	.topnav {
	text-align: right;
	float: right;
	position: relative;
	top: 60px;
	}
	
		.topnav ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: 0;
		}

		.topnav li {
		display: inline;
		}

	/* standard button */
		.topnav a {
		width: 60px;
		float: left;
		margin-right: 1px;
		line-height: 20px;
		font-size: 9px;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.1em;
		background-image: url(images/navbar.jpg);
		background-position: -120px 0px;
/*		background-image: url(images/topnav-standard1.jpg); 
		background-repeat: repeat-x; */
		color: #FFF;
		}
		
		.topnav a:hover {
		background-position: -120px -20px;
/*		background-image: url(images/topnav-standard2.jpg);
*/		}

	/* current page button */
		.topnav-current a {
		width: 60px;
		float: left;
		margin-right: 1px;
		line-height: 20px;
		font-size: 9px;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.1em;
		background-image: url(images/navbar.jpg);
		background-position: -60px 0px;
/*		background-image: url(images/topnav-current1.jpg);
		background-repeat: repeat-x; */
		color: #FFF;
		}
		
		.topnav-current a:hover {
		background-position: -60px -20px;
/*		background-image: url(images/topnav-current2.jpg);
*/		}

	/* notes and comments slide-in button */
		.topnav-notes a {
		width: 60px;
		float: left;
		margin-right: 1px;
		line-height: 20px;
		text-decoration: none;
		letter-spacing: 0.1em;
		background-image: url(images/navbar.jpg);
		background-position: 0px 0px;
/*		background-image: url(images/topnav-notes1.jpg);
		background-repeat: no-repeat; */
		outline: none;
		}
		
		.topnav-notes a:hover {
		background-position: 0px -20px;
/*		background-image: url(images/topnav-notes2.jpg);
*/		}


/* Photo area */

#photobox {
	margin: 0px auto 0px;
	text-align: center;
	background-color: #191919;
	background-image: url(images/dark/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 30px 0px 30px;
	}

#photo {
	position: relative;
	margin: 0px auto 0px;
	text-align: center;
}

/* notes and comments slide-in button - abandoned */

#notesbutton a {
	width: 30px;
	height: 80px;
	float: right;
	margin-right: 50%;
	background-color: #FF0;
	z-index: 200;
}

#notesbutton a:hover {
	background-color: #000;
}

/* Info and comments area */

#info {
	z-index:1000;
	background: #f0eeee;
	text-align:left;
	margin: 0px auto;
}

#info-title {
	text-align:left;
	padding:15px 25px 15px 25px;
	background:#2e2e2e;
}

#title-float {
	float: left;
}

.closebutton {
	float: right;
}

#info-title h3 {
	letter-spacing: 1px;
	font-weight:bold;
	font: 18px/24px helvetica, verdana, arial, sans-serif;
	margin:0px;
	padding:0px;
	color:#999;
}

#info-title h4 {
	letter-spacing: 1px;
	font-style: italic;
	font-weight:normal;
	font: 15px helvetica, verdana, arial, sans-serif;
	margin:0px;
	padding:0px;
	color:#666;
}

.title_sub {
	font: 10px/20px helvetica, verdana, arial, sans-serif;
	font-weight:normal;
}

#info-exif {
	text-align:left;
	padding:15px 25px 15px 25px;
	background:#232323;
	min-height: 115px;
}

#thumbcolumn {
	width: 315px;
	height: 100%;
	float: right;
	margin-left: 10px;
	text-align: center;
}

#info-comments {
	text-align:left;
	padding:15px 25px 15px 25px;
	background:#1b1b1b;
}

#info-comments ul {
	list-style-image: url(images/bullet.gif);
}

#info-comments li {
	margin-bottom: 10px;
	line-height: 16px;
}

#info-comments a {
	border-bottom: 1px dotted #CCC ;
}

#info-comments a:hover {
	border-bottom: 1px dotted #F60 ;
}

#info-addcomment {
	text-align: left;
	padding: 15px 25px 25px 25px;
	background: #121212;
}

#exif {
	float:left;
}

#info_thumb {
	float: right;
	width: 312px;
	background: black;
	padding: 6px;
}


.exif {
	color: #F60;
}


/* Photo hover navigation */

#menu_browse{
	position: absolute;
	margin: 0px;
	margin-right:-10px;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index:10;
}

#menu_browse a{
	outline: none;
}

#menu_browse_prev, #menu_browse_next{
	width: 49.9%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Tricks IE into showing hover */
	display: block;
}

#menu_browse_prev {
	top: 0px;
	left:0px;
	float: left;	
}

#menu_browse_next {
	top: 0px;
	right: 0px;
	float: right;	
}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background: url('images/dark/prev_btn.png') center center;
	cursor: pointer;
}

#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: url('images/dark/next_btn.png') center center;
	cursor: pointer;
}

/* Form components */

.formfield{
	width: 100%;
	padding: 2px;
	margin: 0px auto;
	font: 9px verdana, arial, helvetica, sans-serif;
	color: #777;
	border: 1px solid #2e2e2e;
	background: #2e2e2e;
}

.formfield:hover, .formfield:focus{
	border: 1px solid #999;
	background: #2e2e2e;
	color: #999;
}

.formbutton{
	font: 9px verdana, arial, helvetica, sans-serif;
	padding: 5px;
	margin:	0px auto;
	color: #7D7D7D;
	background: #2e2e2e;
	border:	1px solid #2e2e2e;
}

.formbutton:hover{
	color: #999;
	background: #2e2e2e;
	border: 1px solid #999;
}

/* Browse page thumbnails */

#browse_thumbs {
	background:url(images/dark/grid.gif) top left;
	width: 606px;
	margin: 0 auto;
	text-align: left;
}

#browse_09 {
	height: 320px;
	padding: 10px;
	overflow: auto;
	white-space: nowrap;
}

#browse_09 img {
	border: 0;
	margin: 0;
}

#browse_thumbs .thumbnails {
	border:none;
	margin:0 1px 1px 0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	height:100px;
	width:100px;
}

#browse_thumbs .thumbnails:hover {
	border:none;
	margin:0 1px 1px 0px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	height:100px;
	width:100px;
}

/* About page components */

#about {
	width: 606px;
	margin: 0px auto;
	line-height: 20px;
	text-align: left;
	background-image: url(images/aboutsidebg.jpg);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #676767;
}

#about h4 {
	letter-spacing: 1px;
	font-weight:normal;
	font: 15px helvetica, verdana, arial, sans-serif;
	margin:0px;
	padding:0px;
	color:#FFF;
}

#equipment h4 {
	margin-bottom:10px;
}

#equipment h5 {
	letter-spacing: 1px;
	font-weight: normal;
	font: 12px helvetica, verdana, arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	color: #FFF;
}

#content {
	float: left;
	width: 400px;
	padding:15px 25px;
	margin: 0px;
}

#thanks {
	float: left;
	width: 400px;
	padding:15px 25px;
	text-align: left;
	background-color: #404040;
}

#thanks ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#thanks li {
	color: #fff;
	line-height: 20px;
	border-bottom: 1px solid #333;
	margin-bottom: 5px;
}

#equipment {
	float: left;
	width: 400px;
	background-color: #505050;
	padding:15px 25px;
}

.camera {
	border-bottom: 1px dashed #CCC;
}

.camera p,.camera h5,.camera ul {
	margin-left: 145px;
}

.camera img {
	float: left;
	border: 3px solid #CCC;
	margin: 5px 10px 5px 5px;
}

#sidebar {
	float: right;
	width: 140px;
	text-align: center;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {
	border: none;
}

#sidebar img {
	margin-top: 20px;
	border: 1px solid #888;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#sidebar img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#footer {
	clear: both;
	padding:5px 25px;
	margin: 0px;
	background-color: #2e2e2e;
}

#footer p {
	line-height: normal;
}