/*  
Theme Name: Midwest Democracy Network
Description: Custom EE Design for MDN
Version: 1.0
Author: E.Webscapes
Author URI: http://ewebscapes.com/
Revised Herb Walker/Firefly Partners 5/2011
*/

body { margin: 0px; padding: 0px; background: #d2d3d5 url(/images/bg.jpg) repeat-x top left; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; }
a img { border: none; }
a:link, a:visited { text-decoration: none; color: #1b75bb; }
a:hover { color: #003366; }
h1, h2, h3, h4 { margin-top: 0px; }
h2 { font-size: 20px; }
h3.issuename {font-size: 14px; color: #1B75BB; letter-spacing: 2px; text-trans: uppercase; font-weight:normal; background: #eee; padding: 2px;}
h3 { font-size: 16px; margin-bottom: 10px; }
h4 { font-size: 14px; }

.meta {margin-bottoM: 15px; background: #eee; padding: 2px;}
.date {color: #808080; text-transform:uppercase; letter-spacing: 1px; font-size: 0.8em;margin-bottom: 5px;}
/*---GLIDER STYLES----------------------------------------------*/
#my-glider {}
#my-glider .scroller { height: 130px;  overflow:hidden;}
#my-glider .scroller .section {float:left;  height: 130px;  }


#main { width: 100%; margin: 0px; padding: 0px; background: transparent url(/images/stars2.png) no-repeat top center; }

#header-main { width: 100%; min-width: 953px; height: 170px; margin: 0px; padding: 0px; background: transparent url(/images/header2.png) no-repeat top center; }
#header { position: relative; width: 960px; height: 161px; margin: 10px auto; padding: 0px; overflow: hidden; }
#logo { position: absolute; top: 0px; left: 0px; width: 200px; height: 120px; overflow: hidden; }
#search { position: absolute; top: 10px; right: 0px; height: 25px; width: 300px; font-size: 11px; overflow: hidden; white-space: nowrap; }
#search .searchbox { display: block; max-width: 160px; float: left; margin:0px; padding-top: 3px; }
#search .searchbox form { margin: 0px; padding: 0px; }
#search .searchbox input { width: 100px; border: 1px solid #cccccc; margin: 0px; padding: 1px 3px; }
#search .searchlinks { display: block; width: 130px; float: right; white-space: nowrap;padding-top:6px; }
#search .searchlinks a { margin: 0px; padding: 4px 10px; border-left: 1px dotted #000000; }
#desc { position: absolute; top: 45px; right: 0px; width: 650px; height: 70px; font-size: 12px; overflow: hidden; }
#desc p { margin-top: 10px; padding: 0px; color: #1b75bb;font-size:22px; }
#desc .more { padding-top: 5px; }
#desc .more a { color: #971548; }
#desc .more a:hover { color: #c58098; }

#nav { position: absolute; top: 124px;  width: 960px; height: 37px; font-size: 13px; background: transparent url(/images/nav-bg.gif) repeat-x top left; white-space: nowrap; }

#nav a { font-weight: bold; color: #f0f0f0; text-decoration: none; display: block; float: left; margin: 0px; padding: 9px 30px 7px 35px; background: transparent url(/images/nav-star.png) 0 0% no-repeat; }
/*#nav a { color: #eeeced; text-decoration: none; display: block; float: left; margin: 0px; padding: 9px 20px 7px 25px; background: transparent url(/images/nav-star.png) 0 30% no-repeat; }*/

#nav a:hover { text-decoration: underline; color: #fff; font-weight:bold;}
#nav a.first { background-image: none; padding-left: 12px; }

#subnav { position: absolute; top: 161px; left: 0px; height: 30px; width: 960px; background: transparent url(/images/subnav-bg.jpg) repeat-x top left; color: #ffffff; }
#subnav .navtextstate {color:#991449; float: left; text-transform: uppercase; margin: 0px; padding: 8px 10px 0px 10px; height: 30px; width: 100px; font-weight: bold; }
#subnav .navtextissue {color:#991449; float: left; text-transform: uppercase; margin: 0px; padding: 8px 10px 0px 10px; height: 30px; width: 135px; font-weight: bold; }

#subnav .navlink, #subnav .issuenavlink { float: left; height: 28px; margin-right: 20px; font-size: 11px; padding-top: 2px; line-height: 1.1em;}
/*#subnav .navlink, #subnav .issuenavlink { float: left; height: 28px; margin-right: 10px; font-size: 11px; padding-top: 2px; line-height: 1.1em;}*/

#subnav .navlink a, #subnav .issuenavlink a { color: #ffffff;font-weight: bold; text-decoration: none;}
#subnav .navlink a:hover, #subnav .issuenavlink a:hover {text-decoration: underline; }
/*#subnav .navlink a, #subnav .issuenavlink a { color: #ffffff;}
#subnav .navlink a:hover, #subnav .issuenavlink a:hover { font-weight: bold; }*/

.navlink {width: 100px}
/*.navlink {width: 88px}*/

.issuenavlink {margin: 7px 0 0 0; padding: 0 30px 0 0}
#subnav .navtext {}



.submain { height: 200px !important; }
.sub { height: 191px !important; }

#content-main { width: 100%; min-width: 953px; margin: 0px; padding: 0px; background: transparent url(/images/wrap-bg2.png) repeat-y top center; }
#wrap { width: 950px; min-height: 500px; margin: 0px auto; padding: 0px 0px 0px 10px; overflow: hidden; background: #ffffff url(/images/content-bg.jpg) repeat-y top left; }

#content { float: right; width: 750px; margin: 0px; padding: 0px; overflow: hidden; }
#content-left { float: left; width: 517px; margin: 0px; padding: 0px; overflow: hidden; }
#content-left h2 {margin:0 0 15px 0; padding:0; font-size: 16px; color:#961347;}
#content-left .graybox h2, #content-left .post h2 {margin:0; padding:0;}
#content-left h3 a { color: #971548; }
#content-left h3 a:hover { color: #c58098; }

#content-left .post p {margin: 1.2em ; line-height: 1.4em; font-size: 12px}
#content-left .post .media-wrapper p {margin: 0; line-height: 1.4em; font-size: 12px}
#content-left .post .media-wrapper-post p {margin: 0; line-height: 1.4em; font-size: 12px}
.post h3 {margin: 0; padding:0;}
.postimg { float: left; width: 190px; margin: 10px 0px 0px 0px; overflow: hidden; }
.postimg-page { float: left; width: 190px; margin: 0; overflow: hidden; }
.postcontent { width: 310px; float: right; overflow: hidden; margin-bottom: 25px;}
.catimg { float: left; width: 80px; height: 70px; }

.stateimg {float:left; width: 115px; height: 120px; display:inline;}
.stateissueimg {float:left; width: 100px; height: 125px; display:inline;}
.stateissueimg.wisconsin {padding-right: 10px}

.partner { margin: 0px 0px 20px 0px; padding: 0px; }

.partner img {padding: 4px; background: #ecedee; border: 1px solid silver; margin: 5px 0}
.partner-text p {margin:0; padding:0; }
.partner-text {margin-bottom: 10px; border-bottom: #c0c0c0 1px dotted;}

.post {margin:10px 0 15px 0}
.post table {width: 100%; margin: 10px auto; border: 2px solid #C1DAD7; color: #333}
.post table th {font-size: 10px; color: #A4335E;border-right: 2px solid #C1DAD7;border-bottom: 2px solid #C1DAD7;border-top: 2px solid #C1DAD7;	letter-spacing: 2px;	text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #DCE9F2;}

.post table td {border-bottom: silver 1px solid; padding: 10px 2px; font-size: 11px;}
.post table tr.resultRowTwo, .post table tr {background: #F9F9F9; line-height: 1.2em;}
.post table tr.resultRowOne {background: #F4E7EC; line-height: 1.2em;}

/* VIDEO/SLIDEWHOW WRAPPERS */

.media-wrapper {
  float: left;
  padding: 0;
  margin: 1em 1em 1.5em 0;
  background-color: #ffffff;
}

.media-wrapper-post {
  float: left;
  padding: 0;
  margin: 0 1em 1.5em 0;
  background-color: #ffffff;
}

.right {
  float: right;
  margin: 1em 0 1.5em 1em;
}

.left {
  float: left;
  margin: 1em 1em 1.5em 0;
}

.media-wrapper img, .media-wrapper object, .media-wrapper embed, media-wrapper-post img, media-wrapper-post object, media-wrapper-post embed {
  display: block;
  margin-bottom: .3em; 
}


/* END VIDEO/SLIDEWHOW WRAPPERS */

#right { float: right; width: 220px; margin: 0px; padding: 0px; font-size: 11px; overflow: hidden; }
#right h2 { font-size: 16px; }
#right h3 { font-size: 12px; }
#right h2 a { color: #1b75bb; }
#right h2 a:hover { color: #003366; }
#right a { color: #971548; }
#right a:hover { color: #c58098; }
#right .pinkborder { border: 1px solid #971548; margin: 0px 10px 20px 0px; padding: 8px; }
#right .pinkborder h2, #right .archive h2 {color: #2E80C0; margin:0; padding;0; font-size: 14px}
#right .special { margin: -8px 0px 20px 0px; padding: 0px; }
#right .gradient { margin: 0 10px 0 0; padding: 8px; background: transparent url(/images/right-gradient.jpg) repeat-x top left; }
#right .gradient h2 {font-size: 14px; color: #2E80C0; margin:0; padding:0}
#right .gradient span {padding:0 0 0 4px}

#left { float: left; width: 180px; margin: 0px; padding: 0px; }
#left h2 { font-size: 16px; }
#left .menu { margin-bottom: 20px; }
#left #stateimg { background-image: url(/images/states2.png); background-repeat: no-repeat; background-position: 0px 0px; }
#left .states h2{color:#961347; margin:0; padding:0}
#left .reform { margin: 0px; padding: 0px; font-size: 8pt}
#left .reform li { list-style: none; display: block; margin: 0px -9px 0px -10px; padding: 0px; height: 45px; background: transparent url(/images/left-menu-bg.jpg) repeat-x top left; overflow: hidden; }

#left .reform h2{color:#961347; margin:0; padding:0}
#left .reform a { display: block; margin: 0px; padding: 12px 0 15px 60px; color: #991449; font-weight:bold;}
#left .reform .finance a { background: transparent url(/images/left-menu-finance.png) no-repeat top left; }
#left .reform .election a { background: transparent url(/images/left-menu-election.png) no-repeat top left; }
#left .reform .ethics a { background: transparent url(/images/left-menu-ethics.png) no-repeat top left; }
#left .reform .judicial a { background: transparent url(/images/left-menu-judicial.png) no-repeat top left; }
#left .reform .media a { background: transparent url(/images/left-menu-media.png) no-repeat top left; }
#left .reform .opengov a { background: transparent url(/images/left-menu-opengov.png) no-repeat top left; }
#left .reform .redistrict a { background: transparent url(/images/left-menu-redistrict.png) no-repeat top left; }
#left .reform a:hover { background-position: 0px -45px; color: #1b75bb; }

#footer-main { width: 100%; min-height: 50px; margin: 0px; padding: 0px; background: transparent url(/images/footer2.png) no-repeat bottom center; }
#footer { width: 940px; margin: 0px auto; padding: 10px 10px 0px 10px; font-size: 12px; text-align: center; background-color: #ffffff; }
#footer .nav { margin: 0px; padding: 0px 0px 10px 0px; color: #666666; }
#footer .nav a { color: #666666; }
#footer .address { margin: 0px -10px; padding: 10px 20px; background-color: #971548; color: #ffffff; }
#footer .copyright { margin: 0px; padding: 10px 0px 0px 0px; font-size: 10px; }

/* form styles */
form p { display: block; width: 100%; margin: 0px; padding: 0px 0px 10px 0px; overflow: auto; }
form p label { display: block; float: left; margin: 0px; padding: 0px; width: 80px; }
form p input, form p textarea , form p select { float: left; margin: 0px 0px 0px 10px; padding: 2px; width: 300px; background-color: #dde7ec; border: 1px solid #c0ced5; }
form p textarea { height: 100px; }
form p .checkbox, form p .radio { float: none; width: 20px; border: none; background-color: transparent; }
form p.submit { padding-left: 90px; }
form p input.submit { float: none; width: 150px; margin-left: 0px; }

.clear { clear: both; }
.graybox { background-color: #e6e6e6; margin: 0px 0px 20px 0px; padding: 10px; }
.separator { height: 1px; background-color: #cccccc; margin: 20px 0px; padding: 0px; display: block; }
.small { font-size: 10px; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }

.polls { margin: 0px; padding: 0px; }
.polls li { list-style: none; margin: 0px 0px 2px 0px; padding: 0px; }
.polls .answer { width: 70%; float: right; }
.polls .percent { width: 25%; float: left; border: 1px solid #cccccc; margin: 0px; padding: 1px; font-size: 8px; }