/*============================= Standard Tags ================================*/

* {
	margin: 0;
	padding: 0;
}

html {
	background: url(../gfx/bg.png) 0 0 repeat-x;
}

body {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	background: url(../gfx/bg-2.png) center 0 no-repeat;
	font-size: 12px;
	line-height: 16px;
	color: #777777;
}

h1,h2,h3,h4,p {
	margin-bottom: 15px;
}

p {
	line-height: 18px;

}

h2 { font-size: 16px; }

h3 { 
	font-size: 14px; 
	color: #8BC53F;
}

h4 { 
	font-size: 13px;
	color: #8BC53F;
}


li {
	margin-left: 15px;
}

a {
	outline: none;
	color: #8BC53F;
	text-decoration: underline;
}

a:hover, a:focus {
	text-decoration: none;
}

input, textarea {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 12px;
	padding: 1px 3px;
}

textarea {
	overflow: auto;
}

.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }

.white {
	color: white;
	font-size: 16px;	
}

textarea {
	margin-top: 5px;	
}

/*============================= Main Layout ===============================*/


#wrapper {
	position: relative;
	margin: 0 auto;
	width: 900px;
	margin-bottom: 15px;
	margin-top: 15px;
}

#banner {
	background: url(../gfx/round-top.png) center 0 no-repeat;
	height: 250px;
	padding: 20px 0;
}

#title {
	position: relative;
}

#title h1.index {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_index.jpg) center 0 no-repeat;
}

#title h1.news {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_news.jpg) center 0 no-repeat;
}

#title h1.conversations {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_conversations.jpg) center 0 no-repeat;
}

#title h1.resources, #title h1.new-conversation {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_resources.jpg) center 0 no-repeat;
}

#title h1.newsletter {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_newsletter.jpg) center 0 no-repeat;
}

#title h1.calendar {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_events.jpg) center 0 no-repeat;
}

#title h1.events, #title h1.addevent {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_events.jpg) center 0 no-repeat;
}


#title h1.addorg, #title h1.about, #title h1.contact, #title h1.sponsors {
	margin: 0 auto;
	padding: 38px 0 0 44px;
	width: 860px;
	height: 230px;
	background: url(../gfx/banners/banner_index.jpg) center 0 no-repeat;
}

#title h1 a {
	display: block;
	height: 175px; /* Don't forget print.css too */
	width: 200px; 
	text-indent: -2000em;
	overflow: hidden; /* IE */
	background: url(../gfx/logo.png) 0 0 no-repeat;
	outline: none;
	margin-top: -20px;
}

#title h1 a:hover, #title h1 a:focus {
}


.photocredit {
	position: absolute;
	bottom: 42px;
	right: 42px;
	color: white;
}

.photocredit a {
	color: white;
}

/*============================= One Column Layout =================================*/



#onecolumn {
	padding: 20px 25px 60px 25px;
	background: #fff;
	min-height: 450px;
}



/*===================== Two Column Layout - Right Sidebar ==============================*/

#innerwrap {
	background: white;
	min-height: 300px;
}


#container2rs {
	width: 100%;
	float: left;
	margin-right: -270px;
}

#content2rs {
	width: 460px;
	margin-left: 131px;
	margin-right: 240px;
}

#content2rs p {
	text-align: justify;
}

#sidebar2rs {
	width: 208px;
	float: right;
	margin-right: 30px;
}

#sidebar2rs ul {
	margin-bottom: 40px;
}

#sidebar2rs h5 {
	float: left;
}


/*===================== Two Column Layout - Left Sidebar ==============================*/


#container2ls {
	width: 100%;
	float: right;
	margin-left: -200px;
	background: #fff;
}

#content2ls {
	background: #fff;
	margin-left: 200px;
	padding: 20px 35px 60px 35px;
}

#sidebar2ls {
	width: 160px;
	padding: 20px;
	float: left;
}


/*===================== Calendar Layout - Right Sidebar ==============================*/



#container2rs-cal {
	width: 100%;
	float: left;
	margin-right: -270px;
}

#content2rs-cal {
	margin-right: 270px;
	margin-left: 30px;
}

#sidebar2rs-cal {
	width: 208px;
	float: right;
	margin-right: 30px;
}



