/*
	Main Stylesheet for Freshwater Land Trust
*/

/*@import url("print.css");*/

/* resets */
* { padding: 0; margin: 0;}
img { border: 0; }
html {
	overflow: -moz-scrollbars-vertical;
	margin-bottom:1px;
	height: 100%;
}

body {
	background: #ede8ce;
	color: #666055;
	font: 14px Arial, Helvetica, Verdana, Sans-Serif;
}

/*
	= Main links
*/

a {
	color: #7b92c0;
	text-decoration: none;
	outline:none;
}

a:visited {
}

a:hover {
	color: #1c65ab; 
	text-decoration: none;
}


/*
	= Headlines
*/

h1, h2, h3, h4, h5 {
  font-size: 1em;
  margin: 0 0 1em;
}
h1, h2, h3 {
  font-family: Georgia, Serif;
}

.ins { 
	font-style: italic;
}

/*
	= Structure
*/

#page {
  position: relative;
	background: #fff;
	border: 5px solid #f6f4e8;
	margin: 20px auto;
	width: 950px;
	padding: 10px 0 20px 10px;
}

#navbar {
	float: left;
	width: 170px;
	margin-right: 24px;
}

#main {
	float: left;
	width: 522px;
	padding: 20px 0 0;
	margin-right: 24px;
	/*background: #cff;*/
}
#main-home {
	float: left;
	width: 738px;
	margin: 10px 0 20px;
}

#sidebar {
	float: left;
  margin: 0;
	padding: 100px 0 20px;
	width: 200px;
}

/*
	= Navbar Column
*/

#logo {}

#logo a {
  display: block;
  text-indent: -1000em;
  width: 180px;
  height: 152px;
  background: url('../images/logo_fwlt.gif') 50% 0 no-repeat;
}

div.hr-gradient {
  height: 13px;
  background: url('../images/bar_gradient.gif') 50% 0 no-repeat;
  margin: 15px 0 5px; 
}

#nav, #nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#nav li {
  display: inline;
}
#nav li a {
  font-size: 1em;
  line-height: 1.4em;
  display: block;
  padding: .2em .6em;
  margin-bottom: 1px;
}
#nav a:hover, #nav li.current_page_item a,
#nav li.current_page_item ul a:hover,
#nav ul li.current_page_ancestor a,
body.our-blog li.page-item-398 a {
	color: #1c65ab;
	background-color: #e6f5f1;
}

/* subnav */
#nav ul {
  margin: 0 0 0 20px;
}
#nav li ul {
  display: none;
  margin-bottom: 6px;
}
#nav li.current_page_item ul, #nav li.current_page_ancestor ul {
  display: block; 
}
#nav ul li a {
  font-size: 0.9em;
}
#nav li.current_page_item ul a {
  background: none;
}

#logo-accredited {
  display: block;
  width: 170px;
  height: 112px;
  margin: 2em 0;
  text-indent: -1000em;
  background: url('../images/logo_accredited.gif') 30% 0 no-repeat;
}


/*
	= Header
*/

#header {
  min-height: 80px;
  height: auto !important;
  height: 80px;
}

#header h1 {
	font: normal 24px Georgia, Times, Serif;
	margin: 10px 0 14px;
  padding: 0;
}

#header p.breadcrumb {
  font-size: 11px;
  line-height: 15px;
	height: 15px;
	margin: 0;
	color: #99907f;
}

/*
	= Main Content
*/

p {
  margin: 0 0 1em;
  line-height: 1.4em;
}

ul {
  list-style-type: disc;
  margin: 0 2em 1em;
  padding: 0; 
}
ul li, ol li {
  line-height: 1.4em;
  margin-bottom: 0.6em;
}
ul.tight li, ol.tight li {
  margin-bottom: 0;
}
ol {
  margin: 0 2em 1em;
  padding: 0; 
}


span.hilight {
  background-color: #FFB;
  text-decoration: none !important;
}

h2 {
	font-family: Georgia, Serif;
	font-size: 1.2em;
	margin: 0 0 0.6em;
	color: #656255;
}

#post h3 {
	font-family: Georgia, Serif;
	font-size: 1.2em;
	margin: 1.4em 0 0.6em;
	color: #656255;
}
#post h4 {
	font-size: 1.2em;
	margin: 0 0 1em;
	color: #656255;
}
#post h5 {
	font-size: 1.2em;
	margin: 1.0em 0 0.2em;
	color: #656255;
}

div.page-content {
  clear: both;
  margin-bottom: 1em; 
}
#post {
  clear: both;
}

/* HOME */

