/*
Theme Name: Iowa Global Warming 
Theme URI: http://iowaglobalwarming.org/
Description:  Customized theme for ELPC developed by <a href="http://www.oxid8.com">Mike Wu</a> and <a href="http://www.evolvingpage.com">Drew Myler</a>
Version: 1.0
Author: Mike Wu & Drew Myler 

Tags: custom

    This theme was designed by Hutchinson Associates Inc.
    developed by Oxid8 Technologies LLC and Drew Myler 

	The CSS, XHTML are copyrighted by ELPC 



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

/* ---------------------------
		=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: Geneva,Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	line-height: 1.125em; /* 16 x 1.125 = 18px */	
	text-align: center;
	color: #000;
}

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

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

/* 
	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 */



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

#page {
    margin:0 auto;
    width:842px;
	text-align: left;
	background: #fff url(images/bg-page.jpg) left top repeat-x;
	padding-top: 21px;
	}
	
.dot {
	background: url(images/bg-dot.gif) left top repeat-x;
	}
	
#banner {
    width:840px;
    height:285px;
    overflow:hidden;
	padding-bottom: 12px;
	background: url(images/bg-banner.jpg) left bottom repeat-x;
}

#content {
	background: url(images/bg-dots-v.gif) 625px 0 repeat-y;
	margin: 5px 0 15px;
	}

.narrowcolumn {
    width:620px;
    float:left;
}

.box {
    margin:10px 5px;
}

#video{
    float:left;
    width:300px;
    display: inline;
    background: url(images/bg-dots-v.gif) 290px 0 repeat-y;
}

#blog {
    float:left;
    width:300px;
    display: inline;
}

#sidebar {
    width:210px;
    float:right;
}

#footer {
    clear:both;
    text-align:right;
    padding:10px 0;
	border-top: 7px solid #3671bf;
	}
	
	
	
/* ---------------------------
		=Header 
---------------------------- */

#header h1 {
	width: 794px;
	height: 74px;
	text-indent: -9999999px;
	overflow: hidden;
	background: url(images/logo.gif) left center no-repeat;
	margin: 0 0 0 12px;
	display: block;
	}
	
#header ul#mainNav {
	padding-left: 12px;
	margin-bottom: 9px;
	background: url(images/bg-mnav-li.gif) right 10px no-repeat;
	float: left;
	}
	
#mainNav li {
    list-style:none;
    float:left;
	font-size: .75em; /* 12px */
	background: url(images/bg-mnav-li.gif) left 10px no-repeat;
	line-height: 1em;
	}
	
#mainNav li a {
	color: #3671bf;
	padding: 6px 15px 0 7px;
	display: block;
	font-weight: bold;
	}

#search {
    float:right;
	font-size: .75em; /* 12px */
	padding: 4px 20px 0 0;
	color: #0f0f6f;
}

#search #s {
	border: 1px solid #000;
	font-size: .75em; /* 12px */
	padding: 2px;
	}


/* ---------------------------
		=Footer Styles 
---------------------------- */	

#footer a {
    font-size: .70em;
    color:#3671BF;
}

/* ---------------------------
		=Maincol Styles 
---------------------------- */	

.post {
	background: url(images/bg-dots-v.gif) left top repeat-y;
	margin-left: 10px;
	padding: 0 25px 0 7px;
	}
	
.post.event {
	padding-right: 0;
	}
	
.post.archive {
	padding-bottom: 12px;
	}


.post h2, .post h1, .post h3, h2.pagetitle {
	color: #000;
	font-size: .75em; /* 12px */
	font-weight: bold;
	padding-bottom: 12px;
	}
		
h2.pagetitle {
	margin-left: 10px;
	padding-left: 7px;
	background: url(images/bg-dots-v.gif) left top repeat-y;
	color: #2c4001;
	font-weight: bold;
	line-height: 1.1em;
	}
	
.post p.category, .post p.category a {
	color: #2c4001;
	font-weight: bold;
	}
		
.post p, .post h4, .post ul {
	font-size: .75em; /* 12px */
	margin-bottom: 12px;
	line-height: 1.1em;
	font-weight: normal;
	}
	
.post li {
	margin: 0 0 12px 30px;
	list-style: none;
	background: url(images/bg-bullet.gif) 0 4px no-repeat;
	padding-left: 12px;
	}
	
.post ul ul, .post ul p {
	font-size: 1em;
	}
	
.post p.postmetadata.content {
	margin-bottom: 0;
	padding-bottom: 12px;
	}
	
.post .content {
	margin-bottom: 12px;
	background: url(images/bg-dot.gif) left bottom repeat-x;
	}

.navigation {
        margin: 5px 0px 10px 20px;
        font-size:1em;
}
	
/* Events */

table#wp-calendarLarge {
	font-size: .75em; /* 12px */
	}
	
table#wp-calendarLarge div.dayHead {
	background-color: #2c4001;
	padding-left: 2px;
	}
	
table#wp-calendarLarge td strong {
	color: #000;
	}
	
table#wp-calendarLarge #todayLarge {
	background-color: #ddd;
	}
	
/* Comment styles */

