/*
Theme Name: Mission Valley Power
Theme URI: http://www.purealtar.com/
Description: Custom Wordpress Theme.
Version: 1.0
Author: Steve Pittenger
Author URI: http://www.purealtar.com/
*/

body {
background: #f7f7f7 url(images/bg.gif) repeat-x top;
margin: 0;
padding: 2em 0;
opacity: .999;
color:#002A63;
}

/* Mission Valley Power Custom Styles */
#homeContent h2{
	margin:0px;padding:0px;
}
.singleContent{
	width:100%;
	margin:0;padding:0px;
	font-size:12px;
}
.singleContent img.alignleft {
	padding:5px 10px 0px 0px;
	float:left;
}
.singleContent img.alignright {
	padding:5px 0px 0px 10px;
	float:right;
}
.singleContent table td{
	text-align:justify;
}
#PublicAnnouncements {
width:65%;
float:left;
padding:10px;
margin:0px;
}
#PublicAnnouncements li{
	list-style:inside;
}
#PublicAnnouncements li a{
	color:#002A63;
}

#AnnouncementContent{
width:30%;
float:left;
padding:5px;
margin:0 0 0 10px;
}
#payBill{
width:100%;
float:left;
padding:0px;
margin:0px 10px 5px 10px;
}
#homeOutageReportsArea{
width:100%;
float:left;
padding:0px;
margin:0 10px 20px 10px;
}
#homeOutageReportsArea li{
	list-style:inside;
}
#homeOutageReportsArea li a{
	color:#002A63;
}
#ServiceForms{
width:100%;
float:left;
padding:0px;
margin:0 10px 20px 10px;
}
#ServiceForms li{
	list-style:inside;
	list-style-type:none;
}
#ServiceForms li a{
	color:#002A63;
}
#PowerNotes, #EnergyTips, #ConservationPrograms{
	min-height:220px;
}
#PowerNotes{
width:31%;
float:left;
background-color: #F3F3F3;
border:1px solid;
border-color:#B5B5B5;
padding:5px;
margin:10px 10px 10px 6px;

}
#PowerNotes li{

	list-style:inside;
}
#PowerNotes li a{
	color:#002A63;
}
#EnergyTips{
width:30%;
float:left;
background-color: #F3F3F3;
border:1px solid;
border-color:#B5B5B5;
padding:5px;
margin:10px 10px 10px 0;
}
#EnergyTips li{

	list-style:inside;
}
#EnergyTips li a{
	color:#002A63;
}
#ConservationPrograms{
width:31%;
float:left;
background-color: #F3F3F3;
border:1px solid;
border-color:#B5B5B5;
padding:5px;
margin:10px 10px 10px 0;
}
#ConservationPrograms li{

	list-style:inside;
}
#ConservationPrograms li a{
	color:#002A63;
}
#GeneralServicesPrograms{
width:48%;
float:left;
background-color: #CCCCCC;
border:1px solid  #999999;
padding:5px;
margin:0 10px 10px 0;
}
#GeneralServicesPrograms li{

	list-style:inside;
}
#GeneralServicesPrograms li a{
	color:#002A63;
}
#OperationsManual{
width:98%;
float:left;
background-color: #F7F7F7;
border:1px solid #EFEFEF;
padding:5px;
margin:0 10px 10px 0;
}
#OperationsManual li{

	list-style:inside;
	margin-top:0px;
}
#OperationsManual  li a{
	color:#002A63;
}
#OperationsManual .multiColumnList {
	float:left;
	margin-right:10px;
	width:30%;
	text-align:left;
}
#OperationsManual .multiColumnList h4{
	margin-top:10px;
}
	
