/*
File:			custom.css
Description:	Custom styles for Thesis

/*BACKGROUND*/
.clear { clear: both; }

.custom li { list-style: none; }
body.custom {
	background:url('images/bg-body.jpg') top left repeat-x #d7e4d7;
	font-family: Helvetica, Arial, sans-serif;
	}
	
/*JUST Content Area (posts, page body)*/

.custom #tabs { display: none; }

.custom #body_inner { 
	background:url('images/bg-body-trees.jpg') top center no-repeat transparent;
}

.custom #content_box { 
	background:url('images/bg-content2.png') top left repeat-y; 
	z-index: 20; 
	width: 930px;
	padding: 0 20px 50px 20px;
	}

.custom #content_innerbox {	
	float: left;
	padding: 0 20px 50px 20px;
	width: 930px;
	}

.custom #content { width: 590px; padding: 30px 10px 0 0; }
.custom #sidebars { width: 310px; margin: 30px 0 0 0; padding: 0; }

/*Entire content area, including sidebars*/
.custom #container { width: 970px; position: relative; }
	
.custom #page {	padding: 10px 0 0 0; position: relative; }
	
	
/* This line gets rid of the site title & tagline by casting them out to far left field */
.custom #header #tagline { text-indent: -9999px; display: none; }

/*Header*/

.custom #header_area .page {
	padding-top:0em;
	}

.custom #header { margin: 0; padding: 0; }

.custom #header #logo a { 
	display: block;
	width: 450px;
	height: 0px;
	padding-top: 109px; 
	overflow: hidden;
	background:url(images/elportal-headlogo.png) no-repeat top left transparent;
	margin: 10px 20px;
	}
	
.custom #header #logo a:hover { 
	/* FIX THIS!!!!!!!!!!!!!!!!!!!!!
	 background-position: 0 -69px; */
	}
	
.tagline_header {
	padding-bottom: 1em;
	}	
	
.tagline_header a {
	background: url('images/tagline.jpg') no-repeat;
	display: block;
	height: 15.6em; 
	width: 80.222em; 
	outline: none;
	margin-left: 9em; 
	}
	
.tagline_header a:hover {
	background-position: -1px -156px;
	}
	
.custom #header {
	padding: 0em;
	}

/* Header font sizes */

.custom h1 {}

/* Home */

.custom .headline_area { 
	padding: 0;
	margin-bottom: 0;
	}

.custom .post_image {
	margin: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
	float: left;
	width: auto;
}

.custom .format_text { margin-top: 10px; }

.custom .content_thirds_box .post_image {
	margin-left: 0px;
}

.custom .format_text img.alignnone {
	margin: 0 15px 10px 0;
	padding: 10px;
}
	
.custom #content_box h2, .custom #content_box h1 {
	font-size: 28px;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	padding: 20px 0 8px;
	color: #666;
	border-bottom: 1px solid #999;
	}

.home #content_box h2 { 
	color: #7bab05;
	margin: 0;
	border-bottom: none;
	}

.custom h2 {}
.custom #content_box h3 {
	font-size: 18px;
	padding: 25px 0 3px 0;
	letter-spacing: 1px;
	}
	
.custom #content_box h4 {
	font-size: 14px;
	padding: 15px 0 2px 0;
	font-weight: bold;
}

.custom h5 {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	padding: 8px 0 3px 0;
}

.custom h6 { 
	font-size: 14px; 
	color: #777; 
	padding: 5px 0 10px 0; 
	line-height: 160%; 
	text-transform: none; 
	}

.custom #content_box .post_box p {
	font-size: 12px;
	color: #333;
	line-height: 150%;
}

.custom #content_box .content_thirds_box p {
	font-size: 11px;
	color: #555;
	line-height: 160%;
}
	
/*Multimedia Box Styling*/
.custom #image_box, #video_box, #custom_box {
	padding:1.1em;
	background: none;
	border: none;
	}
	
/*Main LINKS*/
	
.custom a { 
	color: #45a294; 
	text-decoration: none; 
	}

.custom a:hover { 
	color: #45a294; 
	text-decoration: underline; 
	}

.custom a:visited { 
	color: #45a294; 
	font-weight: normal; 
	}
	
/*Removes all borders*/
	
.custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list {
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	}
	

/* Content display */
.custom .post_box { 
	padding: 8px 40px 10px 10px; 
	clear: both; 
	margin: 0;
	border-top: none;
	border-bottom: 1px dotted #bbb; 
	}
