/*
Theme Name: Kids Ohio WP Theme
Theme URI: http://www.miklb.com/blog
Description: Kids Ohio Design by Stranger Studios
Version: .1
Author: Stranger Studios
/*-----------Block Level Elements--------------*/
Body {background: url(images/bg_body.gif) repeat-x top center; font-family: Arial, Helvetica, sans-serif; font-size: 85%; margin: 0; padding: 0; text-align: center; color: #333; }

a:link {color: #0033CC; text-decoration: underline; }
a:visited {color: #0033CC; }
a:hover {color: #CC0000; text-decoration: none;  }

p {margin: 5px 0 15px 0; padding: 0; line-height: 1.3em; }
ul, ol {margin: 5px 0 15px 20px; padding: 0; }
li {margin: 0 0 8px 0; padding: 0; }

#header {height: 140px; margin: 0 auto; text-align: left; width: 900px; }
.header-sidebar {background: url(images/bg_header.gif) top left no-repeat; }
.header-nosidebar {background: url(images/bg_header-alt.gif) top left no-repeat; }

#wrapper {margin: 0 auto; text-align: left; width: 900px;}
#content {float: right; width: 640px;}
#nosidebar {margin-left: 20px; }
#sidebar {float: left; margin: 0; padding: 0; width: 230px; background: url(images/bg_sidebar.gif) top left repeat-y; }


/*-------------Headings-------------*/

h1 {float: left; margin: 20px 0 0 0; padding: 0; width: 170px;}
h2 {margin: 0 0 0 0; padding: 0; color: #222; font-size: 1.5em}
h2 a:hover, h2 a:visited, h2 a, h2 a:link { color: #222; text-decoration: none; }
h2 a:hover { text-decoration: underline; }

h2.gallery {background: #F0F0F0; padding: 10px; margin: 20px 0 0 0 ; }

/*
h3 {margin: 10px 0 5px 0; padding: 0; color: #0033CC; font-size: 1.3em; }
h3 span {color: #FF8400; font-weight: normal; }
*/
h3 {margin: 10px 0 5px 0; padding: 0; color: #0033CC; font-size: 1.3em; }
h3 a:hover, h3 a:visited, h3 a, h3 a:link { text-decoration: none; }
h3 a:hover {text-decoration: underline;}
h3 span {color: #FF8400; font-weight: normal; }

h4 {margin: 5px 0 8px 0; padding: 0; color: #333; font-size: 1.1em; }
h5 {} 
 
 
/*--------------Header-------------*/
#header .tagline {padding-top: 57px; }

#header ul {float: right; list-style-type: none; background: url(images/bg_menu.gif) bottom left no-repeat; width: 730px; height: 35px; margin: 0; padding: 0;}
#header ul li {float: left; margin: 0; padding: 0; text-align: center; background: url(images/bg_menuli.gif) top right no-repeat; }
#header ul li a {display: block; height: 35px; background-repeat: no-repeat; margin: 0 12px;}
#header ul li.last a {margin-right: 0;}
#header ul li a:link, #header ul li a:visited {background-position: 0px 0px;}
#header ul li a:hover {background-position: 0px -35px; }
#header ul li.selected a, #header ul li.selected a:link,  #header ul li.selected a:visited {background-position: 0px -70px; }

#header ul li.home a {background-image: url(images/menu-home.gif); }
#header ul li.about a {background-image: url(images/menu-about.gif); margin-left: 70px; }
#header ul li.reports a {background-image: url(images/menu-reports.gif); }
#header ul li.news a {background-image: url(images/menu-news.gif); }
#header ul li.education a {background-image: url(images/menu-education.gif); }
#header ul li.donate a {background-image: url(images/menu-donate.gif); }
#header ul li.contact a {background-image: url(images/menu-contact.gif); }


/*--------------Sidebar-------------*/
#sidebar h2 {margin: .5em 0 0 0; color: #0055F9; }
#sidebar h2 a {text-decoration: none; color: #0055F9; }

#sidebar ul {margin: 15px 20px 0 25px; padding: 0; border-bottom: 2px solid #CCC;}
#sidebar ul li {list-style-type: none;}
#sidebar ul ul, ul.bulleted {margin: 5px 0 20px 15px; padding: 0; border-bottom: none; }
#sidebar ul li li, ul.bulleted li {list-style-image: url(images/bullet_sidebar.gif); margin: 0 0 10px 0; font-size: .9em;}
#sidebar ul li li a, ul.bulleted li a {font-weight: bold; color: #333; text-decoration: none; }
#sidebar ul li li a:hover, ul.bulleted li a:hover {font-weight: bold; color: #333; text-decoration: underline; }
.current_page_item a {text-decoration: underline !important; }

#sidebar .note {font-size: .8em; color: #555; line-height: 1.1em; }
#sidebar .directions {background: #FFF; padding: 5px; text-align: center; border: 1px solid #CCC; margin-bottom: 15px; }
#sidebar .directions img {margin-bottom: 3px;}
#sidebar .directions a {font-size: .9em;}

#sidebar .bottom {background: url(images/bg_sidebar_bottom.gif) bottom left no-repeat; height: 150px; min-height: 150px; }

#sidebar select {margin: 10px 0 10px 0; width: 175px; }

/*--------------Footer-------------*/

#footer {margin: 0 auto; margin-top: 1em; text-align: right; width: 900px; }
#footer .inner {float: right; width: 640px; border-top: 3px solid #CCC; padding: 0 0 10px 0; }
#footer .inner-full {border-top: 3px solid #CCC; padding: 0 0 10px 0; margin: 20px 0 0 20px;  }

#footer p {margin: 5px 0 5px 0; font-size: .9em; } 


/*--------------Search Form-------------*/
#top_right {float: right; width: 300px; margin: 15px 0 0 0; padding: 0; }
#top_right .date {font-size: 16px; font-weight: bold; color: #0054FA; height: 12px; text-align: right; margin-bottom: 18px; }

#searchform {background: #0054FA url(images/bg_searchform.gif) top left no-repeat; padding: 7px 12px 6px 12px; margin: 0; }
#searchform input {}
#searchform #searchsubmit {float: right; width: 55px; }
#searchform #s {float: left; width: 207px; height: 16px;}


/*-------------Image Rotator-------------*/
.rotator {float: right; border: 1px solid #CCC; width: 375px; margin: 0 0 10px 15px; }
.rotator_sm {float: right; width: 220px;}

/*-------------Homepage-------------*/
#home {margin-left: 20px; }
#home span {color: #FF8400; font-weight: normal;}

#home .featured-type {color: #DDA32A; font-weight: bold; font-size: 14px; margin: 0 0 0 10px; padding: 1px 0 0 20px; background: url(images/star.gif) 0px 5px no-repeat; }

#home .featured {float: left; width: 485px; background: url(images/bg_homefeature.gif) 12px bottom no-repeat; padding: 0; }
#home .featured h2 a {font-size: 1.1em; text-decoration: none; color: #222; }
#home .featured h2 a:hover {text-decoration: underline; }

#home .featured .inner {padding: 0 10px 0 22px; }

#home .featured .base {background: url(images/bg_featurebase.gif) top left no-repeat; padding: 10px 20px 10px 20px; font-size: 12px; }
#home .featured .base a {text-decoration: none; font-weight: bold; }

#home .featured .base .more {float: right; width: 335px; font-size: .8em; text-align: right; padding: 1px 0 0 0 ;}
#home .featured .base .more a {text-decoration: underline; }
#home .featured .base .more a:hover {text-decoration: none; }

#home .featured .date {font-size: .9em; color: #555; margin: 2px 0 10px 0;}
#home .featured .inner p {font-size: 1em; line-height: 1.5em; margin: 8px 0 8px 0; }

#home .bar {margin: 5px; padding: 0; border: 0; font-size: 1px; clear: both;  }

#home .lists {border: 1px solid #CCC; float: left; padding: 2px; width: 630px; }
#home .lists .inner {background: url(images/bg_lists.gif) top left repeat-y; }

#home .reports, #home .news {padding: 10px; margin: 0; list-style: none; font-size: 12px; }
#home .reports li, #home .news li {padding: 0 0 10px 22px; line-height: 1.3em; }

#home .reports {float: left; width: 320px; background: url(images/heading-recentreports2.gif) 8px 8px no-repeat; }
#home ul.bills {background: url(images/heading-edulegis.gif) 8px 8px no-repeat; }
#home .reports li {background-image: url(images/report.gif); background-position: 0px 1px; background-repeat: no-repeat; }
#home .reports li.presentation {background-image: url(images/presentation.gif); }

#home .news {float: right; width: 265px; background: url(images/heading-recentnews.gif) 8px 8px no-repeat; }
#home ul.policy_news {background: url(images/heading-policynews.gif) 8px 8px no-repeat;}
#home .news li {background: url(images/news.gif) 0px 1px no-repeat; }
#home .news li ul {padding: 0; margin: 2px 0 0 0; } 
#home .news li ul li {padding: 0; margin: 0; background: none; line-height: 1em; }

#home li.title {margin-bottom: 15px; background: none; }
#home .reports li.title {padding: 0 0 0 110px; }
#home ul.bills li.title {padding: 0 0 0 210px; }
#home .news li.title {padding: 0 0 0 170px; }
#home ul.policy_news li.title {padding: 0 0 0 140px; }


#home li.title a {font-weight: normal; font-size: 10px; }
#home li.title h4 {display: none; }
#home li.title span {font-size: 10px; }

#home #right_col {float: right; width: 230px; } 

#home .about {padding: 10px; margin: 0; background: #FFEF96 url(images/bg_homeabout.gif) bottom left no-repeat; }
#home .about p {color: #555; font-weight: bold; line-height: 1.7em; font-size: .9em; }
#home .about .bullet {float: left; background: url(images/bullet-blue.gif) 0px 5px no-repeat; height: 17px; width: 6px; margin: 5px 5px 0 0; }

#home .featured-2 {border: 1px solid #CCC; padding: 8px; margin-top: 10px;background: #FFF url(images/bg_featured-2.gif) top right no-repeat; }
#home .featured-2 .date {font-size: .8em; color: #555; margin: 4px 0 5px 0;}
#home .featured-2 .inner p {font-size: .9em; line-height: 1.3em; margin: 0 0 10px 0; padding: 0;}
#home .featured-2 .base {font-size: .8em; }
#home .featured-2 .base a {text-decoration: none; font-weight: bold; }


#home .post-meta {list-style: none; margin: 3px 0 0 0; padding: 0; font-size: .9em; color: #555; }
#home .post-meta-key {display: none; }

/*-------------Pagination-----------*/
.navigation {margin: 0 0 1em 0;}
.alignleft {width: 45%; float: left; text-align: left;}
.alignright {width: 45%; float: right; text-align: right;}

/*-------------The Post-------------*/

.entrytext .postmetadata {border-top: 1px solid #EEE; padding-top: .25em;}
.postmetadata {font-size: .9em; color: #555; }
.postmetadata a { }

.single {border-left: 2px solid #EEE; padding-left: 10px; margin-bottom: 20px; }


/*-------------Reports Archives-------------*/

.titlebox {padding: 0; background: #FFFFFF url(images/bg_titlebox.gif) bottom left no-repeat; margin: 0 0 15px 0; * display: inline-block;}
.titlebox img {border-left: 5px solid #FFF;}
.titlebox h2 {color: #222; padding: 10px 10px 0 10px;}
.titlebox p {padding: 5px 10px;}

.archive h3 {margin: 0 0 3px 0; font-size: 1.3em; }
.archive {border-left: 2px solid #EEE; padding-left: 10px; margin-bottom: 20px; }
.archive .postmetadata {padding: 0 0 5px 0; margin: 0;}

#comment {width: 600px;}

.sitemap {margin: 0 0 1em 50px;}


/*--------------Contact Form--------------*/
.contactform label {float: left; width: 150px; font-weight: bold; margin: 0 5px 5px 0; padding-top: 3px; text-align: right; }
.contactform div {clear: left; margin-bottom: 8px; font-size: 1.2em; }
.contactform textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.contactform input {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/*----------------Misc--------------*/
.clear {clear: both;}

.postpic {float: right; margin: 0 0 15px 15px; padding: 3px; border: 1px solid #CCC; }

.staff {border-bottom: 1px solid #FFEA7F; margin: 10px 0 20px 0; padding: 0 0 10px 0; }
.staff h3 {margin-top: 0; }
.staff img {float: left; margin: 0 15px 15px 0; }

.donate_levels img {float: left; margin: 0 5px 0 0; padding-bottom: 5px; }
.donate_levels p { padding: 8px 0 0 0; margin: 0; }

.message {padding: 5px; border: 1px solid #FFEA7F; background: #FFF9D8; margin: 10px 0 10px 0; font-size: 1em; font-weight: bold; }
.red {color: #CC0000; }

.top3 {padding-top: 3px; }
.notop, .notop p {margin-top: 0 !important;}


.links {margin: 0; padding: 0; }

ul .linkcat {list-style: none; margin: 10px 0 10px 0; padding: 0; } 
ul .linkcat h2 {color: #222; font-size: 1.1em; }

ul .linkcat ul li {list-style: disc; color: #222; }