.anevent {
	margin-bottom: 40px;
}



/*============================= Three Column Layout =================================*/


#container3 {
	width: 100%;
	float: left;
	margin-right: -200px;
	background: white;
}

#content3 {
	margin-right: 200px;
}

#maincol3 {
	background: white;
	margin-left: 200px;
	padding: 20px 20px 50px 20px;
}

#leftcol3 {
	width: 160px;
	padding: 20px;
	float: left;
}

#rightcol3 {
	width: 160px;
	padding: 20px;
	float: right;
}



/*================================ Main Nav ==================================*/


#nav {
	margin: 0 auto 6px 0;
	height: 83px;
	background: url(../gfx/nav-bg.png) 0 0 no-repeat;
	text-indent: -2000em;
}

#nav ul { 
	list-style: none;
	padding: 22px 0 0 28px;
}

#nav li {
	position: relative;
	float: left;
	height: 40px;
	margin: 0;
}

#nav li a {
	display: block;
	text-decoration: none;
	line-height: 40px;
	height: 100%;
	width: 100%;
}

#nav-news {
	width: 150px;
	background: url(../gfx/nav-icons.png) 0 0 no-repeat;
}

#nav-news:hover, #nav-news .selected {
	background: url(../gfx/nav-icons.png) 0 -40px no-repeat;
}

#nav-conversations {
	width: 168px;
	background: url(../gfx/nav-icons.png) -150px 0 no-repeat;
}

#nav-conversations:hover, #nav-conversations .selected {
	background: url(../gfx/nav-icons.png) -150px -40px no-repeat;
}

#nav-contact {
	width: 220px;
	background: url(../gfx/nav-icons.png) -320px 0 no-repeat;
}

#nav-contact:hover, #nav-contact .selected {
	background: url(../gfx/nav-icons.png) -320px -40px no-repeat;
}

#nav-newsletter {
	width: 174px;
	background: url(../gfx/nav-icons.png) -540px 0 no-repeat;
}

#nav-newsletter:hover, #nav-newsletter .selected {
	background: url(../gfx/nav-icons.png) -540px -40px no-repeat;
}

#nav-events {
	width: 128px;
	background: url(../gfx/nav-icons.png) -713px 0 no-repeat;
}

#nav-events:hover, #nav-events .selected {
	background: url(../gfx/nav-icons.png) -713px -40px no-repeat;
}


/*================================= Upcoming Events ====================================*/

.upcoming li {
	list-style: none;
	margin: 0 0 10px 0;		
}

.upcoming li a {
	display: block;	
}

/*================================ Forum Table ==================================*/

.forum {
	width: 100%;
	border-spacing: 0;
}

.forum td {
	border-bottom: 1px dotted #8bc53f;
	padding: 25px 0;
}

.forum tr:last-child {
	border: none;	
}

.forum th {
	text-align: left;	
}

.forum h4 {
	font-size: 13px;
	margin-bottom: 5px;
}

th.topic {
}

td.topic {
	padding-right: 40px;
	width: 60%;
}

td.latest {
	width: 18%;
	white-space: nowrap;	
}


.forum td.cat-recycling {
	background: url(../gfx/icon-recycle.png) 0 48px no-repeat;
	padding-left: 60px;
}

.forum td.cat-gardening {
	background: url(../gfx/icon-leaf.png) 0 25px no-repeat;
	padding-left: 60px;
}

.forum td.cat-events {
	background: url(../gfx/icon-tree.png) 0 40px no-repeat;
	padding-left: 60px;
}

.forum td.cat-education {
	background: url(../gfx/icon-drop.png) 0 50px no-repeat;
	padding-left: 60px;
}

.forum td.cat-general {
	background: url(../gfx/icon-house.png) 0 25px no-repeat;
	padding-left: 60px;
}

.forum td.cat-renewable {
	background: url(../gfx/icon-bulb.png) 0 50px no-repeat;
	padding-left: 60px;
}

.forum td.cat-planning {
	background: url(../gfx/icon-flower.png) 0 25px no-repeat;
	padding-left: 60px;
}

