/* @group Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* @end */

html, body{
 height:100%;
}

body {
 text-align:center;
 background-color: #361007;
 color:#777777;
	font: 0.8em/1.3em "trebuchet ms", verdana, sans-serif;
}

img {
 border:0px;
}

a {
 color: #a87735;
 text-decoration:none;
}
a:hover {
	color: #f5d280;
	text-decoration: underline;
}
p {
	text-align: left;
}


h1 {
 font-family: verdana, sans-serif;
 font-size:120%;
 margin:1em 1em 0em 1em;
 padding:0.1em;
 letter-spacing:1px;
 font-weight:normal;
}

h2 {
 font-size:120%;
 margin:0em;
 margin-top:0.3em;
 padding:0em;
 letter-spacing:2px;
 font-family: verdana, sans-serif;
 font-weight:normal;
 color: #a2a462;
}

.initialcap {
	color: #fff;
	font: 2em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .15em;
}
#container {
 width: 680px;
 margin: 0 auto;
 background-color: #361007;
}
/* IE6 hack */
* html #container {
height: 100%;
}

.clearboth {
 width:100%;
 clear:both;
 font-size:0em;
 height: 1%;
}

#nav {
	width: 680px;
	margin-bottom: 1.5em;
}

#nav a#logo {
 	float: left;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 0;
	width: 188px;
	position: relative;
}

#nav ul {
	float:  right;
	
	list-style-type: none;
	margin-bottom: 0;
	padding: 0 0 1em;
	margin-right: 20px;
}

#nav li {
	float: right;
	display: inline;
}

#nav li  a {
	letter-spacing:2px;
	font-size:90%;
	display: block;
	text-decoration: none;
	border-style: none;
	padding: 2em 2em 0;
}

#nav li a:hover {
 	background-color: #7a331b;
 	color:black;
	border-bottom: 2px solid #ffa500;
	text-decoration: none;
}

#submenu {
 float:right;
 border:1px solid #686868;
 background-color: #361007;
 padding: 0.2em 0.5em;
	margin-bottom: .5em;
}
#submenu a {
	color: #9faa5d;
}
#submenu a:hover {
	color: #dec867;
}
#notes {
 width: 60%;
 font-size:90%;
 float:left;
	text-align: left;
}

#display {
 text-align:center;
 clear:both;
	
}

#display p {
 margin:1em;

}

#text {
 float:left;
 width: 60%;
	text-align: left;
	text-indent: 2em;
}
img.thumbs {
 float:left;
 border: 1px solid #686868;
 padding:0.2em;
 margin:0.3em 0.3em 0.3em 0.3em;
	text-align: left;
}
img.current-thumbnail{
	border: 3px double #fffdac;
	margin-right: 0;
	margin-bottom: .8em;
	margin-top: .5em;
}

.thumbnails {
 float:left;
 border:1px solid #686868;
 padding:0.4em;
 margin:0em 0.3em 0.6em 0.3em; 
}

#footer {
 background-color: #361007;
 padding: 2em 0.5em 0.5em 2em;
 text-align:left;
}

#footer, #footer a {
 color: #777; 
 font-size:95%;
}

#imageWrap {
 background-image:url(../images/load.gif);
 background-repeat:no-repeat;
 background-position:center center;
	margin-top: 10px;
}

#image.photo {
	float:left;
	margin-left: 20px;
}


/* thumbcontainer on browsepage */
#thumbnailwrap {
 width:480px;
 float:left;
}


/* thumbcontainer on imagepage */
#thumbcontainer {
	margin: 47px 0 20px;
	width: 92px;
	float: left;
}
#sidebar {
 width:20%;
 float:right;
 text-align: left;
 border: 1px solid #686868;
 margin: 0px 0px 5px 9px;
	padding: 1.25em;
	color: #b0b0b0;
	border-color: #7a331b;
}

#sidebar.about {
 	width:30%;
}
.mark {
 background-color:#222222;
 color:orange;
}

.tags10 {
 font-size:90%;
}


/* Contact */
.pfc_err {
 border:1px solid red;
 background-color:green;
}