.custom .content_thirds_box { padding: 10px 15px; width: 165px; border-right: 1px dotted #ccc; float: left; }

	
/*Comment Form*/

.custom #commentform p {
	font-size:1.5em;
	line-height:1.467em;
	color: #000;
	}
	
.custom #commentform input, #commentform textarea {
	font-size:1.1em;
	line-height:1.467em;
	color: #000;
	}
	
.custom #commentform input.form_submit {
	border-width:1px;
	background: #77b441;
	color: #fff;
	}
	
/*Post Headlines*/
.custom h2 a {
	color: #77b441;
	}
	
.custom h2 a:hover {
	color: #77b441;
	text-decoration: underline;
	}

/*After click Ñ headline*/
.custom h1 {
	color: #77b441;
	}
	
/*Sidebar 2*/
ul.sidebar_list_2 {
	list-style-type: none;
	}
	
ul.sidebar_list {
	list-style-type: none;
	padding-top: 0;
	}
	
li.widget_subscribe {
	list-style-type: none;
	}
	

/*---:[ Sidebar Formatting ]:---*/
	
.custom .sidebar a, a:visited { 
	color: #45a294; 
	}
	
.custom .sidebar a:hover {
	color: #45a294; 
	text-decoration: underline;
	}
	
	/*Lines Under Sidebar Items*/
	.custom li.widget ul li {
		border-bottom:1px solid #b0cac5;
		padding:0.5em 0;
		margin: 0em;
		}
	
.custom li.widget_subscribe h3 { height: 73px; background: url('images/subscribe.jpg') no-repeat; text-indent: -9999px; margin-bottom: 1.5em; }

/*Categories*/
.custom li.widget_categories h3 { height: 69px; background: url('images/categories.jpg') no-repeat; text-indent: -9999px; margin-top: 1.5em; }

/*--RSS Button--*/
	
.rss {
	margin-bottom: 2em;
	padding-left: 2.5em;
	}
	
.rss a {
	background: url('images/RSS.jpg') no-repeat;
	display: block;
	height: 29px; 
	width: 150px; 
	outline: none;
	}
	
.rss a:hover {
	background-position: 0 -29px;
	}
	
	/*--Feedburner Button--*/
	.feedburner {
		padding: .2em 0 2.2em 4.5em;
		}
		
/*Search Bar*/
	.margins {
		margin-bottom: 2em;
		padding-left: 4em;
		}
	
/*--Email Headline*/
.email_headline {
	background: url('images/emailaddress.jpg') no-repeat;
	display: block;
	height: 87px; 
	width: 195px; 
	outline: none;
	}
	
/*Email Form*/
.subscribe input {
	background: #77b441 !important;
	-moz-border-radius: .5em !important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 10pt !important;
	width: 7em !important;
	height: 2.5em !important;
	margin: .5em 0 0 4em !important;
	}
	
.subscribe input a:hover {
	text-decoration: underline;
	}
	
.custom input, textarea {
	background:#fff none repeat scroll 0 0;
	border-color:#77b441;
	border-style:solid;
	border-width:1px;
	color:#77b441;
	font-size:1.5em;
	-moz-border-radius: .4em;
	padding: .3em;
	}

	
/*Custom Navigation*/

#customNav { 
	list-style: none; 
	padding: 0 20px;
	width: 930px;
	background-image:url('images/bg-nav.png'); 
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 100;
	height: 36px;
	float: left;
	}

#customNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#customNav li { 
	float: left;
	position: relative; 
	margin: 11px 0 0 0;
	padding: 0 0 11px 0;
	font-size: 12px; 
	height: 13px;
	border-right: 1px solid #a7b9a9;
	z-index: 600;
	width: 110px;
	}

#customNav li a { 
	display: block; 
	outline: none; 
	margin-top: -10px;
	width: 100%;
	text-align: center;
	height: 34px; 
	border: none;
	line-height: 34px; 
	float: left;
	}
#customNav li > ul { 
	top: auto;
	left: auto;
	}
	
#customNav li ul {
	position: absolute;
	top: 24px;
	left: 0;
	display: none;
	z-index: 550;
	width: 220px;
	padding: 10px 0;
	background-color: #7bab05;
	border: 1px solid #fff;
	border-top: none;
}


	
#customNav li:hover ul { display: block; }

#customNav li ul li {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 20px;
	border-right: none;
	border-bottom: 1px solid #eee;
}

