/*   
Theme Name: Watershed Association
Theme URI: http://thewatershed.org
Description: Custom theme developed for the Stony Brook Millstone Watershed Association
Author: Dack Ragus
Author URI: http://dack.com
*/

/* GLOBAL */
body { margin: 0; padding: 0; background: #20476A; color: #666; font-family: arial, sans-serif; font-size: 12px; padding-bottom: 30px; }
form,h1,h2,h3,h4,h5,h6,p { margin: 0; }
a { color: #0082C8; text-decoration: none; }
a:hover { text-decoration: underline; }
ul,li { margin: 0; padding: 0; list-style-type: none; }
h1 { font-size: 28px; margin: 0 0 20px 0; font-family: arial narrow, sans-serif; color: #599A2E; }
h1 > span { color: #999; }
h2 { font-size: 14px; margin: 0 0 5px 0; font-family: arial, sans-serif; color: #599A2E; }
h3 { font-size: 12px; margin: 0 0 5px 0; font-family: arial, sans-serif; color: #666; }
div.left { float: left; }
img.imageLeft { float: left; margin: 0 10px 5px 0; }
img.imageLeftInline { float: left; margin: 10px 10px 5px 0; }
img.imageRight { float: right; margin: 0 0 5px 10px; }
img.imageLeftInline { float: left; margin: 10px 10px 5px 0; }
div.imageWide { margin: 20px 0 20px 0; }
input#s { height: 18px; } 
input[type="text"] { border: solid 1px #666; margin: 0 0 5px 0; } 
input[type="submit"] { border: none; width: 89px; height: 24px; background-color: transparent; padding: 0 0 2px 0; background-image: url(images/background-button.png); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color: #0082C8; text-shadow: 1px 1px 1px #fff; } 
textarea { border: solid 1px #666; }
ul.bullets  { margin: 0 0 20px 0; padding: 0 0 0 70px; }
ul.bullets > li { list-style-type: disc; }

/* PAGE SECTIONS */
div#container { position: relative; background: #fff; width: 978px; margin: 0 auto; }
div#logo { position: absolute; left: -66px; top: 0; }
div#search { width: 978px; background: #20476A; text-align: right; padding: 3px 0; font-size: 11px; }
div#tagline { position: absolute; left: 140px; top: 7px; color: #fff; font-family: arial narrow, sans-serif; font-size: 15px; }
div#header { height: 119px; background: #0082C8; background-image: url(images/background-header.png); background-repeat: no-repeat; font-family: arial narrow; font-size: 15px; }
div#shadow { margin: 0 -7px; padding: 0 7px; background-image: url(images/background-shadow.gif); background-repeat: repeat-y; }
div#main { width: 978px; background: #fff; background-image: url(images/background-columnC.gif); background-repeat: repeat-y; background-position: right top; }
div#columnA { float: left; width: 180px; margin-right: 20px; padding: 25px 0 0 0; font-family: arial narrow, sans-serif; }
div#columnB { float: left; width: 452px; margin-right: 28px; padding: 13px 0 35px 0; }
div#columnC { float: right; width: 295px; position: relative;}
div#preFooter { background: #e0e0e0; height: 44px; padding: 0 0 0 35px; }
div#footer { height: 100px; background: #6EB43F; background-image: url(images/background-footer.gif); background-repeat: no-repeat; padding: 52px 0 0 160px; color: #fff; font-size: 11px; }

/* LOGO */
div#logo { z-index: 1000; }
div#logo img { border: none; }

/* SEARCH */
div#search ul { float: right; margin: 5px 10px 0 0; }
div#search li { display: inline; padding: 0 2px; }
div#search div { float: right; }
div#search a { color: #fff; }
a.joinUs { font-size: 13px; font-weight: bold; }

/* HEADER */
div#header ul { padding: 88px 0 0 170px; }
div#header li { float: left; }
div#header a { color: #fff; padding: 50px 8px 13px 8px; }
div#header a:hover, div#header li.current_page_item > a, div#header li.current_item_parent > a { text-decoration: none; background-image: url(images/background-global-nav.gif); background-repeat: repeat-x; }

/* BIG ASS PHOTO */
div#baf { padding: 12px 0 12px 12px; }

/* HOME PAGE */
div#home { margin-left: -160px; }
div#homeNews { width: 631px; min-height: 192px; margin-left: -29px; padding: 10px 0 0 31px; background-image: url(images/background-news.png); background-repeat: no-repeat; }
div#homeNews > div { float: left; width: 270px; margin: 0 35px 0 0; }
div#homeNews > div > ul { padding: 0; margin: 0; }
div#homeNews > div > ul > li { padding: 0 0 15px 0; }
ul#sectionList {  }
ul#sectionList > li { border-bottom: solid 1px #ccc; padding: 0 0 10px 0; }
ul#sectionList > li.last { border-bottom: none; padding: 0 0 0 0; }
ul#sectionList > li > div { float: left; }
ul#sectionList > li > div.image { padding: 0 5px 0 0; }
ul#sectionList > li > div.copy { width: 450px; padding: 20px 0 0 0; }

/* EVENTS */
div#news { }
div#news > ul > li { padding: 0 0 15px 0; }
div#news > ul > li > p { margin: 0; }

/* EVENTS */
div#events { }
div#events > ul > li { padding: 0 0 15px 0; }
div#events > ul > li > h3 { font-size: 11px; color: #599A2E; margin: 0 0 3px 0; text-transform: uppercase; }
div#events > ul > li > h2 { color: #666; margin: 0 0 3px 0; }
div#events > ul > li > cite { display: block; margin: 0 0 3px 0; font-style: italic; }

/* VIDEO */
div#video { }
div#video > ul > li { padding: 0 0 10px 0; border-bottom: solid 1px #ccc; margin: 0 0 10px 0; }
div#video > ul > li > h2 { color: #666; margin: 0 0 3px 0; }


/* CALENDAR FMA */
div#calendarFMA { min-height: 100px; }
div#calendarFMA img { float: left; margin: 0 10px 0 0; }

/* COLUMN A */
div#columnA > ul { font-size: 15px; }
div#columnA > ul > li { padding: 6px 0 6px 35px; }
div#columnA > ul > li.current_page_item, div#columnA > ul > li.current_page_parent { background-image: url(images/background-columnA.gif); background-repeat: no-repeat; }
div#columnA > ul > li > a { color: #20476A }
div#columnA > ul > li.current_page_item > a, div#columnA > ul > li.current_page_parent > a { color: #fff; }
div#columnA > ul > li > ul { font-size: 13px; padding: 10px 0 0 20px; }
div#columnA > ul > li > ul > li { padding: 5px 0; }

/* COLUMN B */
div#breadcrumbs { margin: 0 0 12px 0; } 
div#breadcrumbs > ul { font-size: 11px; margin: 0 0 0 -3px; }  
div#breadcrumbs > ul > li { display: inline; padding: 0 11px 0 2px;  background-image: url(images/background-breadcrumbs.gif); background-repeat: no-repeat; background-position: right center; }
div#breadcrumbs > ul > li.last, div#breadcrumbs > ul > li.current_item { background: none; }
div#breadcrumbs > ul > li > a { font-weight: normal; }
div#columnB p { margin: 0 0 15px 0; line-height: 16px; }
div#columnB p.subtitle { margin: -20px 0 15px 0; }
div#columnB a { font-weight: bold; }
 

/* COLUMN C */
div.fma { background-image: url(images/background-fma-top.png); background-repeat: no-repeat; padding: 35px 15px 0 30px; } 
div.fmaB { background-image: url(images/background-fma-bottom.png); background-repeat: no-repeat; padding: 10px 15px 0 30px; margin: 0; } 

div.fma h3 { font-size: 28px; font-family: arial narrow, sans-serif; color: #599A2E; margin: -15px 0 10px 0; }

/* PRE-FOOTER */
div#preFooter p { float: left; font-size: 28px; font-weight: bold; color: #599a2e; font-family: arial narrow; margin: 6px 0 0 0; }
div#preFooter div { float: left; margin: 8px 0 0 150px; }
div#preFooter li { float: left; padding: 0 6px; }
div#preFooter img { border: none; }

/* FOOTER */
div#footer a { color: #fff; }
div#footer ul { margin: 0 0 12px 0; }
div#footer p { margin: 0 0 0 6px; }
div#footer li { display: inline; padding: 0 6px; }

/* SEARCH */
#searchform label{display:none;}

form fieldset{
	border-top:1px solid #666;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

form fieldset legend{
	font-weight:bold;
}

form fieldset label{
	display:block;
	width:254px;
	padding-right:18px;
	text-align:right;
}

label.inline{
	display:inline !important;
	width:auto !important;
}

label.inline input{
	width:100px;
}

label.required{
	background:transparent url(images/icon-required.gif) no-repeat top right;
}

div.radios{
	margin-left:20px;
}

div.radios label{
	text-align:left;
}