/* =======================
Copyright: 3plains
   Author: Mark Cook
  Contact: www.3plains.com
======================= */

/* ========== CSS 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, a, a img {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
	list-style: none; 
	-webkit-text-size-adjust: none;
	border-collapse: collapse;
	}

body { margin-top: 0; margin-right: 0; font:15px 'Trebuchet MS',Georgia,'Times New Roman',Times,serif; color:#2C1A10; background: #29180e url("/uploads/design/site-bg.jpg") repeat-x; text-decoration:none; line-height: 1.5; }

a { color: #794933; }
a:hover { color: #987F45; text-decoration:none; }
#pre-page a { color:white; text-decoration:underline; }
#pre-page a:hover { color:white; text-decoration:none }
#content a { color:#794933; text-decoration:underline; }
#content a:hover { color:#987F45; text-decoration:none; }
#side-bar a { color:#794933; text-decoration:underline; font-weight:bold; }
#side-bar a:hover { color:#987F45; text-decoration:none; font-weight:bold; }
#footer a { color:white; text-decoration:underline; }
#footer a:hover { color:white; text-decoration:none }

p { margin:0; padding-bottom:12px; }
h1, h2, h3, h4 { margin:0; padding-bottom:15px; }
h1 { font-size:170%; }
h2 { font-size:140%; }
h3 { font-size:120%; }
h4 { font-size:100%; }

img { border:none; }

#pre-page { width:888px; margin:0 auto; text-align:right; color:#FFFFFF; font:12px 'Trebuchet MS','Times New Roman',Times,serif; padding:8px 0; text-decoration:none; text-shadow:-1px 1px 2px #000000; }

#page { width:888px; background:#EAE4D5; margin:0 auto; border:1px solid #A79366; padding:12px; }
	#header-container { position:relative; }
		#header { height:200px; }

/* ========== NAVIGATION ============================== */
#nav {
	position: absolute;
	top: 201px;
	left: 0;
	height: 34px; 
	width: 888px; 
	}
		
	#nav1 a { position: absolute; top: 0; left: 0;     height: 34px; width: 96px;   text-indent: -999em; background: url('/uploads/design/bg-nav.jpg') no-repeat 0 0; }
	#nav2 a { position: absolute; top: 0; left: 97px;  height: 34px; width: 158px;  text-indent: -999em; background: url('/uploads/design/bg-nav.jpg') no-repeat -97px 0; }
	#nav3 a { position: absolute; top: 0; left: 256px; height: 34px; width: 132px;  text-indent: -999em; background: url('/uploads/design/bg-nav.jpg') no-repeat -256px 0; }
	#nav4 a { position: absolute; top: 0; left: 389px; height: 34px; width: 141px;  text-indent: -999em; background: url('/uploads/design/bg-nav.jpg') no-repeat -389px 0; }
	#nav5 a { position: absolute; top: 0; left: 531px; height: 34px; width: 133px;  text-indent: -999em; background: url('/uploads/design/bg-nav.jpg') no-repeat -531px 0; }
	#nav6 a { position: absolute; top: 0; left: 665px; height: 34px; width: 106px;  text-indent: -999em; background: url('/uploads/design/bg-nav.jpg') no-repeat -665px 0; }
	#nav7 a { position: absolute; top: 0; left: 772px; height: 34px; width: 116px;  text-indent: -999em; background: url('/uploads/design/bg-nav.jpg') no-repeat -772px 0; }
	
	#nav1 a:hover { background-position: 0 -34px; }
	#nav2 a:hover { background-position: -97px -34px; }
	#nav3 a:hover { background-position: -256px -34px; }
	#nav4 a:hover { background-position: -389px -34px; }
	#nav5 a:hover { background-position: -531px -34px; }
	#nav6 a:hover { background-position: -665px -34px; }
	#nav7 a:hover { background-position: -772px -34px; }

	#nav1 a:active, #nav1 a.current { background-position: 0 -34px; }
	#nav2 a:active, #nav2 a.current { background-position: -97px -34px; }
	#nav3 a:active, #nav3 a.current { background-position: -256px -34px; }
	#nav4 a:active, #nav4 a.current { background-position: -389px -34px; }
	#nav5 a:active, #nav5 a.current { background-position: -531px -34px; }
	#nav6 a:active, #nav6 a.current { background-position: -665px -34px; }
	#nav7 a:active, #nav7 a.current { background-position: -772px -34px; }

	#content-container { overflow:hidden; margin-top:35px; }
		#crumbs { margin:5px 0; font-size:8pt; color:black; }
		#content { float:left; background: #FFFFFF; width:584px; padding:10px 15px 0 15px; border:1px solid #CEC4AC; }
		#side-bar { float:right; width:260px; }
			#side-bar .box { background: #FFFFFF; border:1px solid #CEC4AC; padding:10px; margin-bottom:15px; }
			#side-bar .box ul { margin:0; padding:0; }
			#side-bar .box li { margin:0; padding:4px 0; list-style:none; text-align:left; }
	#footer-nav a:hover { color:#9F5915; text-decoration:none; }
