@charset "UTF-8";
/* CSS for PGE Opperation Switch programs */
/* ver #2 06.06.10                        */


/*
http://www.madebyfight.com/pge/
http://dl.dropbox.com/u/1628499/
*/

/*--- global elements ---*/
* { padding: 0; margin: 0; }

body { 
	background: #ffffff;
	color: #000000; 
	font-family: Arial, sans-serif;
	font-size:.75em;
	line-height: 16px;
}

a, a:visited {
	color: #538200;
	text-decoration: underline;
}

a:hover {
	color: #538200;
	text-decoration: underline;
}
	
a img {
	border: none;
}

/*--- macro layout ---*/

#container {
	width: 945px;
	clear:both;
}

#header {
	width: 945px;
	height: 77px;
	margin-top: 61px;
	margin-bottom: 25px;
}

#main {
	width: 710px;
}

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

#menu {
	width: 225px;
	float:left;
	margin-left: 11px;
}

#footer {
	margin-top:100px;
	padding-bottom: 20px;
	padding-top: 10px;
	border-top: 2px solid #538200;
	clear: both;
}

h1 {
	font-size: 3em;
	font-weight:bold;
	line-height:normal;
}

h2 {
	font-size: 2.15em;
	font-weight:bold;
	line-height:normal;
}

h3 {
	padding-left: 5px;
}

h3 a, h3 a:visited, h3 a:hover {
	color: #000000;
	text-decoration: none;
}

/*--- header layout ---*/

#logo {
	width: 168px;
	float: left;
}

#navigation {
	width: 750px;
	float: right;
	margin-top:31px;
}

#navigation li {
	margin-left: 15px;
	cursor: default;
	list-style-type: none;
	display: inline;
}

/*--- main header image layout ---*/

#headerImage {
	margin-bottom: 16px;
}

/*
CORE BLOG LAYOUT
styling for elements located in the main theme file as well as universal post type styles
*/

#blog {
	float: right;
	margin-left: 11px;
	width: 463px;
}

#blog ol {
	list-style:none;
}

#blog li {
	margin-bottom: 50px;
}

#blog p {
	padding-left: 5px;
	margin-bottom:16px;
}

#blog h1 a, h1 a:visited{
	color: #000000;
	text-decoration: none;
}

#blog h1 a:hover {
	color: #538200;
	text-decoration: underline;
}

#blog h2 {
	padding-left: 5px;
}

#blog h3 {
	font-size: 1.75em;
	padding-left: 5px;
}

.postheader {
	border-top: 11px solid #538200;
	padding-top: 16px;
	padding-bottom:5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#commentCount {
	padding-left: 5px;
}

#commentText {
	margin-bottom: 16px;
	border-top: 1px dotted #538200;
	border-bottom: 1px dotted #538200;
}

#welcome {
	/* width: 216px; */
	background-color: #538200;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
	overflow: auto;
}

#welcome img {
	margin-left: -5px;
	float: left;
}

#welcome p {
	font-weight:bold;
	color: #FFFFFF;
	padding-bottom: 16px;
	margin-top: 30px;
}

#welcome a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

/* 
CONDENSED POST
styling for posts in the main blog stream
these elements are all created in the tumblr CMS
*/

.postMeta {
	border-top: 1px dotted #538200;
	border-bottom: 1px dotted #538200;
	padding-top: 8px;
	margin-bottom: 16px;
	overflow:auto;
}

.missionMetaData {
	overflow:auto;
}

.missionInfo {
	border-top: 1px dotted #538200;
	border-bottom: 1px solid #538200;
	overflow:auto;
}

.bigNumber {
	padding-left: 5px;
	font-size: 4em;
	font-weight:bold;
}

.missionData {
	float: left;
	margin-right: 13px;
	width: 145px;
	line-height: normal;
}

.missionDataRight {
	float: right;
	width: 145px;
	line-height: normal;
}

.missionData h3 {
	line-height: 1.2em;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #538200;
}

.missionDataRight h3 {
	line-height: 1.2em;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #538200;
}

.results {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px dotted #538200;
	float: left;
	clear: both;
	width: 463px;
	/*background-color: #d4e8b0;*/
}

.resultsText {
	clear:both;
}

.resultsData {
	float: left;
	margin-right: 13px;
	line-height: normal;
	color: #538200;
	/*width: 145px;*/
}


/* 
EXTENDED POST
styling for posts in the main blog stream
these elements are all defined in the "pages" portion of the Tumblr css
*/

.missionSection {
	border-top: 11px solid #538200;
	padding-top: 11px;
	margin-bottom: 11px;
	overflow:auto;
}

.missionSection h2 {
	margin-left: 5px;
	margin-top: 11px;
}

.missionSection h2 a, h2 a:visited {
	text-decoration:none;
	color:#000000;
}