/* feature slides */
#feature-frame {
  position: relative;
  width: 738px;
}
.slide-box {
  position: relative;
  padding: 0;
  margin: 0;
}
.slide-img {
  position: relative;
  width: 738px;
  height: 500px;
  border: 1px solid #e0e0cc;
  border-bottom: none;
}
.slide-img img {
  width: 738px;
}
.slide-txt {
  padding: 48px 12px 0;
  min-height: 128px;
  height: auto !important;
  height: 128px;
  border: 1px solid #e0e0cc;
  background: #f6f4e8;
  overflow: hidden;
}
.slide-txt h2 {
  font-size: 20px;
  margin: 0 0 10px;
}
.slide-txt p {
  margin-bottom: 12px;
}
.slide-attr {
  position: absolute;
  right: 10px;
  top: 480px; 
  z-index: 10000;
  font-size: 11px;
  color: #ccc;
}

/* slide nav */
#feature-nav {
	list-style-type: none;
	margin: 0;
  position: absolute;
  top: 513px;
  left: 12px;
  z-index: 100000;
}
#feature-nav li {
	display: inline;
}
#feature-nav li a {
	border: 1px solid #c2974c;
	color: #c2974c;
	display: block;
	float: left;
	margin-right: 6px;
	padding: 0.1em .5em;
	text-decoration: none;
  background: #fff;
  font-size: 16px; 
}
#feature-nav li a:hover, #feature-nav li a.activeSlide {
	background-color: #ddf7f7;
	border: 1px solid #5a97c7;
	color: #5a97c7;
}

#home-bottom {
  margin-top: 24px; 
}
/* welcome block */
#welcome-block {
  float: left;
  width: 350px;
  margin-right: 38px;
}
#welcome-block h1, #latest-block h3 {
  background-color: #EDE8CE;
  color: #656255;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 2px;
  padding: 0.3em 0.5em 0.2em;
  text-transform: uppercase;
  margin: 0 0 0.6em;
}

/* news feed */
#latest-block {
  float: left;
  width: 350px;
}
#latest-block h3 {
  letter-spacing: 1px;
}
#latest-block ul {
  list-style-type: none;
  margin: 0 0 1em;
  line-height: 20px;
}
#latest-block a {
  font-size: 15px;
}
#follow {
  height: 50px; 
}
#follow a {
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  text-indent: -1000em;
  margin-right: 10px;
}
a#facebook {
  background: url('../images/icon_facebook.jpg') no-repeat;
}
a#twitter {
  background: url('../images/icon_twitter.jpg') no-repeat;
}


/* STAFF / PARTNERS PAGES */

div.bio {}
div.bio h3 {
  margin-bottom: 0;
}
div.bio h4 {
  font-style: italic;
  margin-bottom: 0.6em; 
}
img.bio_thumb {
  width: 100px;
}
p.toplink {
  font-size: 11px;
  text-align: right;
  clear: both;
}
ul.board-list {
  width: 250px;
  list-style-type: none;
  margin: 0 20px 2em 0;
}
ul.board-list li {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 0.6em; 
}
ul.board-list li em {
  font-size: 12px; 
}
ul.board-list li.listBdrTop {
  border-top: 1px solid #ddd;
  margin-top: 0.6em;
  padding-top: 0.5em; 
}

/* LOCATIONS PAGES */
ul.loca-list {
  list-style-type: none;
  margin: 0;
  border-top: 1px solid #e0e0e0;
}
ul.loca-list li {
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
ul.loca-list li a {
  font-size: 18px;
  display: block;
  padding: 6px 10px 6px 36px;
  background-repeat: no-repeat;
  background-position: 4px 7px; 
}
ul.loca-list li a span {
  font-size: 14px; 
}

/* DONATE */
#fresh-friend, #volunteer-events {
  padding: 12px 20px;
  background: #E4E5C7;
  background: #f6f2ca;
  border: 2px solid #e0e0bb;
  color: #555;
  margin: 0 0 20px;
}
#fresh-friend h2, #volunteer-events h2 {
 color: #405c30;
 color: #7b6c5c;
}
#fresh-friend h4 {
  border-top: 1px solid #e0e0bb;
  padding-top: 1em;
  margin: 1em 0 0.2em 0px;
}
#fresh-friend table {
  /*margin-left: 140px;*/
}
#fresh-friend table td {
  width: 120px; 
}
#donate-form {
  padding: 10px 0; 
}
#donate-form input.txt {}
#btn_donate {
  height: 23px;
  width: 110px;
  border: none;
  margin: 10px 0 0;
  background: url('../images/btn_donate_SM.gif') no-repeat; 
}

