/*
Theme Name: Addison County Regional Planning Commission
Theme URI: http://www.acrpc.org/
Description: Custom WordPress theme for the Addison County Regional Planning Commission
Version: 1.0
Author: Union Street Media
Author URI: http://www.unionstreetmedia.com/
Tags: 
*/

body, div, span, th, td, p, ul, li, h1, h2, h3, h4, h5, h6 {
	font-family: georgia, verdana, sans-serif;
	color: #473622;
	font-size: 12px;
}

body { 
	background: #fff url("i/bg.gif") top left repeat-x;
	margin: 0;
	padding: 0;
}

/* lvha */
a {
	color: #406225;
}

a.green { color: #406225; }

a:hover { text-decoration: none; }

.cb { clear: both; }

table { border-collapse: collapse; width: 100%; }
td { vertical-align: top; }

table.data {
	border-top:1px solid #473621;
	border-right:1px solid #473621;
}
table.data td,
table.data th {
	border-bottom:1px solid #473621;
	border-left:1px solid #473621;
}

/* Remove blue border in IE */
img { border: 0; }

/* --------------- */
/* -- container -- */
/* --------------- */

div#w {
	width: 990px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: transparent url("i/interior.png") top left repeat-y;
}


div#i {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}



/* ------------ */
/* -- header -- */
/* ------------ */

div.tb {
	background: #473622;
	padding: 15px 31px;
}

div.tb div.left { float: left; width: 600px; }

div.tb div.right {
	float: right;
	width: 270px;
}

div.tb div.right form input#s {
	border: 0;
	color: #fff;
	background: transparent url("i/search.jpg") top left no-repeat;
	padding: 5px 15px 7px 30px;
	width: 150px;
	height: 12px;
	overflow: hidden;
}

div.tb div.right form input#s:focus,
div.tb div.right form input#s.focus {
	outline: none;
	background-position: 0 -24px;
}

div.h {
	margin: 0;
	padding: 0;
}

div.h div.left { float: left; width: 727px; }

div.h div.right {
	float: right;
	width: 175px;
	padding-top: 50px;
}