#footer { text-align:center; margin-top:5px; }
	#footer-nav { margin:0; padding:5px 0 20px 0; }
	#footer-nav li { display:inline; list-style:none; background:url("/uploads/design/breaker.gif") 2px 2px no-repeat; padding-left:10px;}
	#footer-nav li:first-child{ background:none; }
	#footer-nav a { color:white; text-decoration:underline; }
	#footer-nav a:hover { color:white; text-decoration:none; }
	#footer p { color:white; padding-bottom:0px;}
	
/* ========== PHOTO GALLERY ============================== */

#gallery-header { background: none; float: left; width: 569px; margin: 0 0 2em 0; }
#gallery-capsule { background: none; float: left; width: 569px; margin: 0 0 3em 0; }
#gallery-thumb { float: left; width: 240px; margin: 0 0 0 0; }
#gallery-thumb img { float: left; margin: 0 0 0 0; }
#gallery-detail { float: left; width: 569px; margin: 0 0 1em 0; }
#gallery-detail h1 { font-size: 2.25em; line-height: .8em; border-bottom: none; margin: 0 0 .4em 0; }
#gallery-detail h2 { font-size: 1.75em; line-height: .8em; border-bottom: none; margin: 0 0 .4em 0; }
#gallery-info { float: right; width: 318px; margin: .2em 0 0 0; }
#gallery-info h2 { font-size: 1.75em; line-height: .8em; border-bottom: none; margin: 0 0 .4em 0; }
.description { font-size: 1.1em; line-height: 1.7em; color: #000; }
.detail-description { font-size: 1.1em; line-height: 1.7em; color: #000; margin: 0 0 1.6em 0; }
.photo-by { font-size: 1.1em; line-height: 1.7em; color: #000; }
.uploaded { font-size: 1.1em; line-height: 1.7em; color: #000; }
.location { font-size: 1.1em; line-height: 1.7em; color: #000; }
.tags { font-size: 1.1em; line-height: 1em; color: #000; }
.tagged { font-size: 1.1em; line-height: 2.4em; color: #000; }
.additional-info { font-size: 1.1em; line-height: 1.7em; color: #000; }
.results { font-size: .9em; line-height: 2.6em; color: #8a8a8a; }
#gallery-footer { background: none; float: left; width: 569px; margin: 0 0 2em 0; padding: 0 0 2em 0; text-align: center; }
#gallery-footer-nav a { font-size: 1.1em; border: #8a8a8a 1px solid; margin: 0 2px 0 2px; padding: 2px 7px 2px 7px; text-decoration: none; }
#gallery-footer-nav a:hover { background: #4e1c00; font-size: 1.1em; color: #fff; border: #424242 1px solid; margin: 0 2px 0 2px; padding: 2px 7px 2px 7px; text-decoration: none; }