/* @override 
	http://arcadiastudio.dev/arcadia_v3.css
	http://www.arcadiastudio.dev/arcadia_v4.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, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
html {font-size:100.01%;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1em; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
:link img {border: 0px none;}
img, a img {padding:0; margin:0; border:none; display:block;}
strong {font-weight:bold;}
em {font-style:italic;}
h1, h2, h3, h4, p, ul, ul li, a {font-family:Arial, Helvetica, sans-serif; color:black;}

h2 {font-size:18px; margin:12px 0; font-weight: normal;}
h3 {font-size:14px; margin:0 0 12px 0; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}
h4 {font-size:10px; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}

p, li {
 font-size:13px; 
 line-height:18px; 
 margin:0 0 11px 0;
}

p a, p a:visited {
 border-bottom: 1px dotted;
 border-color: #9cbc41;
 color: #364810;
 text-decoration: none;
}

p a:hover {
 border-bottom: none;
}
/* General CSS */

body {background-color: #1f3307;}

body.portimage,
body.portimage #mainwrapper,
body.portimage #main,
body.portimage #footer {
 background-color: #333;
 background-image: none;
 border: none;
}
 
#mainwrapper { /* wrapper around main. needed to have 100% width white area */
	background:white url(images/site/bg.gif) no-repeat 0 0;
	width:100%;
	padding:65px 0 120px 0;
	margin:12px auto 0 auto;
	position:relative;
}

#main { /* main content area wide enough for sidebar and home thumbs */
	width:670px;
	margin:0 auto;
	position:relative;
}

#content { /* primary content column. All of the gallery pics are this width */
	width:450px;
	margin:0 auto;
	min-height: 400px;
	position:relative;
	text-align:left;
}

/* @group About Us */

#content.about {
	background-color:#1f3307;
	text-align:left;
	border-top: 2px solid #062d02;
    margin: 0 auto 0 0;
    width: 560px;	
}

#content.about .sub {
	width:80%;
	margin:0 auto;
	padding:50px 25px;
	color:white;	
}
#content.about p, #content.about p a, #content.about li {color:white;}
#content.about li a, #content.about li a:visited {color:white;}
#content.about ul {margin:0 0 18px 0;}
#content.about li {margin:0;}
#content.about h2 {color: #befd44;}
#content.about h3 {
	color:white; 
	padding-top:12px;
	text-transform:uppercase;
}

#content.about h4 {color:#befd44;}

/* @end */

/* @group Port */

#content.portfolio {min-height:450px;}
#content div.thumbs {overflow:auto;}
#content.portfolio a img {margin-bottom:5px;}

h2.portlink {
 background-image: url(images/site/portlinks3.jpg);
 margin: 0 0 5px 0;
}

h2.portlink a {
 display: block;
 height: 90px;
 width: 450px;
 text-indent: -9000px;
}

#desert.portlink {
 background-position: 0 -93px;
}

#comm.portlink {
 background-position: 0 -186px;
}

#public.portlink {
 background-position: 0 -283px;
}

#multi.portlink {
 background-position: 0 -379px;
}
/* @end */


/* @group Nav bar */

#nav {
	width:245px;
	position:absolute;
	left:568px;
	top:220px;
}

#nav ul {
 width: 100px;
}

#nav li {
	border: 1px solid #ccc; 
	border-width: 1px 0 0 0;
	padding:3px 0;
	margin: 0;
}
#nav li, #nav li a {
	color:#263f09;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
#nav li a:hover {color: #653503;}

#nav p {
 line-height: 13px;
 margin:0 0 8px 0; 
 padding:0 0 0 12px; 
 font-weight:normal; font-size:12px;
 width: 100%;
}

#nav p a, #nav p a:visited {
 border: none;
 font-weight: normal;
}

#nav p.homenews {
 margin: 0 0 8px 0;
}

#nav p.sticky {
 font-weight: bold;
}

#nav p.homenews a {
 	border: none;
 	color:#263f09;
 	xline-height: 24px;
 	margin: 8px 0;
 	padding: 0; 
	text-decoration:none; 
}

#nav p a:hover {
 border-bottom: 1px dotted;
 text-decoration:none;
}

#nav h2 {
 color: #3a1e04;
 font-size: 13px;
 font-weight: bold;
 margin: 28px 0 6px 0;
}

/* @end */

#content.blog {
 margin: 0 auto 0 0;
 min-height: 550px;
 width: 570px;
}

/* @group Footer */

#footer {
	border-top:2px solid #6c8123;
	background:url(images/site/footleaf.png) no-repeat top center;
	color: white;
	width:100%;
	min-height:530px;
	margin:0; padding:0;
}

#bloghook {
	background-color: #0c2d00;
	margin: 0 auto;
	padding: 5px 30px 20px	;
	position: relative;
	width: 390px;	
}

#footersidebar {
 color: white;
 padding: 0px 10px 30px 20px;
 position: absolute;
 right: -230px;
 top: 0px;
 width: 200px;
}