.forum td.cat-collaboration {
	background: url(../gfx/icon-sun.png) 0 25px no-repeat;
	padding-left: 60px;
}

/*================================= Sub Nav ====================================*/


#nav li ul {
	list-style: none;
	position: absolute;
	top: auto;
	left: auto;
	width: 192px;
}

#nav li:hover ul {
	top: 30px;
}

#nav li ul li {
	border: 0;
	margin: 0;
	float: none;
}

#nav li ul li a {
	border: 1px solid black;
	border-bottom: 0;
	white-space: nowrap;
	display: block;
	width: 160px;	
}

#nav li ul {
	border-bottom: 1px solid black;
}


/*============================= Footer =================================*/


#footer {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 900px;
	background: url(../gfx/round-bottom.png) 0 0 no-repeat;
	height: 50px;
}

#footer ul {
	float: right;
	padding: 5px 15px;
}

#footer ul li {
	float: left;
	margin: 0;
	padding: 0 10px;
	list-style-type: none;	
}



#footer ul li a img {
	border: none;
}

#footer ul li.fb,#footer ul li.tw,#footer ul li.rss {
	padding: 0 3px 0 0;
} 



#footer ul li:first-child {
	
}

/*================================= Sub Nav ====================================*/


#ticker {
	list-style: none;	
	margin-left: -14px;
}

#ticker img {
	border: none;
}



/*============================= Login / Admin =================================*/

#signup {
	position: relative;
	background: url(../gfx/signup-bg.jpg) 0 0 no-repeat;
	width: 450px;
	height: 480px;
	padding: 15px 20px;
	float: left;
}

#newuser {
	position: relative;
	background: url(../gfx/login-bg-r.jpg) 0 0 no-repeat;
	width: 175px;
	height: 90px;
	padding: 15px 20px;
	float: left;
}

#newuser p {
	margin-top: -5px;
	text-align: left;
	width: 140px;
	font-size: 11px;
	line-height: 18px;
}

#newuser span {
	color: #595959;	
}

.label {
	padding-right: 15px;
}

.formwidth {
	float: left;
	width: 80px;	
}

#login {
	position: relative;
	background: url(../gfx/login-bg.jpg) 0 0 no-repeat;
	width: 240px;
	height: 220px;
	padding: 15px 20px;
	float: left;
}

#login input {
	margin-top: 3px;
}

.buttons {
	margin-top: 10px;
	color: grey;
}


.buttons input {
	border: 1px solid grey;
	line-height: 22px;
	color: #473931;
}

/*============================= Content =================================*/


#googlemap {
	width: 500px;
	height: 300px;
	border: 1px solid black;
}


.fancy {
	float: right;
	margin: 10px 0 10px 10px;
}

.fancylink img {
	border: 2px solid #8BC53F;
}

a.fancylink:hover img {
	border: 2px solid silver;	
}



/*============================= Index =================================*/


#homeevents {
	width: 180px;
	padding: 10px 20px;
	float: right;
	background: #eee;
	margin: 0 0 20px 20px;
}


#homecopy {
}




/*============================= Blog o Sphere =================================*/

.blogentry {
	margin-bottom: 40px;
	background: url(../gfx/blog-right.png) right 0 no-repeat;
	width: 420px;
	padding-right: 48px;
}

.blogarchives ul {
	color: #CCC7AD;
}

.blogarchives ul {
	margin-bottom: 30px;
	list-style: none;
}


.blogarchives ul li {
	line-height: 25px;
	margin-left: 0;
}

/*

.comment {
	border-top: 1px dotted #8bc53f;
	padding-top: 25px;
	padding-bottom: 11px;
}

.comment em {
	margin-top: 20px;	
	color: #a09b81;
}

*/


		.author {
			display: block;
			background: #f2f2ef;
			padding: 5px;
			margin-left: -8px;
			margin-bottom: 15px;
			line-height: 20px;
		}

		.reply {
			background-image: url(../gfx/arrow.png);
			background-repeat: no-repeat;
			background-position: 17px 7px;
			padding-left: 40px;
		}

		.comment {
			display: block;
			padding: 5px;
		}
		
		.action {
			display: block;
			padding: 5px;
		}

		ul.top {
			border-left: 5px solid #e9f2d9;
			margin-bottom: 40px;
			padding: 0;
			padding-left: 10px;	
		}

		ul.top li {
			margin-left: 0;
			list-style: none;
		}

		.even {
			background: white;
		}
		
		.odd {
		}
		
		ul.top strong {
			color: #79bd36;	
		}
		
		.replybtn {
			margin-bottom: 15px;
			display: block;	
		}


