/* 
* CSS Stylesheet for Sonoma County Mycological Association (SOMA) website 
* Author: Martin Beebee, Beebee Website Design, www.webdesign.martinbeebee.com
* Icons contributed or inspired by Mark James, http://www.famfamfam.com/lab/icons/silk/.
Some Icons are Copyright © Yusuke Kamiyamane. All rights reserved. Licensed under a Creative Commons Attribution 3.0 license.
* Last Updated: Nov 24, 2010
*/

/* core styles 
-------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size:0.9em;
	line-height: 1.5em;
	background: #ffffff url(graphics/navbar.gif) repeat-y 80px 0;
	}
h1, h2, h3 {
	margin: 0;
	clear: both;
	text-align:left;
	}
h1 {
	font-size: 1.75em;
	margin-bottom:10px;
	color: #990000;
	}
h2 {
	font-size: 1.3em;
	margin-bottom: 3px;
	color: #736357;
	}
h3 {
	font-size: 1em;
	color: #736357;
	}
h4 {
	font-size: 1em;
	margin-bottom:3px;
}
a:link {
	text-decoration: none;
	color: #0c14ac;
	}
a:visited {
	text-decoration: none;
	color: #8d50a1;
	}
a:hover {
	text-decoration: underline;
	}
p {
	margin-top: 0;
	}
p.list {
	margin-bottom: 0.5em;
	}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
	}
img {
	border: 0;
	}

/* layout sections
-------------------------------------------------------- */
/* page header */
#header {
	padding-left: 255px;
	background:  url(graphics/gradient.gif) repeat-x 0 0;
	background-color: #000000;
	height: 83px; 
	}
#top_photo {
	position: absolute;
	top: 0;
	left: 80px;
	visibility: visible;
	}

/* navigation bar */	
#navbar {
	position: absolute;
	top: 98px;
	left: 80px;
	width: 160px;
	line-height: 1.3em;
	visibility: visible;
  	}
#navbar ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 5px 2px;
	font-size:0.8em;
	}
#navbar a {
	text-decoration: none;
	display: block;
	width: 80%;
	font-weight: bold;
	color: #333333;
	padding-left: 15px;
	}
html>body #navbar li a {
	width: auto; /* fix for non-IE/Win browsers */
	}
#navbar a:hover {
	border: none;
	background:   url(graphics/bullet.gif) no-repeat 0 50%;
	color: #990000;
	}
#navbar h3 {
	font-size: 0.9em;
	padding: 5px 5px 5px 17px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #aeaca0;
	color: #ffffff;
	}
/* highlights the active tab depending on the body id assigned  */
body#home #home_tab a,
body#foraging #foraging_tab a, 
body#growing #growing_tab a, 
body#cooking #cooking_tab a,
body#dyes #dyes_tab a,
body#poisoning #poisoning_tab a,
body#topics #topics_tab a,
body#links #links_tab a, 
body#forays #forays_tab a,
body#fairs #fairs_tab a,
body#camp #camp_tab a,
body#calendar #calendar_tab a,
body#membership #membership_tab a,
body#scholarships #scholarships_tab a,
body#news #news_tab a,
body#about #about_tab a,
body#contact #contact_tab a {
	background: url(graphics/bullet.gif) no-repeat 0 50%;
	color: #990000;
	}

/* wrapper */
#wrapper {

}
/* content */
#content {
	margin: 0px 255px 40px 245px;
	padding: 0 20px;
	border-right: 1px solid #999999;
  	}
body.article #content {
	border-right: none;
	}
body.fullpage #content {
	margin-right: 80px;
	border-right: none;
	}
body#home #content {
	padding: 0;
	padding-top: 20px;
	}
#columnleft {
	float: left;
	width: 45%;
	padding: 0 10px;
	}
#columnright {
	padding: 0 10px;
	float: right;
	width: 45%;
	}
#columnright h3 {
	clear: none;
	color: #990000;
	}
	
.calendar h2 {
	background: #e7e4d3;
	padding: 5px;
	}
.calendar h3 {
	margin-top: 1em;
	}

