/*  
Theme Name: GreenCity
Version: 3.30
http://greenftlauderdale.com/
Author: Jefte Puente, Eric Needle
Author URI: http://longbow.net
*/

/* Colors 
#184B00 dark green from header
#2A6C0A medium green from header
#226B00 medium green
#0E2C00 darker green, good for text
#091B00 darkest green
#2E9000 bright green links
#194D00 hover over 
#D4E3CD grey green, alt box
#F3F8F0 light greengrey page bg
#E3EDDE just darker greengrey page bg
#FFF8EE buff recycled paper
#9FB794 greygreen dotted lines
*/


/* Structure */
body { margin: 0; padding: 0; }
#page {	background: #E1ECDB url('/images/page_bg.gif') repeat-x; margin: 0; padding: 0; border: none; }
#header { margin: auto auto; width: 950px; height: 120px; }
#headerimg { display: block; float: left; width: 950px; height: 120px; background: #2A6C0A url('/images/mast.jpg') no-repeat;}

#centerdiv { margin: 5px auto; width: 950px; overflow: hidden; background: white; }
#eventdiv { margin: 0 30px 10px 30px; width: 950px; overflow: hidden; background: white; }


/* Columns */
.narrowcolumn { float: left; padding: 0% 3%; margin: 0; width: 670px; border-right: dashed 1px #9FB794; }
.widecolumn { float: left; padding: 0% 3%; margin: 0; width: 100%;  border-right: dashed 1px #9FB794; }


/* Sidebar */
#sidebar { float: left; padding: 20px; width: 180px; }
#sidebar form { margin: 0; }
#sidebar img { border: 0px; padding: 0px; margin: 10px auto; }


/* Headers */
h1 { padding-top: 0px; margin: 0; }
h2 { margin: 25px 0 0 0; }
h2.pagetitle { margin: 15px 0 15px 0; text-align: left; }
#sidebar h2 { margin: 5px 0 0; padding: 0; }
h3 { padding: 0; margin: 15px 0 0; }
h3.comments { padding: 0; margin: 30px auto 20px ; }


/* Typography */
body { font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #103100; }
#page { text-align: left; }

#content { font-size: 1.2em; }
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em; }
.narrowcolumn .postmetadata { text-align: left; }
.widecolumn { line-height: 1.6em; }
.widecolumn .entry p { font-size: 1.1em; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
h1, h2, h3 { font-family: 'Lucida Grande', Arial, Sans-Serif; font-weight: bold; }
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 1.8em; }
h2.pagetitle { font-size: 2.1em; color: #0E2C00; }
#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.5em; }
#sidebar li a { font-size: 1.2em; }
h3 { font-size: 1.5em; }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #0E2C00; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }


.entry p a:visited { color: #226B00; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }

#sidebar { font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #0E2C00; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: 0.7em; }

a, h2 a:hover, h3 a:hover { color: #2E9000; text-decoration: none; font-weight: bold; }
a:hover { color: #194D00; text-decoration: underline; font-weight: bold; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none;	}
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }


/* Navigation */
#navcontainer1 { width: 950px; height: 34px; padding: 0; margin: 5px auto; background-repeat: no-repeat;  background-attachment:fixed; background: #F3F8F0; }

#nav1 #nopipe { border: none; }

/* Tabs (Top level menu items) www.alistapart.com/articles/slidingdoors2/  */

#nav1 { width: 950px; font-size: 1.4em; letter-spacing: -1px; margin: 0 auto; font-weight: bold; }

#nav1 ul { margin: 0; padding: 0; list-style: none; }
#nav1 li { float: left; position: relative; margin: 0; padding: 0; }

#nav1 a { float: left; margin: 0; padding: 8px 10px; font-size:14px; border-left: dashed 1px #9FB794; text-decoration: none; color: #0E2C00; }
#nav1 a:hover { background: #A6E761; color: #0E2C00; }
#nav1 a:hover span { background: #A6E761; }

/* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */
/* Applies to all sub-levels */
/* This line height controls button height -e */

#nav_dropdown1, #nav_dropdown1 ul { padding: 0; margin: 0; list-style: none; line-height: 18px; }
#nav_dropdown1 ul a {display: block; background: none; font-weight: normal; font-size: .9em; }
		
/* 1st Level List Items */
#nav_dropdown1 li { float: left; }
		
/* 2nd Level List - UL
Sets a width on the UL element - Without it, list goes horizontal 
Hides the UL from view using left */
		
/* Left instead of display to hide menus because display: none isn't read by screen readers */
#nav_dropdown1 li ul { position: absolute; left: -999em; }
		
/* 2nd Level List elements - LI */
#nav_dropdown1 ul li { clear:left; }
		
/* 2nd Level List elements - A */
#nav_dropdown1 ul li a { width: 148px; padding: 7px 7px; background: #ffbb00; color: #550000; border: 1px solid #ffb400; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }

#nav_dropdown1 ul li a:hover { background: #ffcd44; color: #bb0011; filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; }
	
/*  3rd Level List elements - UL - Sets position of the UL element	*/
#nav_dropdown1 li ul ul { margin: -51px 0 0 135px; border-left: 0px; }

/* 3rd Level List elements - A */
#nav_dropdown1 ul ul li a { background: #ffcd44; }
#nav_dropdown1 ul ul li a:hover { background: #fbe08f; color: #550000; }		

/* This bit moves list items off the page using negative left margin */
#nav_dropdown1 li:hover ul ul, #nav_dropdown1 li.sfhover ul ul { left: -999em; }

/*  This brings the list items back on screen and into view upon hover
Note usage of .sfhover, a class required and called by the javascript function
that handles :hover attributes so that IE will properly :hover on a LI element	*/
		
/* lists nested under hovered list items */ 
#nav_dropdown1 li:hover ul, #nav_dropdown1 li li:hover ul, #nav_dropdown1 li.sfhover ul, #nav_dropdown1 li  li.sfhover ul { left: 0px; top: 50px; }
		
/* Special class for showing bg-image w/arrow for 3rd level items  */
#nav_dropdown1 .nav_has_level3 { background-image: url('images/site_arrow.gif'); background-position: top right; }
#nav_dropdown1 .nav_has_level3:hover { background-image: url('images/site_arrow.gif'); background-position: top right; }


/* Posts */
.post-teaser { margin: 0; padding: 0;}
.post { margin: 20px 0 30px 0; text-align: left; }
.post hr { display: block; }
.widecolumn .post { margin: 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata alt { background: #f2f2f2; display: none; }
.postmetadata { margin: 5px 0 0 0; padding: 0; font-size: 10px; display: none; }
#footer { padding: 0; margin: 0 auto; clear: both; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }


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


/* Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { float: left; display: block; text-align: center; margin:10px 0 10px 0; }


/* Lists */
html>body .entry ul { margin-left: 0px; padding: 0 0 0 10px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul li:before { content: "\00BB \0020"; }
.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; }
#sidebar ul, #sidebar ol { margin: 0; padding: 0; }
#sidebar ul { list-style-type: none; list-style-image: none; margin: 5px 0 15px 10px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }


/* Form Elements */
#searchform { clear: left; margin: 10px 10px 10px 0; padding: 5px 0px; }
#sidebar #searchform #s { width: 108px; padding: 0px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0;	}
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 25px 0; float: right; }

.readmore { font-size: 0.9em; font-weight: normal; }
.readmore a { font-weight: normal; color: #550000; }
.readmore a:hover { font-weight: normal; color: #ffbb00; }


/* Images */
p img { padding: 2px; max-width: 100%; }
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; }