/* 

Theme Name:BentonWI

Theme URI:

Description: Benton, WI WP Template based on iblogr

Version: 1.0

Author: Electric Gondola Websites, LLC

Author URI: http://www.electricgondola.com/

*/



/* Social Style 

********************* */

* {margin:0; padding:0;}

/*html {height:100%; margin-bottom:0.1em; overflow-y:scroll;}*/

img {border:0;}

#content img.left {float:left; margin:0 0 10px 10px;}

#content img.right {float:right; margin:0 10px 10px 0;}

p {line-height:1.6em; margin:0.7em 0;}

dl {margin:1em 0;}

dt {font-weight:bold;padding-top:.5em;}

dd {margin:.5em .5em .5em 2.5em; padding:0;}

dd em {width:100%;text-align:right;display:block;}

hr {display:none;}

body {background:#3361AF; color:#444; margin:0 0 30px 0; 

	font:.9em "Trebuchet MS", Verdana, sans-serif;}

a {text-decoration:none;}

a:link, a:visited {color:#66c;}

a:hover, a:active {text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Verdana, sans-serif;}



/* Etc

******************** */

br.clear {clear:both;}



/* Design 

******************** */

#page {text-align:left; width:740px; background:#fff; margin:0 auto; 

	padding:10px; border-bottom:1px solid #ccc;}

#top {background:#fff url(images/headrC.jpg) left top no-repeat; 

	width:760px; margin:20px auto 0; padding:0;}

#pager {height:145px; margin:0 auto; border:10px solid #fff;}

#headr {float:left; margin:0; padding:0; text-align:left; color:#C3EAFB;}

#headr h1 {margin:50px 0 0 20px; color:#fff;}

#headr h1 a span {margin-left:-999em;}

#headr h1 a {margin:-55px 0 0 -30px; color:#fff; display:block; width:760px;

	height:138px; }

#headr .description {color:#efefef; margin-left:-999em;}



#navi {position:relative; width:760px; margin:0 auto; background:#ac1a1d;

	color:#fff; font-weight:bold; height:50px; border-top:2px solid #000; 

	border-bottom:2px solid #000;}

#searchBar {width:200px;float:left;padding:15px 10px;}

#searchBar form#searchform input {display:inline;}

#searchBar input#s {width:120px;height:20px;border:1px solid #000;background:#fff;color:#000;}

#searchBar input#searchsubmit {width:auto;height:22px;border:1px solid #000;background:#ccc;color:#000;font-weight:bold;}



#navi li {display:inline;float:left;clear:none;padding:0 2px;list-style-type:none;}

#navi li a span {margin-left:-999em;}

#ourCommunity a {display:block;width:170px;height:36px;

	background:transparent url(images/btnCommunity.gif) no-repeat;}

#ourGovernment a {display:block;width:170px;height:36px;

	background:transparent url(images/btnGovernment.gif) no-repeat;}

#ourServices a {display:block;width:170px;height:36px;

	background:transparent url(images/btnServices.gif) no-repeat;}

#navi li li a {padding:.2em 1em;color:#fff;}

#navi li li {display:block;float:none;width:auto;height:auto;padding:0;margin:0;}

#navi ul {position:absolute;padding:10px;margin:0;}

*|html #navi ul {margin:0 0 0 200px;}

#navi ul ul {width:170px; padding:0; height:auto; margin:-5px 0 0 0;text-align:center;}

#navi ul ul, #navi ul li:hover ul, #navi ul li.over ul {left:-999em;}

#navi ul li:hover ul, #navi ul li.over ul {left:auto;}

#navi li li a {display:block;color:#000;background:#fff url(images/popOff.gif) repeat-y;width:auto;height:1em;}

html>body #navi li li a {height:auto;}

#navi li li a:hover {background:#ffffce url(images/popOn.gif) repeat-y;text-decoration:none;}

#navi li.popTop div {background:transparent url(images/popTop.gif) no-repeat;

	height:11px;width:170px;}

#navi li.popBottom div {background:transparent url(images/popBottom.gif) no-repeat;

	height:11px;width:170px;}

#navi li.popTop, #navi li.popBottom {background-image:none;}

#navi li.popTop {margin-bottom:-7px;}

html>body #navi li.popTop {margin:0;}

#navi li.popBottom {margin-top:-7px;}

*|html #navi li.popBottom {margin:0;}



#left {float:left; width:500px; padding-right:5px;}

#right {float:right; width:214px; margin-right:5px;}

#content {width:auto; float:right; padding:0 0 10px 10px;}

#content .btw {font-size:.8em;font-style:italic;}