.clearBoth{
	overflow:hidden;
	clear:both;
}
.readmore{
	width:100%;
	text-align:right;
}
/* End Custom MVP Styles */
.container {
background: #fff;
padding: 1em 2em;
}
.container-bg {
background: #fff;
}
blockquote {
background: url('images/quote.png') .5em top no-repeat;
color: #002A63;
font-style: normal;
padding: 0 0 0 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #002A63;
}
a {
	color: #002A63;
	text-decoration: none;
}
a:active, h2 a:active, h3 a:active {
color: #444130;
text-decoration: none;
}
a:hover, h2 a:hover, h3 a:hover {
	color: #FF0000;
	text-decoration: none;
}
.chrome{color:#ff0000;}
blockquote p {
padding: 0 20px 0 30px;
}
hr {
background: #002A63;
height: 1px;
}
img {
margin: 0;
}
.photo_align_left {
float: left;
padding: .8em;
border:1px solid #ccc;
background:#eee;
margin:0 0 1em 0;
}
.post .photo_align_left {margin: 0 1.5em 1.5em 0;}
.post img.thumbnail {float:left;margin: 0 1.5em 1.5em 0;}
.logo {
width:100%;
height:95px;
background-color:#316AC5;
background-image:url(images/mission-valley-power-logo.jpg);
background-repeat:no-repeat;
}
.logo img {
margin: 0 0 0 0;
}
.logo h1, .logo h1 a {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:30px;
text-decoration:none;
color: #fff;
margin: 12px 0 12px 0;
padding:63px 0 0 10px;
}
#searchform{
}
input {
border: 1px solid #CCCCCC;
padding-left: 0;
}
ol {
margin-left: 35px;
}
label {
font-weight: normal;
}
textarea {
height: 200px;
width: 500px;
}
.small {
font-size: .9em;
}
.nomargin {
margin: 0;
}
a.button, button {
font-weight: normal;
}
dl.small dd {
font-size: .9em;
}
.linkcat {
list-style: none;
}
.post_first {
background: #e5e5e5;
padding: 1em;
}
.post_alt {
background: #eee;
padding: 1em;
}
span.meta_align_right {
color: #ccc;
float: right;
font-size: .6em;
}
span.meta_align_right a {
color: #ccc;
}
span.meta_align_right a:hover {
color: #002A63;
}
.meta {
color: #666;
font-size: .8em;
line-height: 1.875em;
}
.meta a {
color: #666;
}
.meta a:hover {
color: #002A63;
}
.byline {
color: #666;
font-size: .8em;
line-height: 1.875em;
}
.byline a {
color: #666;
line-height: 1.875em;
text-decoration: none;
}
.byline a:hover {
color: #002A63;
}
.meta_list, .meta_list a, ul.meta_list {
color: #002A63;
list-style-image: none;
}
.meta_list li {
border-bottom: 1px dotted #002A63;
list-style-image: none;
}
h2.widgettitle {color:#002A63;text-transform:uppercase;border-bottom:1px solid #002A63;}
.five_posts h3 {
margin-bottom: 0;
padding: .5em 0 .5em 0;
}
.five_posts h3 a {
text-transform: uppercase;
}
.five_posts h4, h6.category_head {
margin: 0 0 1em;
padding: 0;
text-transform: uppercase;
color: #ff0000;
font-size: .9em;
font-weight: normal;
border-bottom: 1px solid #002A63;
}
.five_posts h4 a, h6.category_head a {
text-transform: uppercase;
color: #ff0000;
}
.five_posts h4 a:hover, h6.category_head a:hover {
color: #fff;
background: #ff0000;
}
h6.category_more a {
color: #002A63;
background: #eee;
padding: .3em;
font-size: .9em;
text-transform: uppercase;
border: none;
}
h6.category_more a:hover {
background: #333;
color: #fff;
}
#gray_bg {
background:#ddd;
padding:2em;
margin:0 -2em 0 -2em;
float:left;
position: relative;
}
#dark_bg {
background:#002A63;
padding:2em;
margin:0 -2em 0 -2em;
color: #666;
float:left;
position: relative;
}
#dark_bg ul li {
list-style-image:none;
border-bottom:1px solid #666;
}
#dark_bg a {
color:#ff0000;
}
#dark_bg a:hover {
color:#fff;
}
#dark_bg h2.widgettitle {
margin: 0 0 1em;
padding: 0;
text-transform: uppercase;
color: #666;
border-bottom:1px solid #666;
font-weight: normal;
}
.five_posts ul {
margin:1em;
}
.five_posts ul li {
color: #002A63;
font-size: .9em;
line-height: 1.8em;
border-bottom: 1px #002A63 solid;
list-style-image:none;
margin: 0 0 0 -1em;
}
.five_posts ul li a {
color: #002A63;
}
.five_posts ul li a:hover {
color: #ff0000;
}
.post h2 {
border-bottom: 1px solid #002A63;
margin-bottom: 5px;
}
h2.category_page {
background:#002A63;
margin-bottom: 15px;
color:#fff;
text-transform:uppercase;
text-align:center;
padding:10px;
}
.post h2 a {
color: #002A63;
text-decoration: none;
}
#maincontent .post h2 {
margin-bottom: 5px;
}
#maincontent .content {
padding: 5px 47px 20px 48px;
}
#maincontent h2.pagetitle {
border: none;
text-transform: uppercase;
}
#feature h3 {
margin-bottom: 0;
padding: 0;
}
#feature p img {
margin: 7px 0 2em 0;
}
.feature_text {
margin-top: 2em;
}
#home_right .entry {
padding: 0 0 2em 0;
}
.news h3 {
text-transform: uppercase;
}
.content {
margin: 0 0 1em 0;
}
ul#featurenav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#featurenav li {
display: inline;
list-style-type: none;
}
#featurenav a {
padding: 1px 5px;
}
#featurenav a:link, #featurenav a:visited {
background-color: #eee;
border: 1px solid #002A63;
color: #002A63;
text-decoration: none;
}
#featurenav a:hover {
background-color: #444;
color: #fff;
text-decoration: none;
}
.author {
background: #eee;
margin-bottom: 1.5em;
padding: 1.5em;
}
.author img {
float: left;
padding: 0 1em 1em 0;
}
.author p {
margin-left: 8em;
}
.author h6 {
border-bottom: 1px #002A63 dotted;
margin-left: 7em;
}
.navigation, 
.navigation a {
color: #AAA;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.post {
margin-bottom: 25px;
}
.entry {
padding-bottom: 25px;
}
#header {
height: 50px;
padding: 4px 0 0 0;
width: 950px;
}
#header h1, #header .description {
line-height: 1em;
margin: 0;
padding: 0;
}
h1 a.logo {
text-transform: uppercase;
}
.entry #nav .content {
margin: auto;
padding: 0;
}
.entry #nav {
background: #FFF;
margin-bottom: 15px;
}
.entry #nav li a {
background: #666;
border-right: 1px solid #002A63;
color: #FFF;
}
.entry #nav li.last a {
border-right: none;
}
.entry #nav li a:hover {
background: #333;
color: #FFF;
}
#footer {
font-size: .9em;
margin: 0;
text-align: center;
}
#footer a {
text-decoration: none;
}
#search {
float: right;
}
#search #s {
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
background-color:#fff;
color: #ccc;
font-size: 0.9em;
margin-right: 20px;
margin-top: 69px;
padding: 2px 10px 2px 17px;
width: 135px;
}
#search #s:hover {
color: #002A63;
}
.search-excerpt {
margin: 0;
}
.commentlist li {
padding: 8px 15px;
}
.comments-alt {
background: #EEE;
}
.bottombar {
}
.bottombar h2 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
}
ul {
list-style-type: none;
margin-left: 1em;
padding: 0;
}
ul li {
background-repeat: no-repeat;
line-height: 2em;
list-style-image: url('images/icons/li.png');
margin: 0;
padding: 0;
}
#top {
margin: 0 auto;
width: 950px;
}
#title {
float: left;
}
#title h1 {
margin: 0;
}
#title h1 a {
color: #fff;
font-weight: bold;
letter-spacing: -.1em;
line-height: 1.3em;
text-transform: uppercase;
}
#title h1 a:hover {
color: #eee;
}
#contents {
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}
/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h {
background: #002A63;
z-index:13;
}
#navmenu-h-r {
background: #eee;
z-index:14;
}
#navmenu-h li.alignright {
float: right;
}
ul#navmenu-h {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 34px;
border-top: 1px #7088A3 solid;
z-index:98;
}
#navmenu-h-r {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 24px;
}
ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 34px;
border-right: 1px #00357D solid;
z-index:99;
}
#navmenu-h-r li {
margin: 0;
border: 0 none;
padding: 0;
float: right;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 34px;
left: 0;
z-index:100;
}
ul#navmenu-h-r ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
z-index:10;
}
ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu-h ul li, ul#navmenu-h-r ul li {
width: 220px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}
/* Root Menu */
ul#navmenu-h a {
padding: 5px 20px 5px 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #002A63;
color: #ccc;
font: 12px/24px Helvetica;
text-decoration: none;
text-transform: uppercase;
height: auto !important;
	/*For IE*/
}
ul#navmenu-h-r a {
padding: 2px 20px 0 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #eee;
color: #002A63;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;
	/*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h-r a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h-r li:hover a,
ul#navmenu-h li.iehover a,
ul#navmenu-h-r li.iehover a {
background: #7088A3;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a,
ul#navmenu-h-r li:hover li a,
ul#navmenu-h-r li.iehover li a {
float: none;
background: #002A63;
color: #ccc;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a,
ul#navmenu-h-r li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover a,
ul#navmenu-h-r li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover a {
background: #7088A3;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li a {
background: #002A63;
color: #ccc;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a,
ul#navmenu-h-r li:hover li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover a,
ul#navmenu-h-r li.iehover li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul,
ul#navmenu-h-r ul ul,
ul#navmenu-h-r ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul,
ul#navmenu-h-r li:hover ul ul,
ul#navmenu-h-r li:hover ul ul ul,
ul#navmenu-h-r li.iehover ul ul,
ul#navmenu-h-r li.iehover ul ul ul {
display: none;
}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul,
ul#navmenu-h-r li:hover ul,
ul#navmenu-h-r ul li:hover ul,
ul#navmenu-h-r ul ul li:hover ul,
ul#navmenu-h-r li.iehover ul,
ul#navmenu-h-r ul li.iehover ul,
ul#navmenu-h-r ul ul li.iehover ul {
display: block;
}

ul#portfolio {padding:0;list-style:none;margin:.5em 0 2em 0;width:400px;}
ul#portfolio li {list-style:none;background:#eee;border:1px solid #ccc;padding: 1em;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;}
.slideshow {
background:#eee;
margin:0 0 1em 0;
clear:both;}

img.displayImage{
	float:left;
	margin:5px;
	width:150px;
}

/*	Featured-Container		*/ 