/* VOLUNTEER */
#volunteer-events ul {
  list-style-type: none;
  margin: 0 0 1em;
}
#volunteer-events span.date {
  font-size: 12px;
}
#volunteer-events h5 {
  font-size: 1.1em;
  margin: 0 0 0.2em; 
}

/* STORE */
#products {}
div.product-box {
  border: 1px solid #e0e0cc;
  padding: 12px;
  background: #F6F4E8;
  margin: 20px 0;
}
div.product-box h3 {
  font-size: 16px;
  margin: 0 0 0.4em; 
}
div.product-box img.product-img {
  height: 200px;
  border: 2px solid #ccc;
}
div.product-specs {
  font-size: 0.9em;
}
div.product-specs p {
  display: inline;
  padding: 0 10px 0 0; 
}
div.product-specs p img {
  vertical-align: middle; 
}

/* NEWS & EVENTS */
h2.blocktop {
  font-size: 1.2em;
  background: #EDE8CE;
  padding: 6px 20px;
}
#news-events-list ul {
  list-style-type: none;
  margin: 0 20px 1em; 
}
#news-events-list li, li.event-entry {
  clear: both;
  border-bottom: 1px solid  #e0e0cc;
}
#news-events-list span.date {
  font-size: 12px;
}
#news-events-list h5 {
  font-size: 1.1em;
  margin: 0 0 0.3em; 
}

h2.blockhead {
  padding: 6px 12px 6px 20px;
  cursor: pointer;
  background: #EDE8CE url('../images/arrow_blockhead.gif') 6px 12px no-repeat; 
}
h2.blockhead:hover {
  color: #7b92c0;
  background-color: #E6F5F1;
  background-position: 6px -34px; 
}
h2.blockhead.open {
  background-position: 5px -78px; 
}
h2.blockhead.open:hover {
  background-position: 5px -124px; 
}
div.slider {
  display: none; 
}
h2 a.archive-link {
 float: right;
 text-align: right;
 font-size: 12px;
 line-height: 24px;
 font-family: Arial, Helvetica, Verdana, Sans-Serif;
}
/* OLD TAB FORMAT OF NEWS/EVENTS
#news-events-frame ul {
  list-style-type: none;
  margin: 0 12px 2em; 
}
#news-events-frame li {
  clear: both;
  border-bottom: 1px solid  #e0e0cc;
}
#news-events-frame span.date {
  font-size: 12px;
}
#news-events-frame h5.title {
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
#news-events-tabs {
  height: 33px;
  border-left: 1px solid #e0e0cc;
  border-right: 1px solid #e0e0cc;
}
#news-events-tabs a {
  display: block;
  float: left;
  height: 26px;
  font-family: Georgia, Serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0cc;
  border-left: 1px solid #eee;
  padding: 6px 12px 0;
  background: url('../images/bg_tabs.jpg') -400px -40px no-repeat;
  color: #bbb;
  width: 234px;
  text-align: center;
}
a.event-tab {
  border-right: 1px solid #eee !important;
}
#news-events-tabs a.sel {
  background-position: 0 -15px;
  color: #666055;
  border-bottom: none;
}
#news-events-tabs a:hover {
  color: #7b92c0;
}
#news-events-tabs a.sel:hover {
  color: #666055;
}
#news-tab-content, #events-tab-content {
  background: #fff url('../images/bg_tabcontent.jpg') repeat-x;
  border: 1px solid #e0e0cc;
  padding: 12px 0;
}
*/

/* BLOG */
#blog-list {
  list-style-type: none;
  margin: 0 1em 1em 0;
}
#blog-list h5.title {
  font-family: Georgia, Serif;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0 0 0.4em; 
}
#blog-list span.date {
  font-size: 12px; 
}
#blog-list li {
  clear: both;
  margin-bottom: 1em;
  padding: 0 0 10px;
  border-bottom: 1px solid #e0e0cc;
}
p.back-link {
  font-size: 13px; 
}
div.archive-entry {
  clear: both;
  margin: 0 0 1em;
  border-bottom: 1px solid #e0e0cc;
}
div.archive-entry div.page-content {
  margin-bottom: 1em; 
}
div.archive-entry h2 {
  margin: 0.2em 0 0.6em; 
}
div.archive-entry span.date {
  font-size: 12px; 
}
span.author, p.author {
  font-size: 12px;
  color: #999;
}
li.blog-entry p {
  margin-bottom: 0.6em;
}

/*
	= Sidebar Column
*/