#customNav li ul li a {
	line-height: 20px;
	height: 20px;
	margin: 0;
	padding: 0 10px;
	width: 200px;
	text-align: left;
}

#customNav li ul li a:link, #customNav li ul li a:visited, #customNav li ul li a:active { color: #fef9e7; }

#customNav li ul li a:hover {
	background-color: #eee;
	color: #666;
	}

#customNav li a:link, #customNav li a:visited, #customNav li a:active { 
	color: #666;
	}

#customNav li a:hover, #customNav li a.active {
	color: #fff;
	background-color: #7bab05;
	text-decoration: none;
	}


.custom .comments_closed p {display: none;}
.custom #comments { display: none; }

/* Footer */

.custom #footer {
	background:url(images/bg-sprite.png) 0 -50px no-repeat;
	height: 160px;
	padding: 15px 20px 5px 20px;
	text-align: left;
}

.custom #footer p { display: none; }

.custom #footer .footer-column {
	width: 340px;
	padding: 10px;
	color: #fff;
	float: left;
}

.custom #footer .footer-column-small {
	width: 190px;
	float: left;
	margin-top: 5px;
}

.custom #footer .footer-column ul { margin-top: 5px; }
.custom #footer .footer-column li { padding: 4px 0; list-style: none; font-size: 13px; }
.custom #footer .footer-column li h3 { font-size: 18px; color: #eee; letter-spacing: 1px; }
.custom #footer .footer-column li span { width: 140px; display: block; float: left; font-weight: bold; }

.custom #footer .footer-column-small #seal {
	float: right;
	width: auto;
}


/* Custom for Building Department Info */

.custom .operation { 
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px; 
	float: left; 
	width: 100%; 
	}
	
.custom .operation li { 
	list-style: none;
	line-height: 115%;
	padding: 5px 0;
	width: 100%;
	float: left;
	display: block;
}

.custom .operation li span { 
	width: 150px;
	float: left;
	display: block;
	color: #555;
	font-weight: bold;
}
.custom .operation li div {
	float: left;
	width: auto;
}
/** wlsi*/

/*** widgets, fix this ***/

/* WIDGETS */

.custom #sidebars p { 
	margin-bottom: 5px;
	line-height: 150%;
}

.custom li.widget { margin: 0; padding: 0; margin-bottom: 0; }

.custom .panel-sidebar {
	background-color: #fef9e7;
	border: 1px solid #ddcc9f;
	margin-top: 15px;
	padding: 0 10px 15px;
	width: 270px;
	float: left;
}

.custom .panel-sidebar h3 {
	color: #7bab05;
	font-size: 16px;
	border-bottom: 1px solid #a7b9a9;
	font-variant: normal;
	padding-top: 15px;
}

.custom .panel-sidebar h4 {
	color: #7bab05;
	font-size: 14px;
}	

.custom #sidebars #manager-reports li {
	border: none;
	padding: 0;
	height: 18px;
}

.custom #sidebars #manager-reports li.bold {
	font-weight: bold;
	font-size: 13px;
	color: #666;
}

.custom #sidebars #meeting-schedule {
	font-size: 11px;
	color: #666;
	line-height: 140%;
	width: 260px;
	padding-right: 20px;
}


#meeting-board ul { display: block; width: 100%; float: left; }
#meeting-board div li {
	padding: 0 5px;
	margin: 0;
	border-bottom: none;
	border-right: 1px solid #999;
	float: left;
	display: block;
}

#meeting-board p, #charter p { color: #666; padding: 3px 5px 0; }
#meeting-board p a { margin-left: 5px; }

.custom li.widget .medium-panel li {
	border-bottom: none;
	padding: 1px 0;
	font-size: 12px;
	color: #666;
}



/* calendar */

div.sched {
	font-size: 1.1em;
	color: #666;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

div.sched .sched-title {
	width: 80px;
	float: left;
	padding-right: 10px;
	font-weight: bold;
	color: #999;
}

.custom #content_box .sticky {
	background-color: #fff;
	border: 1px solid #b3c1b4 !important;
	padding: 20px;
	margin-bottom: 15px;
	margin-right: 20px;
}


/* Events */

#upcoming-events, #past-events {
	width: 100%;
	float: left;
}
#next-upcoming-event ul li, #past-events ul li { 
	list-style: none;
	line-height: 130%;
	padding: 2px 0;
	 }

#next-upcoming-event {
	margin-bottom: 15px;
	padding: 0 15px 15px 100px;
	background:url(images/icon-event.png) 15px center no-repeat #fff;
	border: 1px solid #999;
	font-size: 13px;
	color: #666;
}


