/* =======================
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 { color:#213127; font:14px/19px Arial; background:#3B5947; }

a { color: white; }
a:hover { color: #9F5915; text-decoration:underline; }
#pre-page a { color:white; text-decoration:none; }
#pre-page a:hover { color:white; text-decoration:underline }
#content a { color:#585242; text-decoration:underline; }
#content a:hover { color:#412D24; text-decoration:none; }
#side-bar a { color:#585242; text-decoration:none; text-transform:uppercase; font-weight:bold; }
#side-bar a:hover { color:#412D24; text-decoration:none; }
#crumbs a { color:black; font-weight:bold; }
#crumbs a:hover { color:#9F5915; }
#footer-nav a { text-decoration:none; color:#585242; }
#footer-nav a:hover { color:#412D24; 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:914px; margin:0 auto; text-align:right; color:#FFFFFF; font:bold 12px/1.5 Arial,Georgia,"Times New Roman",Times,serif; padding:2px 0; text-decoration:none;	text-shadow:-1px 1px 2px #000000; }

#page { width:888px; background:#e3d2ac; margin:0 auto; border:1px solid #999; padding:10px; }
	#page-header { position:relative; }
		#header { height:200px; width:888px;  }
		#header h1 { text-indent:-999px; }
		#header a { background:url(../design/header-logo.jpg); cursor:pointer; display:block; height:200px; width:888px; }
		
		/*------ Top navigation ---------*/
		#top-nav { background:#3b5947; border:1px solid #80886f; height:29px; font-family:Arial; line-height:19px; text-align:center; }
		#top-nav ul {
		  margin: 0;
		  border: 0 none;
		  padding: 0;
		  width: 888px;
		  list-style: none;
		  height: 22px;
		  /*position:relative;*/
		  clear:both;
		  z-index:100;
		  text-align:center;
		}
		
		#top-nav ul li {
		  margin: 0;
		  padding: 0 8px 0 9px;
		  border: 0 none;		  
		  float: left; /*For Gecko*/
		  display: inline;
		  list-style: none;
		  position: relative;
		  display:block;
		  border-left:1px solid #80886f;
		}
		
		#top-nav ul li:first-child { border-left:none; }
		
		#top-nav ul ul {
		  margin: 0;
		  border: 0 none;
		  padding: 0;
		  width: 160px;
		  list-style: none;
		  display: none;
		  position: absolute;
		  top: 4px;
		  left: 0;
		}
		
		#top-nav ul ul li {
		  float: none; /*For Gecko*/
		  display: block !important;
		  display: inline; /*For IE*/
		  margin:0;
		  border:none;
		}
		
		/* Root Menu */
		#top-nav ul li a {
		  font-size:10pt;
		  font-weight:bold;
		  color:#D0C7B7;
		  padding:6px 2px 4px 2px;
		  text-align:center;
		  text-transform:uppercase;
		  float: none !important; /*For Opera*/
		  float: left; /*For IE*/
		  display: block;
		  text-decoration: none;
		  height: auto !important;
		  height: 1%; /*For IE*/
		  -webkit-text-size-adjust: none;
		}
		
		/* Root Menu Hover Persistence */
		#top-nav ul.hover li.hover a { color:#3b5947; }
		#top-nav li a:hover { color:#3b5947; background:#e7b42b; }
		#top-nav li.hover { background:#e7b42b; border-bottom:1px solid #80886f; }
		
		/** Sub Nav **/
		
		#top-nav li ul { position:absolute; height:auto; margin:27px 0 0 0; font-weight:normal; left:-999em; z-index:120; }
		#top-nav li.hover ul { color:#de610e; left:-11px; z-index:99999; display:block; }		
		
		#top-nav li li.hover { background:none; border-bottom:none; }
		#top-nav ul.hover li.hover li a { color:#D0C7B7; background:#3b5947; width:7em; margin:-2px 0 0 0; font-size:10pt; padding:4px 9px 6px; }
		#top-nav ul.hover li li a:link { color:#D0C7B7; background:#3b5947; width:7em; margin:-2px 0 0 0; border:solid #80886f 1px; }
		#top-nav ul.hover li li a:visited { color:#D0C7B7; background:#3b5947; width:7em; margin:-2px 0 0 0; border:solid #80886f 1px; }
		#top-nav ul.hover li li a:hover { color:#e7b42b; background:#3b5947; width:7em; margin:-2px 0 0 0; }
		
		/* hide from IE mac \*/
		#top-nav li { width:auto }		
		/* end hiding from IE5 mac */		
		/*------ End Top navigation ---------*/
		
	#content-container { overflow:hidden; }
		#crumbs { margin:5px 0; color:black; }
		#content { float:left; background:#f6f1f0; font-family:Arial; width:574px; padding:10px 15px 0 15px; border:1px solid #999; }
		#side-bar { float:right; font-family:Arial; width:270px; }
			#side-bar .box { border:1px solid #999; padding:10px; background:#f6f1f0; margin-bottom:15px; }
			#side-bar .box ul { margin:0; padding:0; }
			#side-bar .box li { margin:0; padding:2px 0; list-style:none; }
		#footer-nav { margin:0; padding:0; text-align:center; font-family:Arial; font-weight:bold; }
		#footer-nav.row1 li, #footer-nav.row2 li { display:inline; list-style:none; border-left:1px solid #585242; padding:0 3px 0 8px;}
		#footer-nav.row1 li:first-child, #footer-nav.row2 li:first-child { border:none; }
		
		
#footer { text-align:center; font-family:Arial; margin-top:10px; }	
	#footer a { color:#D9CB8B; text-decoration:none; }
	#footer a:hover { color:#D7BA33; text-decoration:underline; }
	#footer p { color:white; padding-bottom:5px; }

/*	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.65em;
		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.85em;
		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: #D4C6A5;
		font-size: 1.1em;
		color: #fff;
		border: #424242 1px solid;
		margin: 0 2px 0 2px;
		padding: 2px 7px 2px 7px;
		text-decoration: none;
	}