/* side bar content */
#sidebar {
	position: absolute;
	top: 113px;
	right: 80px;
	margin-top: 1.75em;
	padding-left: 10px;
	width: 180px; /* For IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
	visibility: visible;
	}
#sidebar p {
	line-height: normal;
	margin-bottom: 0;
	}
#sidebar form {
	margin-top: 5px;
	}
#sidebar img, #columnright img {
	margin-top: 20px;
	}

/* footer */
#footer {
	clear: both;
	margin: 2em 280px 2em 255px;
	padding: 5px 0px 5px 10px;
	font-size: 0.8em;
	line-height: normal;
	border-left: 10px solid #aeaca0;
  	}
#footer p {
	margin: 0;
	}
body.fullpage #footer {
	margin-right: 80px;
	}
.fade {
	color: #666666;
	}

/* article page -- #pageheading is for page and article titles only */
#pageheading {
	margin: 20px 80px 10px 245px;
	padding: 0 0 0 20px;
	}
body.article #pageheading {
	margin-right:235px;
	}
body.article #pageheading h2 {
	color: #000000;
	font-weight: normal;
	margin-top: 0.25em;
	}
		
/* menu page */
body.menu #pageheading {
	margin-right: 235px;
	}
body.menu #content {
	text-align:center;
	border-right: none;
	}
body.menu #content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #808000;
	font-size: 1.2em;
	}
		
/* list styles 
-------------------------------------------------------- */
ul {
	margin-top: 0;
	margin-left: 2em;
	padding-left: 1em;
	}
ol {
	margin-top: 0;
	}

li {
	margin-left: 0px;
	padding-left: 0px;
	}
	
ol.progress {
	padding-bottom:20px;
	padding-left: 0;
	margin-left:0;
	margin-bottom: 20px;
	}
ol.progress li {
	display:inline;
	float:left;
	padding:0 15px 0 18px;
	font-weight:bold;
	color:#999999;
	}
ol.progress li.current {
	background: url(graphics/arrow_right.gif) no-repeat 0 50%;
	}
ol.progress li.done {
	color:#3a7e34;
	background: url(graphics/check.gif) no-repeat 0 50%;
	}
ol.progress li.cancel {
	color:#990000;
	background: url(graphics/cross.gif) no-repeat 0 50%;
	}
	
ul.nobullet, ul.booklist {
	list-style: none;
	margin-left: 0;
	padding-left:0;
	}
ul.booklist li {
	margin-bottom: 1em;
	}
ul .bookauthor {
	font-weight: bold;
	}
	
ul.articles, ul.links, ul.pdflinks {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	line-height:1.5em;
	}
ul.articles li {
	padding: 0 0 0 20px;
	background:  url("graphics/bullet_page.gif") no-repeat 0 50%;
	}