.post {border-bottom:1px dashed #e6ccb0; margin-bottom:10px;}

.postmetadata {font-size:.9em; color:#999;}

.postmetadata a {color:#666;}



#notepad {float:left; margin-left:5px; width:214px;

	background:#fff url(images/noteBG.gif) repeat-y; color:#000;}

#notepad #noteTop {background:transparent url(images/noteTop.gif) no-repeat;

	width:214px; height:48px; display:block;}

#notepad #sitemap {padding:10px 0 0 10px;float:left;}

#notepad #sitemap a, #notepad #noteContactUs a, #noteCalendar a {color:#000;font-size:.8em;}

#notepad #noteContactUs {padding:10px 50px 0 0;float:right;}

#notepad #noteKeepInformed span, #notepad #noteNext5Events span {margin-left:-999em;}

#notepad #noteKeepInformed {background:transparent url(images/noteKeepInformed.gif) no-repeat;

	padding:0; margin:0;}

#notepad #noteKeepInformed a {display:block; width:214px; height:28px;}

#notepad #noteNext5Events {background:transparent url(images/noteNext5Events.gif) left bottom no-repeat; 

	padding:1em 0 0 0; margin:0;}

#notepad #noteNext5Events a {display:block; width:214px; height:28px; }

#notepad #noteCalendar {padding:0 15px 0 0;text-align:right;}

#notepad #noteBottom {background:transparent url(images/noteBottom.gif) no-repeat;

	width:214px; height:102px; display:block;}

#notepad li {margin:0 10px;}

#notepad li a {color:#1c2e2e;}

#notepad li.noteNews {margin-left:23px;list-style-type:disc;}

#notepad .ec3_events{margin-left:5px;}

#notepad .ec3_list_day {font-weight:bold;font-size:1.1em;}

#notepad .ec3_list_day li {font-size:.5em;list-style-type:disc;font-weight:normal;padding:0;color:#1c2e2e;}

#notepad .ec3_list_day li a {font-size:.8em;}



#masterCal {}

#masterCal td.wknd {background:#f0f0ff;color:#333;}

#masterCal .calDate {font-size:.7em;}



#backToTop {text-align:right;font-weight:bold;}

#footer {width:750px; margin:0 auto; padding-top:10px; text-align:left;}



/* Design 

******************** */

#right ul, #sidebar ul{list-style:none;}



/* Design Typo

********************* */

#content h2.pagetitle {padding:5px; color:#000; height:60px; width:470px; text-align:center;

	background:transparent url(images/headBG.gif) center center no-repeat; 

	font-family:"Lucida Handwriting", "Trebuchet MS", Verdana, sans-serif;}

*|html #content h2.pagetitle {height:auto; min-height:60px;}

.post h2 {font-size:1.6em; text-align:center;

	font-family:"Lucida Handwriting", "Trebuchet MS", Verdana, sans-serif;}

.post h2, .post h3, .post .h4 {padding-top:1em;}

.post ul {margin-left:35px;}

.post ul.bulletA li {list-style-image:url(images/bulletA.gif);}

.post ul.bulletB li {list-style-image:url(images/bulletB.gif);}

.post ul.bulletC li {list-style-type:square;list-style-image:none;}

.post ul.bullet0 li {list-style-type:none;}

.post ul.bulletSpace li {padding-bottom:1em;}

.post ol {margin-left:40px;}

p.postmetadata {color:#999; font-size:85%; margin-bottom:10px;}

p.postmetadata a {color:#666; text-decoration:none;}

.post p a {border-bottom:1px solid #ccc;}

.post p a:hover {border:none;}

.categr, .monthr {margin-bottom:20px;}

.categr h2, .monthr h2{border-bottom:1px solid #ccc;}

#footer {color:#D4E7F7; font-size:0.95em; text-align:center;}

#footer a {color:#fff;}

#footer a:hover {color:#fff; text-decoration:underline;}

.rss {background:url(images/feed-icon-10x10.png) left center no-repeat; 

	padding-left:12px;}



/* Comment Etc

********************* */

.navigation a {color:#666;}

.alignleft {float:left; width:50%;}

.alignright {float:right; text-align:right; width:50%;}

.ileft {float:left; margin-right:5px;}

p.stats {color:#999; font-size:.8em; border:1px solid #ccc; border-left:none; 

	border-right:none;}

blockquote {background:url(images/blockquote.gif) no-repeat left top; 

	color:#666; margin:1em; padding:0 0 10px 50px;}

.comment {background:#fff url(images/shadow_top.gif) repeat-x top; 

	border-bottom:#ddd 1px solid; list-style:none; margin:0; padding:1em 0.5em;}

.alt {background:#f9f9f9;}

#comment {width:100%;}

fieldset {border:none;}