.custom #next-upcoming-event h3 {
	padding-top: 15px;
	color: #7bab05;
}

.custom #content_box #upcoming-events h3, .custom #content_box #past-events h3, .forms #content_box .format_text h3 {
	color: #7bab05;
	padding: 25px 0 1px 10px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #7bab05;
}

.custom #content_box .village-event {
	border-bottom: 1px solid #b0beaf;
	padding: 8px 10px;
	clear: both;
	float: left;
	width: 570px;
	}

.custom #content_box .village-event div {
	width: 380px;
	float: left;
}

.custom #content_box .village-event div.event-thumb {
	width: auto;
	margin: 0 15px 10px 0;
	float: left;
}

.custom #content_box .village-event div.event-thumb img {
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
}

.custom #content_box .village-event ul {
	padding: 5px 0 2px;
	font-size: 12px;
	color: #444;
	clear: both;
	float: left;
	width: auto;
}

.custom #content_box .village-event li {
	width: auto;
	padding: 0 25px 0 0;
	float: left;
}

.custom #content_box .village-event h4 {
	font-weight: bold;
	font-size: 13px;
	color: #333;
	padding: 8px 0 1px;
	border-bottom: 1px dotted #ccc;
	width: 100%;
	float: left;
}

.custom #content_box .village-event p {
	font-size: 13px;
	line-height: 140%;
	padding-bottom: 8px;
	color: #666;
	float: left;
	}

#past-events ul li span { font-weight: bold; }


/***** meetings page ***/

.custom #content_box #all-meetings li { 
	list-style: none; 
	list-style-position: inside;
	}
	
.custom #content_box #all-meetings li#header-row {
	border-bottom: 2px solid #555;
	margin-bottom: 5px;
}

.custom #content_box #all-meetings li#header-row ul li {
	font-weight: bold;
	border-bottom: none;
	}


	
.custom #content_box .meeting-row {
	float: left;
	width: 100%;
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #999;
}

.custom #content_box .meeting-row ul li {
	display: inline;
	width: auto;
	float: left;
	padding: 0 10px;
	font-size: 12px;
	color: #666;
	border-right: 1px solid #eee;
}

.custom #content_box .meeting-row ul li.mdate { width: 150px; }
.custom #content_box .meeting-row ul li.mtitle { width: 220px; }
.custom #content_box .meeting-row ul li.magenda { width: 50px; }
.custom #content_box .meeting-row ul li.mminutes { width: 50px; }

.custom #content_box #meetings-archive {
	margin-top: 30px;
	float: left;
	width: 100%;
}

.custom #content_box #meetings-archive h2 {
	font-size: 18px;
	color: #7bab05;
	padding: 5px 0 0 5px;
}

.custom #content_box #meetings-archive h3 {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px 0 4px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #999;
	width: 100%;
	text-align: center;
}

.custom #content_box .meeting-year {
	width: 270px;
	padding: 5px 10px;
	float: left;
}

.custom #content_box .meeting-year li {
	color: #666;
	padding: 3px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
	line-height: 120%;
	list-style: none;
	list-style-position: inside;
}

.custom #content_box .meeting-year li span { 
	text-transform: capitalize;
	color: #000;
	padding: 0 15px 0 0;
	 }

.custom #content_box #recent-resolutions div h4 {
	font-weight: normal;
	font-size: 16px;
	
}

.custom #content_box #recent-resolutions div p {
	line-height: 150%;
	padding-right: 30px;
	color: #666;
	font-size: 12px;
}

.custom #content_box #recent-resolutions div p.kicker { color: #777; }



/* forms page */

.forms #content_box .format_text p {
	margin-bottom: 0;
	padding: 2px 0 2px 10px;
	border-bottom: 1px solid #ccc;
}

.custom #content_box .bold { font-weight: bold; }

.custom #sidebars .budget-archives {
	width: 110px;
	float: left;
	padding-right: 10px;
	font-size: 11px;
}

.custom #sidebars .budget-archives li {
	padding: 3px 0;
}

/* ARchives page cSS */
.custom #content_box .format_text p.caption {
	margin-top: -10px;
	color: #777;
	letter-spacing: 1px;
	font-size: 11px;
}

.archives #content_box .format_text h3 {
	margin: 0;
	padding: 15px 0 5px 0;
	font-size: 20px;
	color: #7bab05;
}