.missionSection h4 {
	margin-left: 5px;
}

#authorInfo {
	width: 150px;
	float: left;
	margin-left: 5px;
	margin-top: 30px;
}

.icon {
	margin-top: 20px;
	float:right;
}

.missionSection p {
	margin-left: 5px;
	margin-bottom: 16px;
}

.missionSection ol {
	margin-left: 19px;
	margin-bottom: 11px;
}

.dataTable {
	width: 400px;
	border-collapse:collapse;
	margin-bottom: 16px;
}

.dataTable th {
	text-align:left;
	font-weight:normal;
	border-bottom: 1px solid #538200;
	padding: 5px;
	
}

.dataTable td {
	padding: 5px;
}

#programInfo {
	background-color: #a9c07f;
	padding: 5px;
	margin-bottom: 16px;
}


/*--- menu ---*/

#siteNav {
	border-top: 1px solid #538200;
	padding-left: 5px;
	padding-top: 12px;
}

#siteNav ul {
	list-style:none;
}

#pageNav { /* page level navigtion styles */
	border-bottom: 1px solid #538200;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

#tumblrNav {
	margin-bottom: 16px;
}

#missionTime {
	border-bottom: 1px solid #538200;
}

#prevEntry {
	border-top: 11px solid #538200;
	padding-top: 16px;
	padding-left:5px;
}

#prevEntry h2 {
	padding-bottom: 16px
}

#prevEntry .callout {
	font-weight:bold;
}

#prevEntry ul {
	margin-top: 11px;
}

#prevEntry li {
	border-top: 1px dotted #538200;
	list-style: none;
	margin-bottom:78px;
}

#prevEntry li p {
	padding-top:24px;
	padding-left:5px;
	font-weight:bold;
	width:138px;
	float: left;
}

#prevEntry .soon {
	color: #AAAAAA;
}

.badge {
	padding-top:5px;
	float:right;
}

/*--- sidebar layout ---*/

#twitter {
	width: 210px;
	padding-left: 5px;
	padding-right: 5px;
	/*padding-bottom: 80px; buffer for twitter bird graphic */
	border: 3px solid #538200;
}
#twitHeader {
	margin-left: -8px;
}

#twitBird {
	margin-left: -3px;
}

#intro {
	color: #FFFFFF;
	background-color: #a9c07f;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 16px;
}

#intro h2 {
	padding-top:10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

#intro p {
	font-weight:bold;
	padding-bottom: 11px
}

.result {
	margin-bottom: 16px;
	padding-left: 5px;
	color: #FFFFFF;
}

.result p {
	font-weight: bold;
}

#tree {
	background-image:url(http://portlandgeneral.com/residential/energy_savings/operation_switch/images/results/tree.gif);
	width: 220px;
	height: 49px;
}

#car {
	background-image:url(http://portlandgeneral.com/residential/energy_savings/operation_switch/images/results/car.gif);
	width: 220px;
	height: 49px;
}

#windmill {
	background-image:url(http://portlandgeneral.com/residential/energy_savings/operation_switch/images/results/windmill.gif);
	width: 220px;
	height: 49px;
}

#ev {
	background-image:url(http://portlandgeneral.com/residential/energy_savings/operation_switch/images/results/ev.gif);
	width: 220px;
	height: 49px;
}

#house {
	background-image:url(http://portlandgeneral.com/residential/energy_savings/operation_switch/images/results/house.gif);
	width: 220px;
	height: 49px;
}

#total {
	background-color: #534741;
	width: 220px;
	height: 52px;
}

/*--- footer ---*/
#footer li {
	margin-left: 15px;
	list-style-type: none;
	display: inline;
}

/*--- mission badge page ---*/

#leaderBoard {
	border-top: 11px solid #538200;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom:16px;
}

#leaderBoard p {
	margin-bottom:16px;
}

#missionInfo {
	border-top: 11px solid #538200;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom:16px;
}

#content {
	float: right;
	margin-left: 11px;
	width: 463px;
}

.badgeMenu {
	margin-top: 10px;
	margin-bottom: 5px;
	height: 150px;
	width: 112px;
	float: left;
}

.badgeMenu p {
	padding-top:5px;
	font-weight:bold;
}

.badgeMenu .soon {
	color: #AAAAAA;
}

.badgeMenu .badge {
	float:none;
}

/*--- comment guideline page ---*/

#commentGuide {
	width: 500px;
	margin-top: 16px;
	margin-left: 11px;
	margin-bottom: 16px;
	padding-left: 5px;
	padding right: 5px;
	border-top: 11px solid #538200;
	border-bottom: 1px solid #538200;
}

#commentGuide p {
	margin-top: 16px;
	margin-bottom: 16px;
}

#commentGuide ul {
	list-style: outside;
	margin-left: 16px;
}

#commentGuide li {
	margin-bottom: 16px;
}