ul.links li {
	background:   url(graphics/bullet_link.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
	}
ul.pdflinks li {
	padding: 0 0 0 20px;
	background: url(graphics/pdficon.gif) no-repeat 0 50%;
	}
	
ul.ingredients {
	list-style: none;
	font-weight: bold;
	margin-left: 1.25em;
	padding-left: 0;
	}
ul.ingredients li {
	text-indent: -1.25em;
	}
.specieslist li {
	font-style: italic;
	}
.topiclist dt {
	font-weight: bold;
	color: #000000;
	}
.headlinelist dt {
	font-weight: bold;
	color: #990000;
	}
.topiclist dd, .headlinelist dd {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 1em;
	}
.topiclist {
	margin: 0;
	}
	
/* events calendar
-------------------------------------------------------- */
.event {
	margin: 20px 0;
	clear:both;
	border-bottom: 1px dotted #000;
	}
.event h3 {
	clear: none;
	color: #990000;
	font-size: 1.1em;
	}
.date {
	width: 4.4em;
	height: 4.4em;
	border: 1px solid #000;
	float: left;
	padding: 0;
	margin: 0 0.5em 0.5em 0;
	text-align:center;
	font-weight: bold;
	}
.date p.month {
	background: #990000;
	font-size: 1em;
	color: #fff;
	text-transform:uppercase;
	margin:0;
	padding: 0.2em 0;
	}	
.date p {
	font-size: 1.3em;
	padding: 0.5em 0 0.4em 0;
	margin:0;
	}
.detail {
	margin-left: 5em;
	}

/* table style 
-------------------------------------------------------- */
/* form table */
/*form table {
	width:600px;
}
form table,
form table td,
form table th{
	border:0;
	border-bottom:1px dotted #e5e5e5;
}
form table .text,
form table textarea{
	width:250px;
}
form table th {
	width:150px;
	background-color:#fff;
	color:#000;
	text-align:left;
	font-weight:normal;
}*/
table{
	font-size: 1em;
	border-top: 1px solid #aeaca0;
	border-left: 1px solid #aeaca0;
	border-collapse: collapse;
	margin: 5px 0 20px 0;
	}

th, td {
	border-right: 1px solid #aeaca0;
	border-bottom: 1px solid #aeaca0;
	padding: 5px;
	height:20px;
	}
th {
	background-color: #aeaca0;
	color: #fff;
	}
caption {
	font-weight: bold;
	padding-bottom: 2px;
	}
input,
textarea {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
}
.inputState {
	width:30px;
}
.inputShort {
	width:30px;
}
.inputExtension {
	width:60px;
}
	

/* soma camp-specific styles */
table.camp{
	width:100%;
	margin-bottom:10px;
}
table.camp td.class{
	width:40%;
}	
table.camp td.class p {
}
table.camp td.class span {
	font-weight:bold;
}
table.camp td.time{
	width:20%;
}
table.camp td.instructor{
	width:20%;
}
table.camp td.register{
	color:#cc0000;
}

table.regform 

/* camp survey table */
table.survey {
	width:600px;
}
table.survey td {
	width:70px;
	text-align:center;
}
table.survey th.question {
	background-color:#fff;
	text-align:left;
	font-weight:normal;
	color:#000;
}

/* blockquote style 
-------------------------------------------------------- */
blockquote {
	width:250px;
	float:right;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	letter-spacing:;
	text-align:center;
	background: #e7e4d3 url(graphics/boxtop_quote.gif) no-repeat top left;
	}
#quote {
	margin: 0 10px 0 0;
	padding: 20px 10px 10px 20px;
	background: url(graphics/bottom_quote.gif) no-repeat right bottom;
	color:#333;
	}
#author {
	margin: 0;
	padding: 0 0 10px 0;
	color:#666;
	font-size:0.6em;
	background: url(graphics/boxbottom.gif) no-repeat bottom left;
	}

/* form styles 
-------------------------------------------------------- */
/* general styles */
fieldset {
	border: 1px solid #aeaca0;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	margin-bottom:10px;
	padding: 5px 5px 10px 15px;
	}
legend {
	color: #990000;
	font-weight:bold;
}
.generalForm .text {
	width:230px;
}
.generalForm textarea {
	width: 400px;
	height: 100px;
	clear:both;
}
.generalForm label {
	width:170px;
	display:block;
	float:left;
	margin-right:10px;
}
.generalForm p {
	display:block;
	overflow:hidden;
}
form span.required {
	color:#f00;
}
h2.success {
	color:#3a7e34;
}
/* tabbed form style */
.fieldset {
	border: 1px solid #aeaca0;
	margin-top: 2em;
	margin-bottom:10px;
	padding: 5px 5px 10px 15px;
	background-color: #e7e4d3;
}
.legend {
	position:relative;
	top: -1.7em;
}
.legend span {
	color: #990000;
	font-weight:normal;
	background-color: #e7e4d3;
	padding: .2em 0.5em 0em 0.5em;
	border: 1px solid #aeaca0;
	border-bottom: 1px solid #e7e4d3;
}

/* form table */
table.formTable {
}
table.formTable,
table.formTable td,
table.formTable th{
	border:0;
	border-bottom:1px dotted #e5e5e5;
}
table.formTable .text,
table.formTable textarea{
	width:250px;
}
table.formTable th {
	width:150px;
	background-color:#fff;
	color:#000;
	text-align:left;
	font-weight:normal;
}

/* camp registration form */
#regform {
	clear:both;
	margin:0;
	padding:0;
	}
/*#regform dl {
	}
#regform dd, #regform dt {
	padding: 2px 0;
	}
#regform dt {
	clear:left;
	float:left;
	padding-right: 10px;
	width: 180px;
	text-align:right;
	}
*/
#regform .text,
#regform select{
	width:225px;
	}