.indexcomment {
	float: right;
	text-decoration: none;
	margin-top: -19px;	
}



.cat-renewable {
	background: url(../gfx/cat-renewable.jpg) 0 0 no-repeat;
	padding-left: 95px;
	margin-left: -95px;
}

.cat-gardening {
	background: url(../gfx/cat-gardening.jpg) 0 0 no-repeat;
	padding-left: 95px;
	margin-left: -95px;
}

.cat-recycling {
	background: url(../gfx/cat-recycle.jpg) 0 0 no-repeat;
	padding-left: 95px;
	margin-left: -95px;
}

.cat-education {
	background: url(../gfx/cat-education.jpg) 0 0 no-repeat;
	padding-left: 95px;
	margin-left: -95px;
}

.cat-general {
	background: url(../gfx/cat-general.jpg) 0 0 no-repeat;
	padding-left: 95px;
	margin-left: -95px;
}

.cat-planning {
	background: url(../gfx/cat-general.jpg) 0 0 no-repeat;
	padding-left: 95px;
	margin-left: -95px;
}

/*============================= User Comments =================================*/



.usercomments label {
	margin-bottom: 14px;
}

.usercomments label .label {
	display: block;
	width: 100%;
	text-align: left;
	margin-right: 10px;
}





/*============================= Record Set Paging =================================*/


.pages a, .pages span {
	display: block;
	float: left;
	padding: 4px 5px;
	margin: 0 6px 0 0;
	background: #d0cbb2;
	width: 16px;
	text-align: center;
}

.pages span.current {
	font-weight: bold;
	background: #8bc53f;
	color: #fff;
}

.pages a {
	text-decoration: none;
	color: #fff;
}

.pages a:hover {
	color: #fff;
	background: #9b9b9b;	
}

/*============================= Form Vars =================================*/

#error {
	color: red;
	font-weight: bold;
}

label {
	display: block;
	margin-bottom: 14px;
}

label .label {
	width: 130px;
	float: left;
	text-align: left;
	margin-right: 10px;
}

label span.highlight {
	width: auto;
	float: none;
	font-weight: bold;
	color: red;
}

.captcha {
	margin-bottom: 10px;
}


.esignup {
	border: 1px solid silver;
	padding: 10px;
	background: #f7f7f7;
}


/*============================= Business Directory =================================*/


.biz {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.biz ul.contact {
	float: left;
}

.biz ul.address {
	float: right;
}

.biz fieldset {
	clear: both;
	padding: 0 10px 10px 10px;
	margin: 5px;
	border: 1px solid silver;
}

.biz legend {
	font-weight: bold;
	padding: 5px;
}



/*============================= Sponsor Listings =================================*/

.sponsor {
	border-bottom: 1px dotted #8bc53f;
	padding: 20px 0;
}

.sponsor:first-child {
	padding-top: 0px;
	border-top: none;
}

.sponsor a strong {
	display: block;
}

.sponsor a img {
	border: none;
	margin: 20px 0;
}


/*============================= Sidebar =================================*/

.sideinfo {
	background: url(../gfx/login-bg-r.jpg) 0 0 no-repeat;
	width: 175px;
	height: 120px;
	margin-top: 55px;
	margin-left: 15px;
}

.sideinfo p {
	color: white;
	padding: 20px 15px;	
}

.sideinfo a {
	color: white;
}

.sideinfo a:hover {
	font-weight: bold;	
}



/*============================= Twit =================================*/

ul#tweets {
	overflow: hidden;
}

ul#tweets li {
	margin-bottom: 20px;
	margin-left: 0px;
	list-style: none;
}

ul#tweets li span {
	display: block;
}

#socialmedia {
	margin-bottom: 20px;
	
}

#socialmedia a img {
	border: none;
	margin-right: 2px;
}