/*
Theme Name: NOFAweb theme
Theme URI: http://www.nofaweb.org/
Description: Custom theme developed for NOFA, based on WordPress default by Michael Hellerman
Version: 1.0
Author: Brenda Egeland
Author URI: http://www.redletterdesign.net/
Tags: custom header, fixed width, two columns, widgets
*/

html {
	height: 100%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages */
}
body {
	min-height: 101%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages */
}

/* Begin Typography & Colors */
body { font-size:l2px; font-family:Verdana, Tahoma,Arial,Helvetica,sans-serif; background:#608cbb url(images/nofabackground.jpg) top left repeat-x; color:#333; text-align:left; }
#page { background:white url(images/nofacontent.jpg) top center repeat-y; border:none; text-align:left; }
#header { background: url(images/nofaheader.jpg) top center no-repeat; }
#content { font-size: 13px; }
.widecolumn .entry p { font-size: 13px; }
.narrowcolumn .entry,.widecolumn .entry { line-height:18px; }
.widecolumn { line-height:18px; }
.narrowcolumn .postmetadata { text-align:left; }
.thread-alt { background-color:#f8f8f8; }
.thread-even { background-color:white; }
.depth-1 { border:1px solid #ddd; }
.even,.alt { border-left:1px solid #ddd; }
#footer { background: #608cbb url(images/nofafooter.jpg) top center no-repeat; }
#headerimg .description { font-size:15px; text-align:center; }
small { font-size:10px; line-height: 13px; }
strong {color:#228b22; font-weight:bold;}

h1 { font-size:24px; font-weight: bold; color: #3166a2; padding 0: margin: 10px 0 10px 0;}
h2, h2 a, h2 a:visited, h2 a:hover { color:#EF8507;font-size:16px;font-weight:bold;margin:10px 0 5px;text-decoration: none;}
h3, h3 a, h3 a:visited, h3 a:hover { color: #228b22; font-size:14px; text-decoration: none; padding: 0; margin: 10px auto 10px auto; }

#sidebar h2 { margin:5px 0 0; padding:0; border: none; color: #3166a2; }
.entry p a:visited { color:#b85b5a; }
.commentlist li,#commentform input,#commentform textarea { font-size:10px; }
.commentlist li ul li { font-size:10px; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite,.commentlist cite a { font-weight:bold; font-style:normal; font-size:11px; }
.commentlist p { font-weight:normal; line-height:16px; text-transform:none; }
#commentform p { }
.commentmetadata { font-weight:normal; }
#sidebar { font-size:13px;}
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike { color:#777; }
code { font:12px 'Courier New', Courier, Fixed; }
acronym,abbr,span.caps { font-size:11px; letter-spacing:.07em; }
a,h2 a:hover,h3 a:hover { color:#06c; }
h2 a:hover,h3 a:hover { color:#06c; text-decoration:none; }
a:hover { color:#147; }
#wp-calendar #prev a,#wp-calendar #next a { font-size:9px; }
#wp-calendar a { text-decoration:none; }
#wp-calendar caption { font:bold 13px; text-align:center; }
#wp-calendar th { font-style:normal; text-transform:capitalize; }

/* End Typography & Colors */

/* Begin Structure */
body { margin:0 0 20px 0; padding:0; }
#page { background-color:white; margin:0 auto; padding:0; width:800px; border:none; }
#header {  margin:0 0 0 0; padding:0; height:150px; width:800px; }
.narrowcolumn { padding:0 0 20px 0; margin:0 0 0 45px; width:525px; }
.widecolumn { padding: 0 0 20px 0; margin: 0 0 0 45px; width:705px; }
.descriptionParagraph,
.post { margin:0 0 15px 0; border-bottom:1px solid #228b22;}
.descriptionParagraph {padding-bottom: 15px; border-bottom:1px solid #228b22;}
.widecolumn .post { margin:0; }
.narrowcolumn .postmetadata { padding-top:5px; }
.widecolumn .postmetadata { margin:30px 0; }
.widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0; }
.widecolumn .attachment { text-align:center; margin:5px 0; }
.postmetadata { clear:both; }
.clear { clear:both; }
#sidebar { padding:0; margin: 10px 45px 0 0; width:155px; float: right; display: inline; }
#footer { padding:0; margin:0 auto; width:800px; clear:both; }
#footer p { color: white; font-size: 10px; margin:0; padding:20px 0; text-align:center; }
#footer p.lowerfooter { margin: 0; padding: 0; color: #cccccc; text-align: center;}
#footer p.lowerfooter a {color: #cccccc; text-decoration: none;}
#footer p.lowerfooter a:hover { color: #ffffff; text-decoration: underline;}
/* End Structure */


/* Begin Images */
p img { padding:0; max-width:100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }

/* End Images */

/* Begin Lists */
html>body .entry ul { margin-left:0; padding:0 0 0 30px; list-style: outside; }
html>body .entry li { margin:7px 0 8px 10px; }
.entry ol { padding:0 0 0 35px; margin:0; }
.entry ol li { margin:0; padding:0; }
.postmetadata ul,.postmetadata li { display:inline; list-style-type:none; list-style-image:none; }

/* Main menu */
#sidebar ul.mainnav {list-style:none; margin:0 0 20px 0; padding: 0; width:155px; float: right;}
#sidebar ul.mainnav li {display:inline; line-height:1.4em; width:155px; margin: 0 0 15px 0 ; padding: 0;}
#sidebar ul.mainnav li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin:0 0 5px 0; padding:5px 1px 5px 5px; text-decoration:none; width:145px; font-size: 13px;}
#sidebar ul.mainnav li a:hover {background-color:#eaeaea; border-left:4px solid #e47b06; color:#505050;}
#sidebar ul.mainnav li.current_page_item a {background-color:#eaeaea; border-left:4px solid #3166a2; color:#505050;}
#sidebar ul.mainnav li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050;}
#sidebar ul.mainnav li.current_page_item ul li a:hover {background-color:#eaeaea; border-left:4px solid #e47b06; color:#505050;}

#sidebar ul.mainnav ul {display: none;}
#sidebar ul.mainnav li.current_page_item ul,
#sidebar ul.mainnav li.current_page_parent ul,
#sidebar ul.mainnav li.current_page_ancestor ul {display: block;}

#sidebar ul.mainnav ul {font-size:0.9em; margin:0 0 0 15px; padding:0; width:140px;}
#sidebar ul.mainnav ul a {padding:3px 1px 3px 5px; width:130px; font-weight: normal; font-size: 11px;}


#sidebar ul.mainnav ul ul {width:130px;}
#sidebar ul.mainnav ul ul a {width:120px; font-size: 9px;}


/* Other side content */

#sidebar ul.sideinfo { margin: 20px 0 0 0; padding: 0; clear: right;}
#sidebar ul.sideinfo li { list-style-type:none; list-style-image:none; margin-bottom:15px; }
#sidebar ul.sideinfo p,
#sidebar ul.sideinfo select { margin:5px 0 8px; }
#sidebar ul.sideinfo ul,
#sidebar ul.sideinfo ol { margin: 5px 0 0 10px; padding: 0;}
#sidebar ul.sideinfo ul ul,
#sidebar ul.sideinfo ol { margin: 0 0 0 10px; padding: 0;}
ol li,
#sidebar ul.sideinfo ol li { list-style:decimal outside; }
#sidebar ul.sideinfo ul li,
#sidebar ul.sideinfo ol li { margin: 3px 0 0; padding:0; }

#sidebar h2 { font-size: 13px; color: #3166a2;}

/* End Lists */

/* Begin Form Elements */
#searchform { margin:10px auto; padding:5px 3px; text-align:center; }
#sidebar #searchform #s { width:108px; padding:2px; }
#sidebar #searchsubmit { padding:1px; }
select { width:130px; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; }
#commentform { margin:5px 10px 0 0; }
#commentform textarea { width:100%; padding:2px; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#commentform #submit { margin:0 0 5px auto; float:right; }

/* End Form Elements */

/* Begin Comments*/
.alt { margin:0; padding:10px; }
.commentlist { padding:0; text-align:justify; }
.commentlist li { margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none; }
.commentlist li ul li { margin-right:-5px; margin-left:10px; }
.commentlist p { margin:10px 5px 10px 0; }
.children { padding:0; }
#commentform p { margin:5px 0; }
.nocomments { text-align:center; margin:0; padding:0; }
.commentmetadata { margin:0; display:block; }

/* End Comments */

/* Begin Sidebar */
#sidebar form { margin:0; }

/* End Sidebar */

/* Begin Calendar */
#wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar a { display:block; }
#wp-calendar caption { text-align:center; width:100%; }
#wp-calendar td { padding:3px 0; text-align:center; }
#wp-calendar td.pad:hover { 
/* Doesn't work in IE */
background-color:#fff; }

/* End Calendar */

/* Begin Various Tags & Classes */
acronym,abbr,span.caps { cursor:help; }
acronym,abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; }
blockquote cite { margin:5px 0 0; display:block; }
.center { text-align:center; }
.hidden { display:none; }
hr { display:none; } /* Don't want hr that are automatically added by code */
a img { border:none; }
.navigation { display:block; text-align:center; margin-top:10px; margin-bottom:60px; }

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }

/* End captions */


 /*  Contact Form */
div#honeypot { display: none; } /* spambot trap */
.success {background-color: #658b30;	color:  #ffffff;	padding: 5px 7px;	margin: 5px 0;	border: 1px solid  #333333;}
.warning {color: #990000;	font-weight: normal;}
div.contactDiv {border: 1px solid #658b30; padding: 5px 15px 15px 15px;}
div.contactDiv p{margin: 0;padding: 0; color: #658b30;font-weight: bold;}
div.contactDiv p.topMessage {margin: 5px 0 0 0;}
div.contactDiv p.dataLabel {padding-top: 15px;}
div.contactDivLeft {width: 46%;}
div.contactDivRight {width: 46%; float: right;}
div.contactDivBottom {clear: right; padding-top: 20px;}
div.contactDiv form {width: 95%; }
div.contactDiv input, div.contactDiv textarea {display: block;margin: 0;padding: 3px; width: 100%; }
table.dbContact {margin: 0; width: 100%; }
table.dbContact td.contactGroup {	text-align: left;	font-weight: bold; color:	#658b30;}
table.dbContact th {text-align: left;	border-bottom: 2px solid #658b30; vertical-align: top;}
table.dbContact td {border-bottom: 1px solid #EAEAEA; margin: 0;padding: 0 5px 0 0; font-size: 11px;}


/* Added for NOFA */
.print {display: none;}
.headerimage {border: 0; margin: 0; padding: 0; height: 130px; width: 400px;}