#featured {
 background-color:#F3F3F3;
 padding-bottom:8px;
 	border:1px solid #B5B5B5;
 }
 
.featured-container {
	margin:0 auto;
	height:282px;
	position:relative;
	color:#002A63;
	width:100%;
 }
  
.featured-container h2{ 
 padding:0px 0 0px 0!important;
 font-size:20px;
 color:#118ba2;
 font-weight:normal;
 width:300px;
 }
 
.featured-container h2 a{
	color:#002A63;
}

.featured-container p{
	font-size:14px;
	line-height:150%;
	padding-bottom:20px;
	margin-bottom:5px;
	width:290px;
	color:#002A63;
 } 

img.featured-image{ 
 float:right;
 width:250px;
 height:244px;
 padding:15px;
 background:#F7f7f7;
 border:1px solid #B5B5B5;
 margin:0 0 0 10px;
 } 

.ribbon{
 position:absolute;
 float:right;
 width:130px;
 top:-3px;
 right:-3px
 }
  
.more a, .port a{
 width:108px;
 display:block;
 height:32px;
 text-indent:-9999em;
 overflow:hidden;
 }
 
.more a:hover, .port a:hover{
 }
 
.more a{
 float:left;
 margin-right:15px;
 display:block;
 background: url(images/readmore.png) no-repeat;
 }

