/* =======================
Copyright: 3plains
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:10pt Georgia,'Times New Roman',Times,serif; color:#000; background: #000 url("/uploads/design/site-bg.jpg")  no-repeat center top }
 
a { color: white; }
a:hover { color: #efda25; text-decoration:underline; }
#pre-page a { color:white; text-decoration:none; }
#pre-page a:hover { color:white; text-decoration:underline }
#content a { color:#534833; text-decoration:underline; }
#content a:hover { color:#9F5915; text-decoration:none; }
#side-bar a { color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:bold; }
#side-bar a:hover { color:#efda25; 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:bold 11px/1.5 Georgia,"Times New Roman",Times,serif; padding:8px 0; text-decoration:none;	text-shadow:-1px 1px 2px #000000; }

#page { width:888px; background:#36373b; margin:0 auto; border:1px solid black; padding:12px; }
	#page-header { position:relative; border:1px solid black; }
		#header { height:173px; }
	#content-container { overflow:hidden; }
		#crumbs { margin:5px 0; font-size:8pt; color:white; }
		#content { float:right; background: #FFF; width:594px; padding:10px 15px 0 15px; border:1px solid black; }
			#content ul { margin:0 0 12px 24px; padding:0; }
			#content li { list-style:square; }
		#side-bar { float:left; width:250px; }
			#side-bar .box { border:1px solid white; padding:10px; background:url("/uploads/design/left-nav-bg.jpg"); margin-bottom:15px; color:#FFFFFF}
			#side-bar .box ul { margin:0; padding:0; }
			#side-bar .box li { margin:0; padding:3px 0; list-style:none; text-align:center; }
#footer { text-align:center; margin-top:10px; }
	#footer-nav { margin:0; padding:5px 0 10px 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 { text-decoration:none; }
	#footer-nav a:hover { color:#9F5915; text-decoration:none; }
	#footer p { color:white; padding-bottom:5px;}
	
/* ========== 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; }