/*
Theme Name: Repowering the Midwest 
Theme URI: http://repoweringthemidwest.org/
Description:  Customized theme for ELPC developed by <a href="http://www.oxid8.com">Mike Wu</a> 
Version: 1.0
Author: Mike Wu 

Tags: custom

    This site was designed by Hutchinson Associates Inc.
    developed by Oxid8 Technologies LLC 

    The CSS, XHTML are copyrighted by ELPC 


================
CSS Index (jump to sections with =name):
================
    Globals & Resets
    Layout
    Header
    Footer
    Maincol
    Sidebar
    Home
    My State
    
==================

/* ---------------------------
        =Globals & Resets 
---------------------------- */

* {
    margin: 0;
    padding: 0;
}

/*  font-size set following Richard Rutter's method to allow text resizing across all browsers: 
    http://www.alistapart.com/articles/howtosizetextincss/ 
    16px baseline font-size. See ie.css for IE baseline font-size rule. 
    
    Important: 
    Line-height calculations are based on the most immediate font size. 
    For example: if font-size is resized to 14px, begin line-height calculation for that element at 14px (not 16px).
    Otherwise line-height will inherit base line-height of 17px (see body rule). 
*/

body {
    background: #fff;
    font-family: Verdana ,Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 1.125em; /* 16 x 1.125 = 18px */   
    text-align: center;
    color: #000;
}

a {
    color: #2b469c;
    text-decoration: none;
    outline: none;
    }
    
a:hover { 
    text-decoration: underline;
    }

a img {
    border: none;
    }
    
.hr hr {
    display: none;
    }

.hrDouble {
    background: url('images/hdiv_double.jpg') repeat-x;
    border:none;
    width:auto;
    height:6px;
    padding:0;
    margin:2px 10px;
}

.hrSingle {
    background: url('images/hdiv_single.jpg') repeat-x;
    border:none;
    width:auto;
    height:6px;
    padding:0;
    margin:2px 10px;
}

.hrNomargin {
    margin:0;
}

/* 
    Clearing floats: http://www.positioniseverything.net/easyclearing.html  
*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.c\learfix:after { line-height: 0; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
    clear:both;
}

.content {
    font-size:12px;
    line-height:16px;
    padding:5px 0;
    margin-bottom:10px;
}

p { 
    margin:5px 0;
}

ul {
    margin:5px 0 10px 40px;
}


/* ---------------------------
        =Layout 
---------------------------- */

#page {
    width:900px;
    margin:0px auto;
    text-align:left;
}

#header {
    width:100%;
    margin:0;
    padding:0;
}

#contentBounds {
    background:url('images/bg_page.jpg') repeat-y;
    width:900px;
    padding:0 30px;
    margin:0;
}

#centerDivider {
    background: url('images/div_center.jpg');
    width:900px;
    height:12px;
	position: relative;
    margin-left: -30px;
}


#top {
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
}

#leftColumn {
    float:left;
    width:290px;
    margin:0;
    padding:0 20px 0 0;
    text-align:left;
}

#centerColumn {
    float:left;
    width:290px;
    margin:0;
    padding:0 5px 0 0; 
    text-align:left;
}

#mainColumn {
    float:left;
    width:590px;
    margin:0;
    padding:0;
    padding-left:10px;
    text-align:left;
}

#sidebar {
    float:left;
    width:230px;
    margin:0;
    margin-bottom:20px;
    padding:0;
    text-align:left;
}

.spacer {
    height:15px;
    width: 100%;
}

.threeColumns {
    background:url('images/div_3columns.jpg') repeat-y;
    padding:0;
}

.twoColumns {
    background:url('images/div_2columns.jpg') repeat-y;
    padding:0;
}

.fullColumn {
    width:820px;
    padding:0 10px;
}

.columnBounds {
    margin-left:10px;
    margin-bottom:10px;
}

.box {
    margin:5px 0 5px 10px;
}

/* ---------------------------
        =Header
--------------------------- */

#header #border {
    background: url('images/bg_masthead.jpg');
    width:900px;
    height:17px;
}

#header #logo {
    float:left;
    background: url('images/logo_repoweringthemidwest.jpg');
    width:640px;
    height:80px;
}

#header .divider {
    float:left;
    background: url('images/div_masthead.jpg');
    width:20px;
    height:80px;
}