/* sidebar boxes */
.sbox {
	padding: 10px 12px;
	background-color: #f6f4e8;
	border-top: 5px solid #ede8ce;
	margin: 0 0 1em;
}
.sbox p, .sbox ul li, .sbox ol li {
  font-size: 12px;
  line-height: 17px;
}
.sbox ul.link-list {
  list-style-type: none;
  margin: 0; 
}
.sbox ul.link-list li {
  margin-bottom: 0.4em; 
}
.sbox ul.text-list, .sbox ul.bookmarks {
  list-style-type: none;
  margin: 0; 
}
.sbox ul.text-list li, .sbox ul.bookmarks li {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em; 
  border-bottom: 1px solid #e0e0e0;
}
.sbox ol.num-list {
  margin: 0 1.5em 0;
  padding: 0;
}
.sbox ol.num-list li {
  margin: 0 0 0.4em;
}
#sbar-image {
  margin-bottom: 1em; 
}


/*
	= columns
*/


.column {
	float: right;
	width: 255px;
}


.largecolumn {
	width: 320px;
}

.rsb2 {
	float: right;
	width: 225px;
	margin: 0 0 2em 2em;
	font-size: .85em;
}

.boxed {
	width: 200px;
	padding: 10px 12px 7px 13px;
	background-color: #f6f4e8;
	border-top: 5px solid #ede8ce;
	margin: 0 0 1em 0;
}

.needs {
	clear: both;
	width: 100%;
	list-style-type: none;
}

.needs li {
	float: left;
	width: 50%;
}

#recognition li {
	margin-bottom: .7em;
}


/*
	= highlighted section
*/

.yellahighlight {
	background-color: #e4e5c7;
	color: #555;
	padding:10px 20px;
	border: 4px solid #b3b49c;
	border-top: none;
	margin-bottom:1em;
}

.greyhighlight {
	background-color: #ccc;
	color: #444;
	font-size: 13px;
	line-height: 17px;
	padding:10px 20px;
	margin-bottom:1em;
	border: 4px solid #999;
}
.greyhighlight h2 {
  font-size: 16px;
  margin: 0 0 0.4em; 
}
.greyhighlight a {
  color: #4663e0;
}

.darkhighlight {
	background-color: #656255;
	color: #ede8ce;
	width: 600px;
}

.darkhighlight a, 
.darkhighlihgt a:visited {
	color: #000;
	text-decoration: underline;
}

.darkhighlight a:hover {
	color: #fff;
	text-decoration: underline;
}

.darkhighlight h4 {
	clear: none;
	padding: 15px 0px 0px 20px;
	margin: 0 0 0.6em;
	font-size: 1.2em;
	font-weight: normal;
}

.darkhighlight .column {
	background-color: #c2974c;
	clear: right;
	width: 135px;
	padding: 5px 5px 5px 120px;
	margin: 5px 5px 5px 20px;
}

.darkhighlight .column p {
	color: #000;
	font-size: .9em;
	line-height: 1.3em;
	margin: 0 0 .5em 0;
}

.darkhighlight .column img {
	border: 1px solid #000;
	float: left;
	left: -115px;
	margin: 0px -110px 0 0;
	position: relative;
}

.darkhighlight .column h2 {
	line-height: 1em;
	margin: 0 0 .5em 0;
	padding-top: 0;
}



/* 
	= Content
*/


/*
#main h2 {
	background-color: #ede8ce;
	padding: .3em .5em .2em .5em;
	font-size: .82em;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-family: Georgia, Serif;
	color: #656255;
}
*/



.warn {
	font-size:90%;
	line-height:1.1em;
	color:#966;
}
ul.dload {
	margin:0;
	padding:0 0 .5em 15px;
}
ul.dload li {
	font-size:90%;
}
div.update {
	border:1px solid #ccc;
	padding:10px 10px 0;
	margin-bottom:1.5em;
}


.photocaption {
	margin-bottom: 2em;
	margin-left: 2em;
	width: 150px;
}

/*
	= Main Image / Feature style 
*/

#feature {
	position: relative;
	height: 342px;
	width: 600px;
	margin-bottom: 0;
}

#feature img {
	position: absolute;
	top: 0;
	left: 0;
}

#feature p.photoattrib {
	position: absolute;
	top: 3px;
	padding: 2px 5px;
	margin: 0;
	right: 3px;
	width: auto;
	background: #ccc;
	color: #000;
	font-size: .7em;
	opacity: .7;
	filter: alpha(opacity=70);
}

#feature #description {
	bottom: 0;
	border-top: 2px solid #fff;
	position: absolute;
	width: 100%;
	text-align: right;
	height: 30px;
	line-height: 30px;
	background-color: #eee;
	opacity: .8;
	filter: alpha(opacity=80);
	font-family: Georgia, Serif;
	color: #333;
}