#bloghook li, #bloghook li a {
 color: white;
 padding: 0;
 margin: 4px 0;
}

#bloghook h1 {
 background-color: #0c2d00;
 color: white;
 font-size: 14px;
 line-height: 14px;
 padding: 8px 15px;
 position: absolute;
 top: -30px;
 right: 0px;
}

#bloghook h2 {
 color: yellowgreen;
 font-size: 16px;
}

#bloghook h3 {
 color: yellowgreen;
 font-size: 10px;
 letter-spacing: 1;
 margin: 18px 0 0 0;
 padding: 0;
 text-transform: uppercase;
}

#bloghook h4 {
 color: white;
 font-size: 12px;
 font-weight: normal;
 letter-spacing: 0;
 line-height: 20px;
 padding: 0;
 text-transform: none;
}


#bloghook p {
 color:white;
}

div.posts {
 border-right: 2px solid #ccc;
 width: 95%;
}

div.archive {
 margin: 0 40px 0 auto;
 width: 50%;
}

div.post {
 padding: 18px 24px 18px 36px;
}

div.sticky {
 background-color: #fefed7;
}

div.post h2, 
div.archive h2 {
 margin: 0 0 8px 0;
 color: #263f09;
 font-size: 20px;
}

div.post h2 a {
 text-decoration: none;
 color: #263f09 ;
}

div.post h2 a:hover {
 border-bottom: 1px solid #ccc;
}

div.archive h4 {
 margin: 24px 0 8px 0;
}

div.archive p a {
 border-bottom: 1px #aaa solid;
 text-decoration: none;
}
p.meta, span.author {
 color: #555;
 font-size: 12px;
 line-height: 11px;
}

span.author {
 padding-left: 4px;
}

p.readmore {
 color: #666;
 font-size: 11px;
 text-transform: uppercase;
}

p.readmore a {
 color: olive;
 border-bottom: 1px dotted;
 text-decoration: none;
}
p.date {
 color: #666;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 11px;
}
/* @end */



p.location { /* used for the contact info on the home page */
	font-size:13px; 
	font-weight:bold; color:#777;
	margin:0;
	line-height:12px;
	padding: 2px 0;
	text-align:right;
}
p.location span.town {
	color:#263f09; 
	padding-right:3px; 
	letter-spacing:0px;
}

#logo {/* Main logo in the sidebar */
	background:white url(images/site/logo2.gif) top right no-repeat;
	position:absolute; right:0px; top:0px;
	width:105px; height:194px;
	text-indent:-9000px;
	margin:0; padding:0;
}
#logo a {width:105px; height:194px; display:block; margin:0; padding:0;}

body.portimage #logo {
	background:#222 url(images/site/logo2.gif) top left no-repeat;
}

#wordmark { /* the scripty wordmark that is over the home splash image */
	background: url(images/site/wordmark.png) top right no-repeat;
	position:absolute;
	left:80px;
	top:-50px;
	width:194px;
	height:88px;
	text-indent:-9000px;
	margin:0; padding:0;
}

p.homethumbs { /* The thumbs in the bottom left corner of the splsh image*/
	position:absolute;
	text-indent:-9000px;
}

p.homethumbs a {
	border: none;
 	display: block;
 	height: 100px;
 	width: 100px;
 	text-decoration: none;
 	text-indent: -9000px;
}

p.homethumbs a:hover {
 border: none;
 text-decoration: none;
}

p#home1 {
	top:350px; 
	left:-105px; 	
 	background: white url(images/site/homethumbs2.jpg) top left no-repeat;}
p#home2 {
	top:455px; 
	left:-105px; 
	background: white url(images/site/homethumbs2.jpg) bottom left no-repeat;}
p#home3 {
	top:455px; 
	left:0px; 
	background: white url(images/site/homethumbs2.jpg) bottom right no-repeat;}


h2.catname, h2.catname a { /* cateogry name that goes over the port gallery */
	position:absolute;
	top:-18px;
	left:0px;
	width:450px;
	color:#1f3307;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}

h2.catname a:hover {
	text-decoration:none; 
	color: #653503;
}

#content.portimage h2.catname, 
#content.portimage h2.catname a,
#content.portimage h2.catname a:visited {
	color: #999;
	font-size: 12px;
}

#content.portimage h2.catname a:hover {
	color: white;
}

#prev, #next {
	position:absolute; top:405px;
	text-align:left;
	width:36px; height:36px;
	height: auto;
}
#prev {/* image link to previous port image */
	background: url(images/site/prev2.png) top right no-repeat;
	right: 460px;
}
#next {/* image link to next port image */
	background: url(images/site/next2.png) top right no-repeat;
	right:-45px;
}

#prev a, #next a {
	border: none;
	width:36px; 
	height:36px; 
	display:block; 
	text-indent:-9000em;
}



img.splash {padding-bottom:3px;}
img.thumb, a img.thumb {float:left; padding:0px 5px 0 0; margin:0; text-decoration:none;}

h4.latestentries {
 color: #aaa;
 margin-top: 18px;
}