/* styles-ep.css 
EP 11/17/05,  3/31/06, 4/29/07
If the style name doesn't begin with ep, then it's defined in styles-site.css and further modified here.
*/

a 
{	text-decoration: none; }
body
{   background: #336688;}
#banner h1 /*redef margins around banner image module*/
{ margin: 0px;
 padding: 0px;	
 }
 /* entry-header -- there are multiple forms, including ep-entry-header. start here 071005 */
.entry-header, .entry-header-blog, .entry-header-podcast 
{
   margin-top: 0;
   border-left: 5px solid #dae0e6;
   padding: 0 0 0 10px;
   color: #666;
   font-size: 18px;
}
/* these give different colored blocks to each type of entry, see the php within cat-ar templates */
.entry-header /* decorative color block*/
{   border-left: 8px solid #990000;} /*red*/
.entry-header-blog /*decorative color block 071005*/
{   border-left: 8px solid #ffcc33;} /*gold*/
.entry-header-podcast /* decorative color block 071005*/
{   border-left: 8px solid #336688;}
.entry-footer
{
   margin: 0;
   border-top: 1px solid #dedede;
}
h3 /*entry titles, ...*/
{font-weight: bold;}
a h3.entry-header /*linked entry titles*/
{ /*see also ep-entry-header- styles below*/
  /*text-decoration:none; //make it "underline" or "none" for other effects. 071005*/
  color:#666666;
}
a h4.entry-header
{ /*linked entry titles listed by department on main index*/
  text-decoration:underline; 
  color:#666666;
}
h4 /*article sub-heads*/
{font-weight: bold;
font-size: 1.2em;}

#beta /*right column, light gray*/
{ background: #dedede; }
/* modules */
.content-nav
{
	text-align: left;
	font-weight: bold;
    margin-left: 0px;
}
.ep-module-header-minute /*diff colored bar atop Energy Minute, this also defines h2 */
{
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

   margin: 0;
   border-left: 5px solid #36414d;
   padding: 5px;
   color: #fff;
   background: #990000;
   font-size: 11px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
}

.module-header, /*bar behind SEARCH, CATEGORIES, etc.*/
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header 
{   background: #336688;}
.module /*bkgd of box for SEARCH, etc., light gray*/
{   background: #efefef; }
.module-powered .module-content, 
.module-powered .module-content a/*powered by-*/
{
   color: #cdcdcd;
   background: #efefef;
   border: 0px;
}
.module-content p /*text inside modules*/
{	margin-top:0px;
	line-height: 1.5em;}
.layout-two-column-left #alpha
{	background: #dedede;   }
#alpha-wide  /*where no beta right sidebar is used, as in archives-date.php*/
{ margin: 15px 15px 0 15px; width: 680px; }

/*****************
  Custom Energy Priorities styles and modifications for 3.2 11/20/05
                                                  ********************/
/*main index small caps text above each section of headlines */
.ep-index-section-deck
{
	font-size: xx-small;
	color: #993300;
	text-transform: capitalize;
	letter-spacing: 1ex;
}

/* main index list of links below top story's abstract 4/29/07 */
.ep-other-by-category,
.ep-other-by-category-link
{
	font-size: 11px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Main Index template box of Blog headlines, Not used in the sidebar module*/
/*set copied from 'comments-open' styles in default css*/
.ep-blog-latest  
{
	background:#ffffef;/*box */
	margin-bottom: 20px;/*white space below box*/
	border-right-color: #446699;
	border-bottom-color: #446699;
	border-left-color: #446699;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top: 0;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 7px;
	border-color: #446699;
}
.ep-blog-latest label { display: block; }
.ep-blog-latest-header
{ /*solid bar with CAPS title*/
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

   margin: 0;
   /*border-left: 7px solid #000033; /*little solid rectangle*/
   padding: 5px; /*within block, around text*/
   color: #fff;
   background: #ffcc33;
   font-size: 14px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
}
.ep-blog-latest-header a,
.ep-blog-latest-header a:hover,
.ep-blog-latest-header a:visited
{   color: #000033;}
.ep-blog-latest-content
{
	clear: both;
	margin: 0;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
}
.ep-blog-latest-list
{
	padding: 0;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:7px; 
}

.ep-blog-latest-list-item,
.ep-blog-latest-list-item a,
.ep-blog-latest-list-item a:link,
.ep-blog-latest-list-item a:hover,
.ep-blog-latest-list-item a:visited
{
   margin-top: 5px;
   margin-bottom: 5px;
   color:#333333;
   text-decoration:underline;
}
a h4.ep-entry-header-by-dept
{ /* usage: <h4 class="entry-header-by-dept"> */
   margin-top: 0;
   /*border-left: 5px solid #dae0e6;*/
   padding: 0 0 0 0px;
   color: #336699;
   font-size: 14px;
}
a h5.ep-title-of-minute
{ /* usage: <h5 class="ep-title-of-minute"> used in sidebar for entry title*/
   margin-top: 0;
   /*border-left: 5px solid #dae0e6; Can we put an icon here?*/
   padding: 0 0 0 0px;
   color: #336699;
   font-size: 12px;
}
/**************************
  Energy Priorities styles imported from 3.1 installation 11/18/05
										  ***************************/
a:link {	color: #446699; 	}
a:visited {	color: #446699; 	}
a:active {	color: #446699;	/*0066cc*/}
a:hover 
{
	color: #446699;
	text-decoration: underline;
}

.lead, .ep-lead /*entrybody (the abstract) on indiv-entry pages*/
{   font-variant: small-caps;
	color:#666666
}

td.photocaption p { /*use in caption row of graphics inset table - see snippet - 2/19/05 */
	font-size: 10px;
	line-height: normal;
	color: #333333;
	border-bottom-style: solid;
	border-bottom-color: #FFCC33;
	border-bottom-width: thin;
	padding-bottom: 10px;
}
/* there is a set of sidebar table styles in 3.1 EP css*/

.interview-question, p.interview-question {
	/* <p class=interview-question></p> */
	font-style:italic;
	font-weight:bold;
	}


.pullquote {
	background-image: url(/images/pullquo-left.jpg);
	background-repeat: no-repeat;
	/*float: left;  -- float makes content wrap around it*/
	float: right;
	display: block;
	width: 275px; height: auto;
	margin: 0 0.7em 0 0;
	padding: 10px 0 0 27px;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	}
	
.pullquote p {
	background-image: url(/images/pullquo-right.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 250px;
	margin: 0;
	padding: 0 22px 10px 0;
	text-align: center;
	}

/* Pullquote Fix by @Samhowat */

.clear {clear:both;}




/* End New Pullquote Fix */


	
	
.related-article, p.related-article {
	background-color: #eFeFeF;
	/*border: 1px solid #8FABBE;*/
	padding: 0px 12px 6px;
	width: 90%;
	font-family:geneva, verdana, arial, sans-serif;
	font-size:10px;
	color:#333;
	line-height:normal;
	}
.sidebar, .ep-boxtext { /*just a wrapper, does nothing by itself, use a table inside it*/
	/*padding: 1em;*/
	font-size: x-small; /*added when others made larger*/
	}

/* "factoid" and "profile" sidebar table styles 11/24/04 */
#sidebar table, #ep-boxtext table {
	padding: 0px;
	margin: 1em; /* around the outside */
	border-collapse: collapse;
	border: 2px #bbccdd;
	width: 200px;
	background-color: #ddeeff; /*opt: alternate with TR bgcolor="#ECF5FF" */
	}

#ep-boxtext table 
{ width: 450px;}

#sidebar caption, #ep-boxtext caption { /* S P A N N E D <caption> tag's blue bkgd */
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #FFFFCC;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	background-color: #006699;
	}

#sidebar td, #ep-boxtext td {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #666666;
	line-height: 140%;
	padding: 1em; /* was 2 */
	vertical-align: top;
	}

#sidebar td p, #ep-boxtext td p {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #666666;
	line-height: 140%;
	}
#sidebar td ul, #ep-boxtext td ul {
	margin-left: 2em;
	padding-left: 0 ;
}
/*end new sidebar table styles*/
.by-line 
{
	font-style: italic;
	color: #666666;
	font-size:xx-small;
}
/*energyblog text treatment ("[EnergyBlog]" linked below date in cat and indiv archives)*/
/*defined here in styles-ep, should rename to ep-blog-bug */
/*actually could create a style for each category, named to match so they can be dynamically applied, 
as in  <div class=<$MTCategory$>>...</div>  (oversimplified) using unique background color or graphic icons */
.blog-bug, .blog-bug a, .blog-bug a:link, .blog-bug a:visited, 
.ep-blog-bug, .ep-blog-bug a, .ep-blog-bug a:link, .ep-blog-bug a:visited, 
.ep-podcast-bug, .ep-podcast-bug a, .ep-podcast-bug a:link, .ep-podcast-bug a:visited /*change color below..*/
{
	color:#cc9900;
	font-size:x-small;
	font-weight:bolder;
	max-width: 5em;
}
.ep-podcast-bug, .ep-podcast-bug a, .ep-podcast-bug a:link, .ep-podcast-bug a:visited
{
	color:#CC3300;
}