/*
Theme Name: Polk Vision
Description: The custom WordPress theme developed by <a href="http://cnpstudio.com">cnp_studio</a>.
Version: 1.0
Author: Pete Schiebel
Author URI: http://cnpstudio.com/
*/
/* Begin Typography & Colors */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;position: relative;}
body {line-height: 1; background: url(images/bg-body.gif) repeat-x; position: static;}
blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}
strong, th {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
small {font-size: .9em;}
img {display: block;}
img.wp-smiley {display: inline; vertical-align: middle;}
img.rss {float: right;}
ul {list-style: none;}
a {outline: none; text-decoration: none; color: #585858;}
a:hover {text-decoration: underline;}
table {border-collapse: collapse; border-spacing: 0;}
table.noborder, table.noborder th, table.noborder td {border:0;}
th,td {padding: 8px;}
tr.alt td {background: silver;}
table.form td {padding:3px 8px;}
textarea {width: 80%;}
blockquote {margin: 15px 15px 0 15px;}
blockquote p {padding: 12px;}
ul, ol {margin: 15px 0 0 25px;}
form#searchform {width: 311px; float: right;}
form#searchform label {display: none;}
form#searchform input {width: 235px; height: 21px; border: 1px solid #C3EDEC; vertical-align: middle; display: inline;}
form#searchform input#searchsubmit {margin-left: 6px; width: auto; height: auto;}
.post form#searchform {float: none; height: 50px; padding-top: 10px;}
.post form#searchform label {display: inline;}

#page {padding-bottom: 28px; line-height: 1.5em; width: 967px; font: 12px Arial; color: #585858;}
#header {height: 177px; width: 100%; padding-top: 54px; margin-bottom: 25px; background: url(images/bg-header.gif);}
a.logo {left: 33px; position: absolute; z-index: 10; top: 45px;}
a.become-a-vision-partner {display: block; width: 202px; height: 30px; background: url(images/become-a-vision-partner.gif) no-repeat; position: absolute; top: 9px; left: 665px; text-indent: -9999px; z-index: 10;}
a.become-a-vision-partner:hover, #header a.selected {background-position: 0 -30px;}
#header ul {margin: 0;}
#header li {float: left; display: inline; text-indent: -9999px;}
#header li a {display: block;}
.tools {float: right; margin: 27px 14px 0 0; display: inline; width: 457px; background: url(images/bg-support.gif) 0 7px no-repeat;}
#header .tools ul {float: left; margin-top: 7px;}
.tools li a {background: url(images/nav-support.gif) no-repeat; height: 14px;}
.tools a.contact-us {width: 59px; margin-right: 17px;}
.tools a.site-map {width: 48px; background-position: -79px 0;}
.tools a.contact-us:hover {background-position: 0 -14px;}
.tools a.site-map:hover {background-position: -79px -14px;}
.areas {width: 100%; background: url(images/bg-areas.gif); height: 42px; position: absolute; top: 128px;}
#header .areas ul {margin-left: 108px;}
.areas li a {background: url(images/nav-areas.gif) no-repeat; height: 42px;}
.areas a.education {width: 109px;}
.areas a.economic-development {background-position: -109px 0; width: 185px;}
.areas a.infrastructure {background-position: -294px 0; width: 127px;}
.areas a.government {background-position: -421px 0; width: 118px;}
.areas a.quality-of-life {background-position: -539px 0; width: 129px;}
.areas a.private-sector-leadership {background-position: -668px 0; width: 191px;}
.areas a.education:hover, .areas ul.education a.education {background-position: 0 -42px;}
.areas a.economic-development:hover, .areas ul.economic-development a.economic-development {background-position: -109px -42px;}
.areas a.infrastructure:hover, .areas ul.infrastructure a.infrastructure {background-position: -294px -42px;}
.areas a.government:hover, .areas ul.government a.government {background-position: -421px -42px;}
.areas a.quality-of-life:hover, .areas ul.quality-of-life a.quality-of-life {background-position: -539px -42px;}
.areas a.private-sector-leadership:hover, .areas ul.private-sector-leadership a.private-sector-leadership {background-position: -668px -42px;}
.nav {position: absolute; bottom: 0; left: 37px; width: 883px;}
.nav a {background: url(images/nav.gif) no-repeat; height: 48px;}
.nav a.home {width: 82px;}
.nav a.about-polkvision {width: 175px; background-position: -82px 0;}
.nav a.leadership-polk {width: 163px; background-position: -257px 0;}
.nav a.get-involved {width: 138px; background-position: -420px 0;}
.nav a.our-region {width: 130px; background-position: -558px 0;}
.nav a.calendar {width: 115px; background-position: -688px 0;}
.nav a.blog {width: 80px; background-position: -803px 0;}
.nav a.home:hover, .nav ul.home a.home {background-position: 0 -48px; margin: 1px 0 -1px 0;}
.nav a.about-polkvision:hover, .nav ul.about-polkvision a.about-polkvision {width: 175px; background-position: -82px -48px; margin: 1px 0 -1px 0;}
.nav a.leadership-polk:hover, .nav ul.leadership-polk a.leadership-polk {width: 163px; background-position: -257px -48px; margin: 1px 0 -1px 0;}
.nav a.get-involved:hover, .nav ul.get-involved a.get-involved {width: 138px; background-position: -420px -48px; margin: 1px 0 -1px 0;}
.nav a.our-region:hover, .nav ul.our-region a.our-region {width: 130px; background-position: -558px -48px; margin: 1px 0 -1px 0;}
.nav a.calendar:hover, .nav ul.calendar a.calendar {width: 115px; background-position: -688px -48px; margin: 1px 0 -1px 0;}
.nav a.blog:hover, .nav ul.blog a.blog {width: 80px; background-position: -803px -48px; margin: 1px 0 -1px 0;}

/*
.post form {width: 92%; margin-top: 20px; background: #DEF2DC; border: 2px solid #B5E6CF; padding: 0 4% 2% 4%;}
.field {border-bottom: 1px dashed #D5D5D5; padding: 8px 4px; clear: both; height: 24px;}
.tall {height: 40px;}
.field p.tip {float: right; font-size: 11px; font-style: italic; clear: right; padding-top: 4px;}
.post form label {float: left; padding-top: 3px; font-weight: bold; font-size: 13px;}
.post form input, .post form select {border: 1px solid gray; width: 330px; float: right; height: 25px; padding: 0; margin: 0; line-height: 25px}
.post form input#submit {background: black; color: white; padding: 3px 5px; text-align: center; font: bold 12px Arial; width: auto;}
.post form textarea {width: 90%; height: 150px; border: 1px solid gray; margin-top: 10px;}
.checks {clear: both; overflow: auto; float: right; width: 40%;}
.post form .checks label {clear: both; width: 100%;}
.post form .checks input {float: none; width: 20px;}
.buttonHolder {padding-top: 6px;}
#errormsg, #okmsg {display: none;}
*/
.post form {width: 92%;/* margin-top: 20px; background: #DEF2DC; border: 2px solid #B5E6CF; padding: 0 4% 2% 4%;*/}
.field {
	float: left;
	border-bottom: 1px dashed #D5D5D5;
	padding: 8px 4px;
}
.post form label {
	float: left;
	padding-top: 3px;
	font-weight: bold;
	font-size: 13px;
	width: 190px;
	height: 22px;
	float: left;
}
.post form input, .post form select {
	float: left;
	border: 1px solid #aaa;
	width: 300px;
	height: 25px;
	padding: 0;
	margin: 0 6px 0 0;
	line-height: 25px;
}
.post form input[type="submit"], .post form input.submit {
	width: auto;
	border: 0;
	color: #fff;
	background-color: #00B1B0;
	padding: 0 6px;
	font-weight: bold;
	cursor: pointer;
}
.post form textarea {
	width: 300px;
	height: 150px;
	border: 1px solid #aaa;
	margin-top: 10px;
}
.checks {float:left; width:300px;}
.post form .checks label {line-height:25px;}
.post form .checks input {width:20px; border:none;}

.narrowcolumn {float: left; width: 616px;}
.interior .narrowcolumn {width: 572px; padding-left: 34px;}
.feature {width: 583px; padding: 0 0 25px 33px;}
.feature-int {width: 569px; padding-top: 10px;}
.feature img, .feature-int img {border: 7px solid #F1DEC5;}
.feature p {padding-top: 30px; font-style: italic; line-height: 15px; font-size: 12px; color: #7F7F7F;}
.feature ul {margin: 0;}
.feature img.title {float: left; border: none;}
.panels {width: 616px; background: #F9F2EA; float: left;}
.panel {width: 310px; padding: 13px 16px 13px 258px; margin: 0 16px; float: left;}
.panel h3, .panel h3 a{font-size: 18px; color: #AF6400; text-transform: uppercase; font-weight: normal;}
.panel img.panel-img {float: left; margin-left: -243px; display: inline !important;}
.panel p {font: 13px Georgia; line-height: 20px; color: #585858; padding-top: 8px;}
.panel p a{color: #00B1B0;}
.middle-panel {border-top: 1px solid white; border-bottom: 1px solid white;}
.middle-panel h3{color: #109895;}
.partner-panel {padding-left: 0px; width: 574px; padding-right: 0;}
.partner-panel img {display: inline; margin-left: 16px;}

.post h1, .post h2, .post h3, .post h4, .post h5, .post p {padding-top: 18px; font-weight:normal;}
.post h1, .post h1 a, h2.pagetitle {color:#A05A00; font-size:32px; line-height:33px; font-family:Georgia, serif;}
.post h2 {color:#00B1B0; font-size:25px; font-family:Georgia, serif;}
.post h3 {color:#6D8E00; font-size:18px; margin-bottom:-5px;}
.post h4 {color:#FF6B1E; font-size:14px; margin-bottom:-8px;}
.post h5 {color:#555555; font-size:12px; margin-bottom:-12px; text-transform:uppercase; font-weight:bold;}

.post h1.page-title {
	display: block;
	height: 43px;
	padding: 0;
	background-image: url(images/sprite-h1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.post h1.leadership-polk {background-position: 0 -43px;}
.post h1.get-involved {background-position: 0 -86px;}
.post h1.our-region {background-position: 0 -129px;}
.post h1.calendar {background-position: 0 -172px;}
.post h1.news {background-position: 0 -215px;}
.post h1.areas-of-focus {background-position: 0 -258px;}
.post h1.support {background-position: 0 -301px;}

.post h2 a {color:#00B1B0;}
.post h3 a {color:#6D8E00;}
.post h4 a {color:#FF6B1E;}

.post p {line-height: 20px; padding-top: 15px;}
.post form p {overflow:hidden;}
.post p.breadcrumbs {padding-top: 10px; font: italic 11px Georgia; color: #666666;}
.post p.breadcrumbs a {color: #666666;}
.post p.meta {font-size:11px; padding-top:3px; text-transform:uppercase; font-weight:bold;}
.post img.section-header {border: 7px solid #F1DEC5; margin-top: 7px;}
.post ul, .post ol {margin: 18px 0 0 25px;}
.post li ul, .post li ol {margin-top: 8px;}
.post ul {list-style: disc;}
.post ul.split, .post ul.no-style {margin-left: 0; list-style: none;}
.post li {padding: 3px 0; line-height: 20px;}
.post ul.split li {float: left; display: inline; width: 45%; padding-right: 5%;}
.post table {margin-top: 18px; border-top: solid 1px #ccc;}
.post td {padding:7px; border-bottom:solid 1px #ccc;}
.post tr:nth-child(odd) {background-color:#f7f7f7;}

.post a {color:#00B1B0;}
.post .editentry a {font-size:10px; text-transform:uppercase;}

.navigation {margin:10px 0 0 0;}
.navigation a {font-size:10px; text-transform:uppercase;}

.alignright {float: right; margin: 0 0 0 10px; display: inline;}
.alignleft {margin: 0px 10px 0 0; display: inline;}
img.staffpage, img.committeepage {border: 2px solid #F1DEC5;}
/*img.committeepage {height: 75px; width: auto;}*/

.entry {border-bottom:solid 1px #ddd; padding-bottom:25px; margin-bottom:15px;}

#comments {padding-top:20px;}
.commenttext {border-bottom: solid 1px #ccc; padding-bottom: 16px;}

#sidebar {float: right; width: 313px; margin-right: 9px; display: inline; overflow: hidden;}
.interior #sidebar {width: 313px; padding-left: 10px;}
#sidebar a.rss {float: right; padding: 5px 5px 0 0; z-index: 10; margin-bottom: -20px; z-index: 10;}
.welcome p {font-family: Georgia; padding: 10px 0 0 15px; line-height: 20px;}
.welcome span{color: #088F8C;}
.interior .welcome {padding: 0 18px 0 22px;width: 275px;}
.interior .welcome p {padding: 8px 0 0 0; font-style: italic}
.going-on {padding-top: 40px; border-bottom: 7px solid #B16400;}
.going-on ul {margin: 0 18px 0px 5px; list-style: none;}
.going-on li {border-bottom: 1px solid #D5D5D5; padding: 12px 5px; font: 11px Georgia;}
.going-on li a {font: bold 13px Arial; padding: 0 0 3px 32px; background: url(images/sprite.gif) 3px 4px no-repeat; display: block;}
.going-on li a.pdf {background-position: 3px -76px;}
.going-on li a.calendar {background-position: 3px -156px;}
.going-on li a span {font: italic 11px Georgia; color: #B16400;}
.going-on li a:hover, .going-on li a:hover span {text-decoration:none; color:#444;}
.subnav {background: #F8F2EA; width: 323px; margin: 0 0 30px -10px; padding-bottom: 17px;}
.subnav ul {border-top: 1px solid #D5D5D5; margin: 0 17px 0 0;}
.subnav li ul {border-top: none;}
.subnav li ul li a {padding-left: 65px; width: 226px;}
.subnav a, .subnav li.current_page_item li a {width: 246px; border-bottom: 1px solid #D5D5D5; padding: 8px 15px 8px 45px; font: 16px Georgia; color: #B16400; display: block; background: white;}
.subnav a:hover, .subnav li.current_page_item a, .subnav li.current_page_item li a:hover {text-decoration: none; font-weight: bold; color: #7B7B7B;}
.subnav li.current_page_item li a {padding-left: 65px; width: 226px; font-weight: normal; color: #B16400;}

#footer {width: 100%; background: url(images/bg-footer.gif) repeat-x; height: 101px; overflow: auto;}
#footer p {width: 924px; padding: 17px 0 0 34px; font: 11px Arial;}
#footer p span {color: #B16400;}
.clr {clear: both; height: 0px; overflow: hidden;}

/* -------------------------------------------------- SOCIAL */

#social {margin-top:25px; cursor:default;}
#social p {padding-left:16px;}
#social .icons a {
	display: block;
	float: left;
	margin-right: 5px;
}
#social .tweet {
	background-color: #d7f3f4;
	padding: 4px 10px 8px 16px;
	margin-top: 4px;
	background-image: url(images/tweetBG.gif);
	background-repeat: repeat-x;
	background-position: 1px top;
	line-height: 18px;
}
#social .tweet ul {margin:0;}
#social .tweet li {padding-top:12px;}

#social .tweet a {text-decoration:underline; color:#444;}
#social .tweet a:hover {text-decoration:none;}

#social .tweet .from-meta {display:none;}
#social .tweet .time-meta a {
	display: block;
	float: none;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(8, 143, 140);
}