h1 {
	width: 727px;
	background: url("i/logo.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -9999px; 
	text-decoration: none;
}
	
h1 a, 
h1 a:link, 
h1 a:visited {
	display: block;	
	height: 96px;
	background: transparent url("i/logo.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
	
h1 a:hover,
h1 a:active { background: transparent url("i/logo.jpg") top left no-repeat; }


/* =Menu
-------------------------------------------------------------- */

.menu, .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li {
	float: left;
	position: relative;
}

.menu {
}
.menu a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	line-height: 28px;
	padding: 0 10px;
	text-decoration: none;
}
.menu a:hover {
	text-decoration: underline;
}

.menu > li {
	display: inline;
	line-height: 26px;
}
.menu > li > * {
	vertical-align: top;
}
.menu > li > a {
	display: inline-block;
	padding: 0 7px;
}
.menu > li:after {
	content: " | ";
	color: #fff;
}
.menu > li:last-child:after {
	content: "";
}
.menu > li.last:after {
	content: "";
}

.menu ul {
	display: none;
}
.menu div > ul {
	display: block;
}
.menu div,
.menu ul ul {
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
	display: none;
	position: absolute;
	top: 28px;
	left: 10px;
	float: left;
	min-width: 165px;
	white-space: nowrap;
	z-index: 99999;
	padding: 5px 0;
	background: #fff;
	zoom: 1;
	*white-space: normal;
	*width: 165px;
}
.menu div:before,
.menu div:after {
	display: table;
	content: "";
	zoom: 1;
}
.menu div:after {
	clear: both;
}

.menu ul {
	min-width: 165px;
}
.menu ul li {
	min-width: 165px;
	float: none !important;
}
.menu ul ul {
	left: 100%;
	top: -5px;
}
.menu ul a {
	background: #fff;
	padding: 5px 10px;
	min-width: 145px;
	height: auto;
	color: #473622;
	font-size: 11px;
	line-height: 17px;
}
.menu > li:hover > a {
}
.menu > li:hover > a:active {
}
.menu ul :hover > a {
}
.menu li:hover > div,
.menu li:hover > ul {
	display: block;
}

.menu ul a:hover {
	color: #3e5e1b;
	text-decoration: none;
}

.menu .about ul,
.menu .about li,
.menu .about li a,
.menu .communities ul,
.menu .communities li,
.menu .communities li a {
	min-width: 100px;
}
.menu li.about ul,
.menu li.communities ul {
	float: left;
}

.menu li.about div {
	width: 280px;
}
.menu li.communities div {
	width: 370px;
}


/* -------------- */
/* -- homepage -- */
/* -------------- */

div.intro {
	float: left;
	padding-left: 29px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 562px;
}

div.intro p {
	font-size: 14px;
	line-height: 1.6em;
}

div.intro p a { text-decoration: none; }
div.intro p a:hover { text-decoration: underline; }

div.hgl {
	float: left;
	width: 204px;
	padding-left: 72px;
}

div.hgl ul,
div.hgr ul { margin-left: 0; padding: 0; }

div.hgl ul li,
div.hgr ul li {
	list-style-type: none;
	font-size: 13px;
	font-family: arial;
	color: #464645;
	line-height: 24px;
}

div.hgl ul li a,
div.hgr ul li a {
	font-size: 13px;
	font-family: arial;
	color: #464645;
	text-decoration: none;
}

div.hgl ul li a:hover,
div.hgr ul li a:hover { text-decoration: underline; }

div.hgl p a,
div.hgr p a {
	font-style: italic;
	font-size: 14px;
	color: #406225;
	text-decoration: none;
	padding-top: 4px;
	margin-top: 0;
}

div.hgl p a:hover,
div.hgr p a:hover { text-decoration: underline; }

div.hgr {
	float: right;
	width: 283px;
	margin-right: 369px;
}

div.ask {
	padding: 25px 0 0 40px;
}
	
div.hr {
	position: relative;
	float: right;
	width: 340px;
	margin-bottom: -80px;
	margin-top: -375px;
}

div.hg { background: #dbe5ce url("i/home-green.jpg") top left repeat-x; }

div.pagetop {
	border-top: 1px solid #c5c4bc;
	width: 880px;
	margin: 0 auto;
	padding-top: 10px;
	line-height: 1.6em;
	zoom: 1;
}
div.pagetop:before,
div.pagetop:after {
	display: table;
	content: "";
	zoom: 1;
}
div.pagetop:after {
	clear: both;
}

div.pagetop p,
div.pagetop li {
	font-size: 14px;
	line-height: 1.6em;
}

div.pagetop h1,
div.pagetop h2,
div.pagetop h3,
div.pagetop h4,
div.pagetop h5,
div.ask h3 a {
	font: normal 2.85em "caflisch-script-pro", sans-serif;
	margin: 0.6em 0 -0.5em 0;
	padding: 0;
	color: #406b23;
}

div.pagetop h1 { font-size: 3em; }
div.pagetop h2 { font-size: 3em; }
div.pagetop h3 { font-size: 2.25em; }
div.pagetop h4 { font-size: 1.75em; }
div.pagetop h5 { font-size: 1.25em; }

div.ask h3 { margin-bottom: -10px; }
div.ask h3 a { font-size: 2.75em; text-decoration: none; }
div.ask h3 a:hover { text-decoration: underline; }

li.widget_gce_widget h3 { display: none; }

span.calendar-date {
	font-size: 11px;
	font-family: arial;
	color: #464645;
	font-style: italic;
}

div.gce-widget-list ul li { line-height: 17px; padding-bottom: 5px; }

div.singlefloat { float: right; margin: 0 0 20px 20px; }

#mc_embed_signup{ background: #fff; clear: left; font: 14px Helvetica,Arial,sans-serif; }

/* Images in posts/pages */
.pagetop .alignright {
	float: right;
	margin-left: 40px;
}
.pagetop .alignright img { border: 5px solid #ccc; }
.pagetop .alignright .wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

/* search page */
.navigation { margin-bottom: 20px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

/* contact us page */

.contact_area .form,
.contact_area .map { float: left; width: 45%; }

.contact_area span.wpcf7-not-valid-tip {
	border: 1px solid #FF0000;
	left: 0;
	margin-top: -4px;
	top: 0;
	width: 285px;
}

.contact_area:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* newsletter subscription */

#mce-EMAIL {
	width: 50%;
	display: inline-block !important;
}

#mc-embedded-subscribe { 
	display:inline-block !important;
}

#mc_embed_signup .clear { clear: none; }

/* ------------ */
/* -- footer -- */
/* ------------ */

div#f {
	color: #473622;
	font-size: 13px;
	text-align: center;
	background: transparent url("i/interior-foot.png") bottom left no-repeat;
	width: 990px;
	margin: 0 auto;
	padding-bottom: 35px;
	clear:both;
}

div#f p { margin: -4px 0 0 0; padding: 0; line-height: 1em; }

/*div#f p.sec { margin-top: 8px; }*/

div#f a {
	color: #473622;
	font-size: 13px;
	text-decoration: none;
}

div#f a:hover { text-decoration: underline; }

div#f div.fb {
	position: relative;
	float: right;
	margin-right: 20px;
	margin-top: -30px;
}

div#f div.fi {
	width: 880px;
	margin: 0 auto;
	padding: 20px 0 10px;
	border-top: 1px solid #c5c4bc;
	border-bottom: 1px solid #c5c4bc;
}

/* =Footer Nav
-------------------------------------------------------------- */
.footer-nav, .footer-nav li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
.footer-nav {
	list-style-type: none;
	display: block;
	text-align: center;
	padding-bottom: 8px;
	margin-top: -4px;
}
.footer-nav li:after {
	content: " | ";
}
.footer-nav li:last-child:after {
	content: "";
}
.footer-nav li.last:after {
	content: "";
}
.footer-nav li {
	*margin: 0 5px;
}


div#f div.fi span.email a { color: #406225; }

p.usm {
	margin: 0;
	padding: 0 0 15px 0;
	text-align: center;
}

#searchsubmit {
	color: #fff;
	background: #3d8227;
	border-radius: 10px;
	padding: 4px;
	border: 0;
	margin-left: -20px;
	cursor: pointer;
}
#searchclear {
	color: #fff;
	display: none;
	
}