.commentlist li {
	font-weight: bold;
	font-size: .75em; /* 12px */
	background-image: none;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
	
.commentlist li h4, .commentlist li p {
	font-size: 1em;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

.commentlist li.alt {
	margin: 0;
	padding: 10px;
	background: #ddd;
	}



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

/* take action now */

#action-now {
	background: url(images/bg-dot.gif) left bottom repeat-x;
	padding-bottom: 8px;
	}

#action-now a {
	text-decoration: underline;
	}

#action-now.box {
	margin: 0 5px 10px;
	} /* To remove top margin on all interior pages */

#action-now.box.home {
    margin:0 5px 10px 5px;
	}

/* email alerts */

#email-alerts h2 {
	font-size: .875em; /* 14px */
	color: #2c4001;
	margin-bottom: 6px;
	}
	
#email-alerts p, #action-now p {
	font-size: .687em; /* 11px */
	line-height: 1.25em;
	margin-bottom: 7px;
	}
	
/* events/calendar */

#events h2 {
	height: 30px;
	width: 205px;
	background: url(images/h2-events.jpg) left center no-repeat;
	overflow: hidden;
	text-indent:-9999999px;
	margin-bottom: 4px;
	}

table#wp-calendar {
	font-size: .75em; /* 12px */
	}

table#wp-calendar td, table#wp-calendar caption {
	border: none;
	}
	
table#wp-calendar th {
	background: #fff;
	color: #000;
	}
	
table#wp-calendar .padday {
	background-color: #fff;
	}
	

/* topics */

#topics h2 {
	height: 28px;
	width: 203px;
	background: url(images/h2-topics.jpg) left center no-repeat;
	overflow: hidden;
	text-indent:-9999999px;
	margin-bottom: 4px;
	}
	
/* subscribe */

#subscribe {
	background: url(images/bg-dot.gif) left top repeat-x;
	}

#subscribe a {
	font-size: .75em; /* 12px */
	display: block;
	padding: 11px 0 11px 25px;
	background: url(images/ico-rss.jpg) left center no-repeat;
	} 
	
#subscribe span {
	display: block;
	background: url(images/bg-dot.gif) left bottom repeat-x;
	}
	

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

/* News */

#news {
	background: url(images/bg-dots.gif) 20px 30px no-repeat;
	margin-right: 10px;
	}

#news h2 {
	height: 28px;
	width: 107px;
	background: url(images/h2-news.jpg) left center no-repeat;
	overflow: hidden;
	text-indent:-9999999px;
	margin-bottom: 4px;
	}
	
#news li {
	list-style: none;
	background: url(images/li-news.gif) left 7px no-repeat;
	padding-left: 18px;
	font-size: .875em; /* 14px */
	line-height: 1;
	}
	
#news li a {
	background: url(images/bg-dot.gif) bottom left repeat-x;
	display: block;
	padding: 5px 0 7px;
	height: 1%;
	}
	
.hr {
	height: 28px;
	background: url(images/hr.gif) 5px 100% no-repeat;
	}
	
.hr.bdr {
	height: 12px;
	background: url(images/bg-banner.jpg) left top repeat-x;
	}
	
/* video */

#video h2 {
	height: 27px;
	width: 107px;
	background: url(images/h2-video.jpg) left center no-repeat;
	overflow: hidden;
	text-indent:-9999999px;
	margin-bottom: 4px;
	}

/* blog */

#blog h2 {
	height: 27px;
	width: 106px;
	background: url(images/h2-blog.jpg) left center no-repeat;
	overflow: hidden;
	text-indent:-9999999px;
	margin-bottom: 4px;
	}
	
#blog p, #blog a {
	font-size: .75em; /* 12px */
	line-height: 1.25em;
	}


/* action */

#action {
	clear: both;
	background: url(images/bg-action.jpg) left top repeat-x;
	padding: 12px 10px 20px;
	margin: 0 10px 0 0;
	}

#action h2 {
	height: 20px;
	width: 190px;
	background: url(images/h2-action.jpg) left center no-repeat;
	overflow: hidden;
	text-indent:-9999999px;
	margin-bottom: 26px;
	}
	
#action h3 {
	height: 39px;
	width: 562px;
	}
	
#action h3 a {
	height: 39px;
	display: block;
	overflow: hidden;
	text-indent:-9999999px;
	}

#action h3.petition {
	margin-bottom: 7px;
	}

#action h3.petition a {
	background: url(images/h3-petition.jpg) left center no-repeat;
	}

#action h3.petition a:hover {
	background: url(images/h3-petition-on.jpg) left center no-repeat;
	}

#action h3.volunteer {
	margin-bottom: 8px;
	}

#action h3.volunteer a {
	background: url(images/h3-volunteer.jpg) left center no-repeat;
	}

#action h3.volunteer a:hover {
	background: url(images/h3-volunteer-on.jpg) left center no-repeat;
	}
	
#action h3.speakup a {
	background: url(images/h3-speakup.jpg) left center no-repeat;
	}

#action h3.speakup a:hover {
	background: url(images/h3-speakup-on.jpg) left center no-repeat;
	}

.blogroll li{
	font-size:80%;float:left;width:250px;margin-right:10px;margin-bottom:3px;list-style:none;
}