/*

Theme name: Wapello county

Description: Custom Theme

*/



/******* Wapello county WordPress CSS *******/



/* Common elements styling */

.post .entry h1 { font-size: 20px; line-height: 30px}

.post .entry h2 { font-size: 18px; line-height: 27px}

.post .entry h3 { font-size: 16px; line-height: 24px}

.post .entry h4 { font-size: 14px; line-height: 21px}

.post .entry h5 { font-size: 12px; line-height: 18px}

.post .entry h6 { font-size: 10px; line-height: 15px}



.post .entry ul { margin-left: 25px; }

.post .entry ol { margin-left: 25px; }

.post .entry a img { border: 0 }



p img { padding: 0;	max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { margin: 2px 0 2px 7px; display: inline; }

img.alignleft { margin: 2px 7px 2px 0; display: inline; }

.alignright { float: right; display: inline; }

.alignleft { float: left; display: inline; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



/* Calendar widget */

.widget_calendar #wp-calendar { empty-cells: show; margin: 10px auto 0; }

.widget_calendar #wp-calendar #next a { padding-right: 10px; text-align: right; }

.widget_calendar #wp-calendar #prev a { padding-left: 10px; text-align: left; }

.widget_calendar #wp-calendar a { display: block; }

.widget_calendar #wp-calendar caption { text-align: center; width: 100%; }

.widget_calendar #wp-calendar td { padding: 4px 8px; text-align: center; }

.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}



/* Big images in rich text editor should not break page layout */

.post .entry { overflow: hidden; } 



/******* /Wapello county WordPress CSS *******/

* { margin: 0; padding: 0; outline: 0; }



@font-face {

    font-family: 'MyriadPro';

    src: url('fonts/myriad-webfont.eot');

    src: url('fonts/myriad-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/myriad-webfont.woff') format('woff'),

         url('fonts/myriad-webfont.ttf') format('truetype'),

         url('fonts/myriad-webfont.svg#myriadMedium') format('svg');

    font-weight: normal;

    font-style: normal;

}



body, html { height: 100%; }



body {

    font-size: 14px;

    line-height: 24px;

    font-family: arial, helvetica, sans-serif;

    color: #676767;

    background: #fff;

    min-width: 960px;

}



a { color: #085206; text-decoration:none; cursor: pointer; }

a:hover { text-decoration: underline; }

a img { border: 0; }



input, textarea, select { font-size: 12px; font-family: arial, helvetica, sans-serif; }

textarea { overflow: auto; }



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }



h1#logo { font-size: 0; line-height: 0; width: 441px; position: absolute; top: 43px; left: 25px; }

h1#logo a { display: block; height: 99px; text-indent: -4000px; background: url(images/logo.jpg) no-repeat 0 0; }

h2,

h2 a { font-size: 22px; line-height: 25px; text-transform: uppercase; color: #014d01;}

h3 { font-size: 18px; line-height: 21px; font-weight: normal; text-transform: uppercase; color: #014d01; }

.content h3 {
	font-size: 22px; line-height: 25px; text-transform: uppercase; color: #014d01;
	border-bottom: 1px solid #676767;
    margin-bottom: 15px;
	font-weight:bold;
}

h4 { font-size: 15px; line-height: 18px; }

h5 { font-size: 14px; line-height: 17px; text-transform: uppercase; color: #014d01; }

h6 { font-size: 11px; line-height: 15px; text-transform: uppercase; color: #014d01; }



.shell { width: 960px; margin: 0 auto; }



#header { background: url(images/header-bg.jpg) repeat center 0; margin-bottom: 5px; position: relative; z-index: 10; }

#header > .shell { min-height: 142px; position: relative; background: url(images/header-separator.png) no-repeat center 96px; }



#navigation { height: 36px; background: url(images/nav-bg.png) repeat-x 0 0; }

#navigation .shell { width: 934px; padding-right: 26px; }

#navigation ul { list-style: none; list-style-position: outside; float: left; display: inline; text-transform: uppercase; }

#navigation ul li a { display: block; }

#navigation ul li a:hover { text-decoration: none; }

#navigation .shell > ul > li { float: left; display: inline; padding-right: 2px; background: url(images/nav-divider.png) no-repeat right 0; position: relative; }

#navigation .shell > ul > li > a { min-width: 50px; padding: 0 10px; color: #dcdcdc; font-size: 12px; line-height: 36px; text-align: center; }

#navigation .shell > ul > li > a:hover,

#navigation .shell > ul > li.current-menu-item > a,

#navigation .shell > ul > li.current-menu-ancestor > a { background: url(images/nav-hover.png) repeat-x 0 0; }

#navigation ul ul { width: 257px; position: absolute; top: 36px; left: 0; border-top: 3px solid #ECDDB2; background: #D6d6d6; font-family: 'MyriadPro', arial, helvetica, sans-serif; font-size: 11px; line-height: 27px; display: none; }

#navigation ul ul li + li { border-top: 1px solid #c1c1c1; }

#navigation ul ul li a { padding: 0 17px; color: #676767; }

#navigation ul ul li a:hover { background: url(images/dd-hover.png) repeat 0 0; }

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



#navigation .search-form { height: 19px; width: 196px; background: url(images/search-form.png) no-repeat 0 0; float: right; display: inline; padding: 3px 7px 3px 14px; margin-top: 6px; }

#navigation .search-form input.field { height: 15px; width: 166px; line-height: 15px; padding: 2px 0; float: left; display: inline; background: transparent; border: 0; color: #fff; }

#navigation .search-form input.search-btn { height: 19px; width: 20px; background: url(images/search-btn.png) no-repeat 0 0; float: right; display: inline; border: 0; cursor: pointer; text-indent: -4000px; }

#navigation .search-form input.search-btn:hover { background-position: 0 -22px; }



.container { padding: 0 24px 32px 24px; }

.container.right-sidebar { }

.container.right-sidebar .content { padding-left: 0px; width: 689px; }

.container.left-sidebar .content { padding-right: 0px; width: 689px; }



.top-section { padding-bottom: 31px; }

.top-section-cnt { width: 285px; float: left; display: inline; line-height: 19px; padding-top: 14px; }

.top-section-cnt p { font-size:14px; line-height:24px; padding-bottom:8px; }



.slider { height: 239px; width: 608px; float: right; display: inline; top:10px; }







.cols .col { padding-bottom: 10px; }



.cols .home-left-columnbar { width: 459px; float: left; display: inline;  }

.cols .home-left-columnbar .widget_calendar td { padding: 6px 25px; }

.cols .home-left-columnbar .col .entry { width: 445px; }

.cols .home-left-columnbar .col .entry .entry-head h4 { width: 386px; }



.cols .home-middle-columnbar { width: 169px; padding-left: 20px; float: left; display: inline; }

.cols .home-middle-columnbar .widget_calendar td { padding: 4px; }

.cols .home-middle-columnbar .col .entry .entry-head h4 { float: none; }

.cols .home-middle-columnbar .col { font-size: 12px; }

.cols .home-middle-columnbar .col .textwidget { padding: 0px 9px; }



.cols .home-right-columnbar { width: 244px; float: left; display: inline; font-size: 12px; line-height: 18px; padding-left: 20px; }

.cols .home-right-columnbar .col .entry .entry-head h4 { float: none; }

.cols .home-right-columnbar .widget_calendar td { padding: 4px 9px; }

.cols .home-right-columnbar .textwidget { padding: 9px 9px 17px 9px; line-height: 19px; }

.cols .home-right-columnbar .textwidget p { padding-bottom: 20px; }

.cols .home-right-columnbar .textwidget p:first-child { padding-top: 0; }

.cols .home-right-columnbar .textwidget p a { color: #493d2b; }

.cols .home-right-columnbar .textwidget a.btn { margin-bottom: 14px; color: #98D656; }

.cols .home-right-columnbar .textwidget a.btn:hover { color: #fff; }





a.btn { height: 30px; min-width: 138px; background: #014d01; padding: 0 15px; font-size: 12px; line-height: 30px; font-weight:bold; color: #98d656; display: inline-block; }

a.btn:hover { background: #014601; color: #fff; text-decoration: none; }



.cols .col h3 { padding-bottom: 3px; border-bottom: 1px solid #676767; margin-bottom: 9px; width: 100%; }

.cols .col p:first-child { padding-top: 9px; }

.cols .col .col-cnt { padding: 0 9px; }

.cols .col ul { list-style: none; list-style-position: outside; line-height: 30px; padding: 3px 0 0 4px; }

.cols .col ul ul { padding-left: 10px; }

.cols .col ul li a { color: #493d2b; }

.col .entry { font-size: 11px; line-height: 16px; padding-bottom: 9px; }

.col .entry .entry-head { padding-bottom: 3px; position: relative; margin-left: -9px; }

.col .entry .entry-head span.date { text-transform: uppercase; height: 34px; width: 47px; background: url(images/date-bg.png) no-repeat 0 0; line-height: 10px; color: #493d2b; text-align: center; padding-top: 13px; float: left; display: inline; margin-right: 10px; }

.col .entry .entry-head h4 { float: left; display: inline; padding-top: 11px; }

.col .entry .entry-head h4 a { color: #676767; }

.col .entry .entry-head h4 a:hover { color: #222; text-decoration: none; }

.col .entry img.alignleft { margin: 3px 9px 3px 1px; }

.col .entry img.alignright { margin: 3px 1px 3px 9px; }

.col .entry a.more-btn { min-width: 0; padding: 0 11px 0 13px; font-size: 11px; float: right; display: inline; position: relative; margin: -4px -2px 0 0; }



#footer { background: url(images/footer-bar.jpg) repeat-x center 0; position: relative; padding-top: 21px; }

#footer span.flourish-ico { height: 8px; width: 76px; background: url(images/flourish-ico.png) no-repeat 0 0; position: absolute; top: 7px; left: 50%; margin-left: -38px; font-size: 0; line-height: 0; text-indent: -4000px; }



.footer-inner { border-top: 1px solid #fff; background: #493d2b; }

.footer-inner .shell { width: 914px; padding: 23px 20px 51px 26px; }



.footer-cols .footer-left-columnbar { width: 184px; line-height: 18px; float: left; display: inline; }

.footer-cols .footer-left-columnbar .col { width: 184px; }

.footer-cols .footer-left-columnbar  td { padding: 2px 3px; }



.footer-cols .footer-middle-columnbar { width: 240px; padding-left: 27px; float: left; display: inline; }

.footer-cols .footer-middle-columnbar .col { width: 240px; }

.footer-cols .footer-middle-columnbar  td { padding: 2px 9px; }



.footer-cols .footer-middle-two-columnbar { width: 205px; padding-left: 27px; float: left; display: inline; }

.footer-cols .footer-middle-two-columnbar .widget_calendar td { padding: 4px 7px; }

.footer-cols .footer-middle-two-columnbar .col { width: 205px; }



.footer-cols .footer-right-columnbar { width: 205px; padding-left: 22px; float: left; display: inline; }

.footer-cols .footer-right-columnbar .widget_calendar td { padding: 4px 7px; }

.footer-cols .footer-right-columnbar .col { width: 205px; }



.footer-cols .col .entry .entry-head h4 { float: none; }

.footer-cols .col .entry .entry-head h4 a { color: #FFF; }

.footer-cols { line-height: 16px; color: #fff; }

.footer-cols .col {  float: left; display: inline; padding-bottom: 10px; }

.footer-cols .col a { color: #FFF; }

.footer-cols .col td a { text-decoration: underline; }

.footer-cols .col-min { width: 184px; line-height: 18px; }

.footer-cols .col h6,

.footer-cols .widgettitle a { font-size: 12px; line-height: 15px; font-weight: normal; color: #98d656; padding: 2px 0 1px 0; }

.footer-cols .col p + p { padding-top: 18px; }

.footer-cols .col ul { list-style: none; list-style-position: outside; }

.footer-cols .col ul li { padding-bottom: 5px; }

.footer-cols .col ul li a { color: #fff; text-decoration: underline; }

.footer-cols .col ul li a:hover { text-decoration: none; }



.content { width: 458px; float: left; display: inline; padding: 15px 22px 5px 22px; min-height:400px; }

.content h2.pagetitle { border-bottom: 1px solid #676767; margin-bottom: 15px; }

.content h6 { padding-bottom: 3px; }

.content img { padding: 0 0 11px 2px; }

.content p { padding-bottom: 10px; font-size:14px; line-height:24px; }

.content ul,

.content ol { padding-left: 25px; }

blockquote { padding: 10px 15px; }



.page-template-template-home-php .container { padding-bottom: 22px; }

.container.full-width .content { width: 900px; padding: 15px 0 5px 0; }

.container .top-section .full-width { width: 900px; }



#sidebar { width: 225px; padding-top: 19px; position: relative; }

#sidebar.left { margin-left: -24px; }

#sidebar.right { margin-right: -24px; }

#sidebar ul { list-style: none; list-style-position: outside; }

#sidebar ul li.widget { width: 203px; line-height: 16px; color: #676767; padding-bottom: 18px;}

#sidebar.right ul li.widget ul li { padding-bottom:10px; font-size:12px; line-height: 19px;}

#sidebar ul li.widget > p { padding-bottom: 9px; }

#sidebar ul li.widget > p a { color: #676767; text-decoration: underline; }

#sidebar ul li.widget > p a:hover { text-decoration: none; }

#sidebar ul li.widget h5.widgettitle { padding-bottom: 4px; border-bottom: 1px solid #676767; margin-bottom: 8px; }

#sidebar ul li.widget .textwidget { padding: 3px 6px 0 0; font-size: 12px; line-height: 19px; }

#sidebar ul li.widget .textwidget p { padding-bottom: 19px; }

#sidebar ul li.widget .textwidget p a { color: #493d2b; }

#sidebar ul li.widget .textwidget a.btn { font-weight: bold; margin-bottom: 14px; color: #98D656; }

#sidebar ul li.widget .textwidget a.btn:hover { color: #FFF; }

#sidebar ul li.widget .textwidget ul { padding: 3px 0 7px 9px; }

#sidebar ul li.widget .textwidget ul li { padding-bottom: 1px; }

#sidebar ul li.widget .textwidget ul li a { color: #493d2b; }

#sidebar ul li.widget_nav_menu { width: 221px; line-height: 27px; text-transform: uppercase; font-weight: bold; padding-bottom: 0; position: relative; margin-top: -14px; padding-bottom: 18px; }

#sidebar ul li.widget_nav_menu ul { background: #d7d7d7;  }

#sidebar ul li.widget_nav_menu ul li + li { border-top: 1px solid #c1c1c1; }

#sidebar ul li.widget_nav_menu ul li a { padding: 0 30px 0 17px; display: block; position: relative; height: 100%; font-size:12px; color:#676767; }

#sidebar ul li.widget_nav_menu ul li a span.arr { height: 11px; width: 11px; background: url(images/sidebar-arrows.png) no-repeat 1px 0; position: absolute; top: 10px; right: 15px; font-size: 0; line-height: 0; text-indent: -4000px; }

#sidebar ul li.widget_nav_menu ul li.expanded a span.arr { background-position: -14px 0; }

#sidebar ul li.widget_nav_menu ul li a:hover,

#sidebar ul li.widget_nav_menu ul li.current-menu-item a { background: #b0b0b0; text-decoration: none; }

#sidebar ul li.widget_nav_menu ul ul { display: none; position: relative; width: 100%; }

#sidebar ul li.widget_nav_menu ul ul li { border-top: 1px solid #c1c1c1; }

#sidebar ul li.widget_nav_menu ul ul li a { padding-left: 53px; color: #ad7d4e; }



.navigation { margin-bottom: 15px; }



ol.commentlist { list-style: none; margin: 10px 0 5px 0; padding: 0; }

ol.commentlist img { padding: 0; }

ol.commentlist ul { list-style: none; margin: 10px 0 5px 0; padding: 0; list-style: none; }

ol.commentlist li { padding-left: 54px; background: none; }

ol.commentlist div.vcard { font: bold 14px Verdana; line-height: 20px; }

ol.commentlist div.vcard img { float: left; margin: 4px 6px 0 -54px; }

ol.commentlist div.commentmetadata { margin-bottom: 8px; }

ol.commentlist p { clear: both; padding: 5px 0 5px 0; margin: 0}

ol.commentlist div.reply { margin: 4px 0 16px; }



#respond { margin: 20px 0 5px 0;}

#respond #commentform label { width: 220px; margin: 4px 0; text-align: left; }

#respond #commentform input { width: 235px; margin: 3px 0; display: block; }

#respond #commentform textarea { width: 100%; display: block; padding: 3px; }

#respond #commentform .form-allowed-tags { margin: 10px 0; }

#respond #commentform input#submit { display: block; width: auto; }

div.comment-reply { margin-bottom: 15px; font-weight: bold; }

.department-directory th { text-align:left; }