#feature #description .label,
#feature #description .title {
	padding-right: 20px;
	float: left;
	display: block;
	height: 30px;
}

#feature #description .label {
	text-transform: uppercase;
	font-size: .8em;
	padding-left: 20px;
	width: 140px;
}

#feature #description .title {
	background-color: #0c559b;
	color: #fff;
	display: block;
	height: 30px;
	width: 400px;
	text-align: left;
	padding-left: 20px;
	padding-right: 0;
}

#feature #description .title span {
	background: transparent url(../skins/arrow-n.gif) 100% 51%  no-repeat;
	padding-right: 20px;
}

#feature #intro {
	/*display: none;*/
	position: absolute;
	bottom: 32px;
	color: #fff;
	padding: 20px;
}

#feature #introbg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #1c65ab;
	opacity: .5;
	border-left: 12px solid #bbb;
}
	

#feature #intro #introc {
	position: absolute;
	left: 0;
	top: 0;
	width: 600px;
}



/*
	= Main Image Styles for Project page
*/

#featuredimages {
	background: transparent url(../images/loading.gif) 50% 50% no-repeat;
	font-size: .8em;
	position: relative;
	margin: 0 0 2.4em;
}

#featuredimages .description {
  clear: both;
  font-size: 13px;
  color: #666;
  display: none;
}
#featuredimages #mainimage {
	margin-bottom: 1em;
}

#featuredimages #credit {
  text-align: right;
  font-size: 10px;
  color: #ccc;
  font-weight: bold;
  position: absolute;
  top: 326px;
  right: 10px;
}

#featuredimages p#morephoto {
  font-size: 13px;
  float: left;
  margin: 0 0.5em 0 0; 
}

/* thumbnail */
#featuredimages #tc {
	background: transparent url(../images/blank.gif) 0 0 repeat;
	top: 170px;
	left: 84px;
	height: 170px;
	position: absolute;
}

#featuredimages #thumbnail {
	border: 5px solid #ede8ce;
	background: #fff url(../images/loading.gif) 50% 50% no-repeat;
	width: 150px;
	height: 150px;
	display: none;
}

/* image links */
ul#photonav {
	float: left;
	list-style-type: none;
	margin: 0;
}

ul#photonav li {
	display: inline;
}

ul#photonav li a {
	border: 1px solid #c2974c;
	color: #c2974c;
	display: block;
	float: left;
	margin-right: .3em;
	padding: 0.1em .5em;
	text-decoration: none;
}

ul#photonav li a:hover, ul#photonav li a.sel {
	background-color: #ddf7f7;
	border: 1px solid #5a97c7;
	color: #5a97c7;
}



/*
	= Events
*/

#events {
	margin-top: 2em;
}


/* 
	= Forms
*/

form {
  display: inline;
  margin: 0;
}

fieldset { 
	border: 0;
	margin: 0;
	padding: 0;
}

label {
  font-size: 12px;
  display: block;
  padding: 0 0 2px;
  margin: 0.4em 0 0;
}

/* mailchimp specific */
#mc_signup_container legend {
  display: none; 
}
.mc_signup_submit {
  text-align: left !important;
  margin: 5px 0 0;
}
#mc_message {
  font-size: 12px !important;
}
.mc_error_msg {
  display: block;
  color: #933 !important;
  font-weight: normal !important;
}
.mc_success_msg {
  display: block;
  font-weight: normal !important;
  color: #393 !important;
}



/* search box */

#search {
	font-size: .83em;
	margin: 0 0 1.5em 0;
}

#search #q {
	border: 1px solid #1c65ab;
	color: #1c65ab;
	margin-right: 5px;
	padding: 1px 3px;
	width: 100px;
}

#search #qe {
	vertical-align: middle;
}

* #search #qe {
	vertical-align: top;
}

#s {
 width: 100px; 
}

/* subscribe box */

/* 
	= Footer
*/

#footer p {
	font-size: 11px;
	margin: 20px 0 0 194px; 
}

/* 
	= Utilities
*/

.floatLeft {
  float: left; 
}

.marBt0 {
  margin-bottom: 0 !important; 
}
.marRt0 {
  margin-right: 0 !important; 
}

.posrel {
  position: relative; 
}
.clearAll {
	clear: both;
}
div.hide {
  display: none; 
}
.lastrow {
  border: none !important;
}

#debug {
 padding: 6px;
 border: 1px solid #ccc;
 position: absolute;
 top: 10px;
 right: 10px;
 font-size: 11px;
 color: #999;
 background: #f0f0f0; 
}