#regform textarea {
	width:400px;
	}	
#regform textarea.clear {
	width:100%;
	}

.hidden {
	display:none;
}

#regform table.formTable th,
#regform table.formTable td {
	border:0;
	border-collapse:collapse;
	border-bottom:1px dotted #aeaca0;
	border-top:1px dotted #aeaca0;
}
#regform table.formTable th {
	width:225px;
	background-color:#e7e4d3;
}
#regform table.formTable td {
	width:450px;
	background-color:#e7e4d3;
}


/* other form */	
.fieldform {
	clear:both;
	}
.fieldform fieldset {
	background-color: #e7e4d3;
	}
.fieldform legend {
	color: #990000;
	background-color: #e7e4d3;
	padding: .2em 0.5em 0 0.5em;
	margin-bottom: 1.5em;
	border: 1px solid #aeaca0;
	border-bottom: none;
	}

/* contact form */
#emailform {
	padding: 0 0 0 10px;
	}
#emailform .normal {
	border: 1px solid #ccc;
	}
#emailform dt {
	font-weight:bold;
	color: #555;
	}
#emailform dd {
	margin:0 0 5px 0;
	}
#emailform dd input,
#emailform dd select {
	width: 300px;
	}
#emailform textarea {
	width: 425px;
	}
	
/* javascript form validation alert */	
.normal {
	}
.fail {
	border:2px solid #ff6600;
	}
#alert {
	background: #ff6600;
	color: #fff;
	font-weight:bold;
	padding: 0 5px;
	}

/* jQuery Validate styles */
label.error{
	float:none;
	color:#F00;
	margin-left:180px;
	padding: 3px 0;
}
table.formTable label.error{
	margin-left:10px;
	display:inline;
}
input.error,
select.error,
textarea.error {
	border:2px solid #f00;
}
#submitFail{
	display:none;
	color:#ff0000;
}
/* boxes
-------------------------------------------------------- */
/* what's new box  */
.ct { 
	display: block; 
	font-size: 0; 
	line-height: 0; 
	background: transparent url() no-repeat top right; 
	margin: 0; 
	height: 7px; 
	width: 100%; 
	position: relative; 
	top: -12px; 
	right: -12px; 
	}
.ct .cl { 
	display: block; 
	font-size: 0; 
	line-height: 0; 
	background: transparent url() no-repeat top left; 
	margin: 0; 
	height: 7px; 
	width: 7px; 
	position: relative; 
	left: -24px;}
.cb { 
	display: block; 
	clear: both; 
	font-size: 0; 
	line-height: 0; 
	background: transparent url() no-repeat bottom right; 
	margin: 0; 
	height: 7px; 
	width: 100%; 
	position: relative; 
	bottom: -12px; 
	right: -12px;}
.cb .cl { 
	display: block; 
	font-size: 0; 
	line-height: 0; 
	background: transparent url() no-repeat bottom left; 
	margin: 0; 
	height: 7px; 
	width: 7px; 
	position: relative; 
	left: -24px;}

.boxnew { 
	padding: 10px;
	border: 2px solid #aeaca0; 
	background: #e7e4d3; 
	margin-bottom: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
.boxnew .ct { 
	background-image:url(graphics/corner_tr.gif); 
	}
.boxnew .ct .cl { 
	background-image:url(graphics/corner_tl.gif); 
	}
.boxnew .cb { 
	background-image:url(graphics/corner_br.gif);  
	}
.boxnew .cb .cl { 
	background-image:url(graphics/corner_bl.gif); 
	}
.boxnew h4 {
	margin-top: 1px;
}

/* other box */	
.box {
	background: #e7e4d3 url(graphics/boxtopL.gif) no-repeat top left;
	}
.box #first {
	background:  url(graphics/boxtopR.gif) no-repeat top right;
	padding-top: 10px;
	}
.box dl {
	background:  url(graphics/boxbottomR.gif) no-repeat bottom right;
	padding-bottom: 10px;
	}
.box #new {
	background: url(graphics/boxbottomL.gif) no-repeat bottom left;
	}
