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

/* Colors 
#184B00 dark green from header
#1A5E85 medium blue from header #2A6C0A D2EDFF
#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: #D6EAF7 url('/images/page_bg.gif') repeat-x; margin: 0; padding: 0; border: none; }
#header { margin: auto auto; width: 760px; height: 120px; }
#headerimg { display: block; float: left; width: 400px; height: 120px; background: #D2EDFF url('/images/mast.jpg') no-repeat; }

#buttonContainer { float: left; display: block;width: 360px; height: 120px;}
#dir { clear: left; display: block; float: right; background: url('/images/header_dir1.gif') no-repeat; height: 120px; width: 120px; margin: 0; padding: 0;}
#home { clear: left; display: block; float: right; background: url('/images/header_articles2.gif') no-repeat; height: 120px; width: 120px; margin: 0; padding: 0;}
#events { clear: left; display: block; float: right; background: url('/images/header_events1.gif') no-repeat; height: 120px; width: 120px; margin: 0; padding: 0;}
#eventsbody #events {clear: left; display: block; float: right; background: url('/images/header_events2.gif') no-repeat; height: 120px; width: 120px; margin: 0; padding: 0;} 
#eventsbody #home {clear: left; display: block; float: right; background: url('/images/header_articles1.gif') no-repeat; height: 120px; width: 120px; margin: 0; padding: 0;} 
#eventsbody #dir {clear: left; display: block; float: right; background: url('/images/header_dir1.gif') no-repeat; height: 120px; width: 120px; margin: 0; padding: 0;} 

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


/* Columns */
.narrowcolumn {	float: left; padding: 0% 3%; margin: 0; width: 470px; 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 solid #9FB794; padding: 3px; margin: 5px 0 10px 0; }


/* Posts */
.post-teaser { margin: 0; padding: 0;}
.post { margin: 0 0 25px 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; }
.postmetadata { margin: 5px 0 0 0; padding: 0; font-size: 10px; }
#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; }
.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; }


/* Headers */
h1 { padding-top: 0px;	margin: 0; }
h2 { margin: 25px 0 0 0; }
h2.pagetitle { margin-top: 15px; 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: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 17px; }
h2.pagetitle { font-size: 1.7em; color: #0E2C00; }
#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 18px; }
#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: 760px; height:34px; padding: 0; margin: auto auto; background-repeat: no-repeat;  background-attachment:fixed; background: white; }


/* Tabs (Top level menu items) www.alistapart.com/articles/slidingdoors2/  */
#nav1 { width: 760px; 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; }


/* sIFR */
.sIFR-flash { visibility: visible !important; margin: 0; } 
.sIFR-replaced { visibility: visible !important; } 
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0;	display: block;	overflow: hidden; } 

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {  display: none !important; } 

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 { visibility: hidden; } 
.sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -14px; font-size: 24px; } 
.sIFR-hasFlash #sidebar h2 { visibility: hidden; font-size: 22px; line-height: 25px; letter-spacing: -9px;} 
.sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 20px; }
.sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; }
.sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }


span.sIFR-alternate { font-size: 20px; line-height: 24px; margin: 20px 0 0 0;}
#sidebar span.sIFR-alternate {font-size: 14px; height: 20px; margin: 0;} 



/* big buttons 
#home { display: block; float: right; background: url('/images/header_buttons.gif') -5px 0px; height: 120px; width: 130px; margin: 0; padding: 0; }
#home:hover {  clear: left; display: block; float: right; background: url('/images/header_buttons.gif') -5px -240px no-repeat; height: 120px; width: 130px; margin: 0; padding: 0; }

#dir { clear: left; display: block; float: right; background: url('/images/header_buttons.gif') -133px 0px no-repeat; height: 120px; width: 130px; margin: 0; padding: 0;}
#dir:hover {  clear: left; display: block; float: right; background: url('/images/header_buttons.gif') -5px -240px no-repeat; height: 120px; width: 130px; margin: 0; padding: 0; }

#events { display: block; float: right; background: url('/images/header_buttons.gif') 138px 0px; height: 120px; width: 130px; padding: 0;}
#events:hover {  clear: left; display: block; float: right; background: url('/images/header_buttons.gif') -5px -240px no-repeat; height: 120px; width: 130px; margin: 0; padding: 0; }*/



#nav1 #nopipe { border: none; }