#header h3 {
    float:right;
    background: url('images/logo_elpc.jpg');
    width:240px;
    margin:0;
    padding:0;
    height:80px;
}

#header h3 a {
    display:block;
    width:210px;
    height:80px;
}
#header h3,
#header #logo h1 ,
#header #logo h2 {
    text-indent:-99999px;
}

#nav {
    background:url('images/nav_main.jpg');
    width:900px;
    line-height:20px;
    text-align:left;
	padding-bottom: 5px;
}

#nav ul {
    list-style:none;
    text-indent:0;
    padding-top:0;
	margin: 0;
}

#nav ul li {
    float:left;
    text-align:center;
    width:100px;
    padding:0 10px;
	margin: 0;
}

#nav ul li.first {
}

#nav ul li a {
    color:#fff;
    font-size:13px;
}

#navHome:hover a, .home #navHome a,
#navInmystate:hover a,  .page-template-mystate-php #navInmystate a,
#navNews:hover a, .page-template-news-php #navNews a,
#navReports:hover a,  .page-template-reports-php #navReports a, .page-template-report-php #navReports a
{
    font-weight:bold;
}

#nav #search {
    float:right;
    margin:0px 37px;
    border:1px solid #333;
}
/* ---------------------------
        =Footer
--------------------------- */

#footer #border {
    background: url('images/div_footer.jpg');
    height:17px;
    width:900px;
}

#footer ul {
    padding:5px 0 0 45px;
    margin:0;
    list-style:none;
    text-indent:0;
}
#footer ul li {
    float:left;
    padding-right:25px;
}

#footer ul li a {
    color:#000;
    font-size:10px;
}
    

/* ---------------------------
        =Home
--------------------------- */

#top {
}

#banner {
    float:left;
    overflow:hidden;
    width:460px;
    height:280px;
}

#feature {
    float:left;
    width:380px;
    height:280px;
    overflow:hidden;
}

#feature h2 {
    color:#006a39;
    font-size:30px;
    line-height:30px;
    margin:10px 0 10px 0;
}

#feature h3 {
    color:#006a39;
    font-size:20px;
    line-height:20px;
    margin-bottom:10px;
    font-weight:normal;
}

#feature .content {
   font-size:16px;
   line-height:20px;
   margin:0;
   padding:0 10px 0 0;
}


h4 a {
    color:#2b469a;
    font-size:16px;
    font-weight:bold;
}

.news a {
    display:block;
    font-weight:bold;
}

.news {
    margin-bottom:5px;
}

/* ---------------------------
        =My State
---------------------------- */

#mystate {
	text-align: left;
	}

#mystate .top {
    margin:0;
    padding:0;
    margin-bottom:5px;
	height: 1%;
}

#mystate #map {
    float:left;
    overflow:hidden;
    width:460px;
    height:280px;
    text-align:left;
}

#mystate #feature {
    float:right;
    width:350px;
    height:280px;
    text-align:left;
}


/* ---------------------------
        =Report
---------------------------- */

#reports {
	text-align: left;
	}

#reports .report img {
    float:right;
    padding:0 20px 0 25px;
    width:100px;
    margin:10px 0;
}

#reports .report .content {
    width:460px;
    margin-bottom:10px;
}

#report .content {
    text-align:left;
}

#report h2 {
    margin-bottom:15px;
    line-height:1.2em;
}


#report .feature {
   font-size:16px;
   line-height:20px;
}

#report .feature div.img {
    float:right;
    width:200px;
    height:280px;
    padding:10px 20px 0 25px;
    overflow:hidden;
}

#report .feature div.img img {
    width:200px;
}


.news {
    margin:0 10px 15px 0;
}


/* ---------------------------
        =Sidebar
---------------------------- */

div.gobutton {
    background:url('images/btn_go.jpg') no-repeat;
    width:38px;
    height:30px;
    float:right;
    cursor:pointer;
}

div.gobutton a {
	display:block;
width:38px;
height:30px;
}


div.gobutton:hover {
    background:url('images/btn_go_hover.jpg') no-repeat;
}

div.takeactiongo {
    background:url('images/take-action.jpg') no-repeat;
    width:210px;
    height:27px;
    cursor:pointer;
}

div.takeactiongo a {
    display:block;
    width:210px;
    height:27px;
}

div.takeactiongo:hover {
    background:url('images/take-action_hover.jpg') no-repeat;
}