.box h3, .box p, .box dl {
	padding: 0 10px;
	margin-top: 0;
	}
.boxnotice {
	text-align:left;
	border: 2px solid #aeaca0;
	padding: 10px;
	margin-bottom: 10px;
	background-color:#ffffe5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
.boxnotice h2, .boxnotice h3 {
	text-align: center;
	/*background: #fff;*/
	}

/* banner 250px wide 
-------------------------------------------------------- */
.banner {
	text-align: center;
	background:  #e7e4d3 url(graphics/boxtop.gif) no-repeat top;
	width: 250px;
	margin: 1em auto;
	}
.banner h2{
	padding:5px 10px 0 10px;
}
.leftText {
	text-align:left;
	margin:1em;
}
	
.banner p {
	background:  url(graphics/boxbottom.gif) no-repeat bottom;
	padding: 5px 10px;
	line-height: 1.5em;
	}
body#home .banner {
	background-color:#80ff86;
	}
body#home .banner h2 {
	color: #000;
	}

/* image styles 
-------------------------------------------------------- */
.imageleft, .imageleft_smll, .imageleft_med, .imageleft_lg {
	float: left;
	padding: 5px 10px 5px 0;
	}
.imagecenter, .imagecenter_smll, .imagecenter_med, .imagecenter_lg {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
.imageright, .imageright_lg, .imageright_med, .imageright_smll {
	float: right;
	padding: 5px 0 5px 10px;
	}
.imageright_smll, .imageleft_smll {
	width: 100px;
	}
.imageright_med, .imageleft_med {
	width: 150px;
	}
.imageright_lg, .imageleft_lg {
	width: 250px;
	}
.imagefloat {
	float: left;
	padding: 10px;
	margin: 2px;
	width: 250px;
	height: 225px;
	text-align: center;
	}
.imageleft p, .imagecenter p, .imageright p, .imagefloat p, 
.imageright_small p, .imageright_med p, .imageright_lg p,
.imageleft_smll p, .imageleft_med p, .imageleft_lg p {
	color: #666666;
	font-size: 0.9em;
	padding-top: 0.5em;
	margin-bottom: 0;
	line-height: normal;
	text-align: center;
	font-weight: normal;
	}
h2 .imageright, h2 .imageleft {
	font-size: 0.9em;
	}

/* image gallery 
-------------------------------------------------------- */
.album {
  width:100%;
  background-color:#fff; 
  padding: 10px; 
  float:left;
  }
.album .imageSingle {
  float: left; 
  margin: 5px; 
  width:180px; 
  text-align:center; 
}
.album .imageSingle .image {
  width:175px; 
  height:175px; 
  margin:3px;
}

/* link styles
-------------------------------------------------------- */
.pdflink,
.linkForm,
.linkDoc,
.linkCsv {
	padding:2px 0 2px 20px;
	line-height:1.75em;
}
.pdflink {
	background: url(graphics/pdficon.gif) no-repeat 0 50%;
	}
.linkForm {
	background: url(graphics/application_form.png) no-repeat 0 50%;
}
.linkDoc {
	background: url(graphics/icon_word.png) no-repeat 0 50%;
}
.linkCsv {
	background: url(graphics/icon_csv.png) no-repeat 0 50%;
}
a.email {
	padding-left: 20px;
	background: url(graphics/iconmail.gif) no-repeat 0 50%;
	}
	
/* misc styles 
-------------------------------------------------------- */
.alert {
	padding-left: 20px;
	background:url(graphics/warning.gif) no-repeat 0 60%;
	font-weight:bold;
	color: #990000;
	}
.author {
	padding: 0.5em 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
.button {
	margin: 0 2em 1em 2em;
	}
.floatleft {
	float:left;
	margin-right: 10px;
	}
.clearfloat {
	clear:left;
	}
.center {
	text-align:center;
}
.strikethrough {
	text-decoration: line-through;
}
.expand {
	padding-left: 20px;
	background: url(graphics/toggle-small-expand.png) no-repeat 0 50%;
}
.collapse {
	padding-left: 20px;
	background: url(graphics/toggle-small.png) no-repeat 0 50%;
}
.textLarge {
	font-size:1.5em;
	line-height:1.2em;
}