.port a{
 background: url(images/readmore.png) no-repeat;
 } 
 
/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 600px; 
 height: 285px; 
 margin:0 auto;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 600px; 
 margin:0;
 padding-top:5px;
 } 
 .categoryPost{
 width:55%;
 float:left;
}
 .categorySidebar{
 width:35%;
 float:right;
} 	
.spacer{
	height:10px;
}
.catHeader{
	font-size:18px;
	font-weight:bold;
	color:#666666;
}
div#GMpost ul li {
	list-style:outside;
	padding: 0 0 0 0px;
	list-style-type:none;
}
div#GMpost ul li p {
	font-size:10px;
	line-height:12px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
div#GMpost ul li a:link,div#GMpost ul li a:visited, div#GMpost ul li a:active{
	color:#000099;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.GMli{
	list-style:outside;
	padding: 0 0 0 0px;
	list-style-type:none;
}
.GMli img{
	padding:5px;float:left;
}
.GMli  p{
	font-size:10px;
	line-height:12px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
.content div.dateColumn{
	float:left;
	width:160px;
	padding: 10px 5px 10px 5px;
}
.content div.dateColumn ul li{
	list-style: none;
	padding: 0 0 0 0;
	margin:0 0 0 -20px;
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
.entryList ul li{
	margin: -2px 0 0 30px;
	list-style:outside;
}
div.content a:link, div.content a:visited, div.content a:active{
	color:#990000;
	text-decoration:underline;
	font-weight:bold;
}
div.content a:hover{
	color:#000066;
	text-decoration:none;
}
div.content li a:link, div.content li a:visited, div.content li a:active{
	color:#000066;
	text-decoration:none;
	font-weight:bold;
}
div.content li a:hover{
	color:#990000;
	text-decoration:underline;
}