/*

Theme Name: Pennsylvanian's for Reliable Energy

Theme URI: 

Description: Custom theme for Pennsylvanian's for Reliable Energy

Version: 1.0

Author: Jen Huls / Pop Stalin Design

Author URI: http://www.popstalin.com

*/



/* RESET ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body,div,dl,dt,dd,ul,ol,

li,h1,h2,h3,h4,h5,h6,

pre,form,fieldset,p,

blockquote,th,td			{margin:0;padding:0;}

body						{line-height:1;color:#121212;background:#fff;}

h1,h2,h3,h4,h5,h6,p			{font-size:100%;font-weight:400;}

ol,ul						{list-style:none;}

caption,cite,code,th		{font-style:normal;font-weight:400;}

fieldset,img				{border:0;}

caption,th					{text-align:left;}

:focus						{outline:1px dotted #eee;}

table						{border-collapse:collapse;border-spacing:0;}

hr							{border:0;border-top:1px solid #555;margin:0;height:1px;}

img,a img,:link img,

:visited img, :hover img				{border: 0;}

blockquote:before, 

blockquote:after,

q:before,q:after			{content: "";}

blockquote,q				{quotes: "" "";}

input,textarea,select		{font-family:inherit; font-size:inherit; font-weight:inherit;}

/*to enable resizing for IE*/

input,textarea,select		{*font-size:100%;}



/* GENERAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {

	background:#c8cdd0 url(images/pfre-bkg.gif) repeat-x top left;

	font:normal .875em/21px "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 

	color:#333;

}



h1, h2, h3, h4, h5, h6  {

	font-family: Georgia, Times, serif;

	margin: 5px 0 5px 10px;

}



.news h3 {

	margin: 5px 0 10px 0;

}



.news p {

	text-align:right;

	margin-top:15px;

}



#featured h2 {

	margin:0 0 15px 10px;

	padding-top:120px;

	color:#fff;

	font-size:2em;

	font-weight:bold;

}



#featured p {

	margin:10px 0 10px 10px;

	font-size:.875em;

	line-height:14px;

}



#footer p {

	margin-top:13px;

}



.moreinfo h3, .news h3 {

	font-size:1.875em;

	font-weight:bold;

	color:#000;

	margin-bottom:0;

}



.news h4 {

	font-size:1.25em;

	font-weight:bold;

	color:#666;

}



.entry h3 {

	font-size:1.5em;

	font-weight:bold;

	line-height:1.2em;

	color:#000;

	margin:0 0 15px 20px!important;

}

.entry h4{
	font-size:1.3em;
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	display:block;
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
	margin-left:20px;
	margin-top:35px;
	color:#666666;
}

.entry a:link, .entry a:visited{
	color:#0F76BE;
}


.excerpts h3 {

	font-size:1.5em;

	font-weight:bold;

	line-height:1.2em;

	color:#000;

	margin:0 0 15px 0!important;

}





.entry p {

margin:0 20px 15px 20px;

}



.excerpts p {

margin:0 0 15px 0;

}



.moreinfo p {

	margin:0 0 10px 10px;

}



a:link, a:visited {

	font-weight: bold;

	text-decoration: none;

	color:#693;

}



a:hover {

	font-weight: bold;

	text-decoration: none;

	color:#693;

	border-bottom:1px dotted #693;

}



h1.title a:hover {

border-bottom:none!important;

}



/* STRUCTURE +++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#container-home {

	width:980px;

	margin:0 auto;

	background:#fff url(images/container-bkg.gif) repeat-x top left;

}



#container {

	width:980px;

	margin:0 auto;

	background:#fff url(images/pfre-bkg2.gif) repeat-x top left;

}



.entry {

	width:600px;

	text-align:justify;

	margin-top:20px;

	float:left;

}



.excerpts {

	width:940px;

	text-align:justify;

	margin:20px 0 0 20px;

	/*padding-right:20px;*/

	float:left;

	border-bottom:1px dotted #693;

}



#featured {

	width:980px;

	height:445px;

	float:left;

	margin:0;

	padding:0;

	text-align:justify;

	color:#0f4622;
	
	position:relative;
	
	z-index:1;

}



.featured-img {

	/*float:right;

	width:430px;

	margin:-4px -23px 0 0;
	
	position:relative;*/
	
	position:absolute;
	top:-4px; right:-23px;
	width:430px;
	z-index:1;

}
.featured-content{
	width:550px;
}



#footer {

	height:29px;

	background:url(images/footer-bkg.gif) repeat-x top left;

	padding:10px 0 10px 10px;

	margin-top:35px;

	font-family: Georgia, Times, serif;

}



#header {

	width:980px;

	height:95px;

	font-family: Georgia, Times, serif;
	
	position:relative;
	
	z-index:2000;

}



#interior {

	width:980px;

	margin-top:80px;

}

.categoryblurb{
	clear:left;
	padding-bottom:20px;
	margin:120px 20px 20px 20px;
	border-bottom:1px dotted #CCC;
}

.moreinfo {

	width:580px;

	text-align:justify;

	margin-top:25px;

	margin-bottom:35px;

	float:left;

}



.news {

	width:320px;

	float:right;

	margin:25px 10px 35px 0;

}


#twitter  {

	float:right;

	padding: 8px 15px;

	background-color: #75818a;

	height:20px;

}



#twitter a  {

	font-weight: bold;

	text-decoration: none;

	font-size:1em;

	background: url(images/twitter_icons_16.png) no-repeat center left;

	padding: 5px 0 5px 23px;

	color:#fff;

}

.footer-rss {
	vertical-align:middle;
}
#footer a:link, #footer a:visited{
	color:#FFF;
}

#rss  {

	padding: 8px 15px;

	height:20px;

}



#rss a  {

	font-weight: bold;

	text-decoration: none;

	font-size:1em;

	background: url(images/rss-icon.gif) no-repeat center left;

	padding: 5px 0 5px 23px;

	color:#fff;

}



#rss a:hover {

	color:#ff8c55;

}





/* NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#nav {

	float:right;

	margin:20px 10px 0 0;
	
	z-index:2000;

}



#nav ul  {



}



#nav ul li  {



	position:relative;

	list-style: none;

	display: inline;

	padding: 0;

	margin: 0 11px;

}



#nav ul li a:link, #nav ul li a:visited  {

	text-transform: uppercase;

	text-decoration: none;

	font-weight: bold;

	color: #693;

	letter-spacing:.5px;

	font-size:1em;

}



#nav ul li a:hover  {

	text-decoration:none;

	color:#000;

	border-bottom:1px dotted #000;

}

#nav ul ul{

	display:none;
	position:absolute;
	top:20px; left:0px;
	width:200px;
	z-index:2000;
	top:17px;
	border:1px solid #000000;
	background:#D6E0C8;
}

#nav ul li:hover ul, #nav ul li.sfhover ul {
	display:block;
	z-index:2000;
}

#nav li li{
	display:block;
	padding:5px;
	border-bottom:1px solid #000000;
}
#nav li li:last-child{
	border-bottom:none;
}
#nav ul li ul li a:link, #nav ul li ul li a:visited{
	color:#000000;
	text-transform:none;
	font-weight:lighter;
}



/* LISTS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.entry ul {

margin-left:20px;

width:400px;

}



.entry ul li {

list-style-type: none;

padding:6px;

border-bottom:1px dotted #693;

}



.news ul  {

	margin:10px 0 0 0;

}



.news ul li  {

	list-style: none;

	margin: 0;

	padding: 8px 0 8px 25px;

	border-bottom: 1px solid #d8dcde;

	background: #fff url(images/bullet.gif) no-repeat center left;
	
	display:block;

}



/*.news ul li:first-child  {

	border-top: 1px solid #d8dcde;

}*/



.news ul li span.date  {

	margin-left: 10px;

}



.news ul li a  {

	font-weight: bold;

	text-decoration: none;

	color:#693;

	line-height: 13px;

	font-size:.875em;

}



.news p a  {

	font-weight: bold;

	margin: 0;

	text-decoration: none;

	color:#693;

}



.news ul li a:hover, .news p a:hover  {

	font-weight: bold;

	text-decoration: none;

	color:#693;

	border-bottom:1px dotted #693;

}



/* MISC CLASSES ++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h1.title {

	margin:-20px 0 0 10px;

	float:left;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}



.more {

	position:absolute;

	left:607px;

	top:340px;

	width:94px;

	height:30px;

	z-index:1;

}



.more a:hover {

border-bottom:none!important;

}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;
	
	margin-left: 20px;
	
	margin-right: 20px;

}



/* Fix for PNG alpha channel display in IE6 */

img {

  behavior: url("/wp-content/themes/pngbehavior.htc");

}



/* CLEAR FLOATED ELEMENTS ++++++++++++++++++++++++++++++++++++++++++*/

/* http://sonspring.com/journal/clearing-floats */



html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



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



.clearfix:after

{

	clear: both;

	content: '.';

	display: block;

	visibility: hidden;

	height: 0;

}



.clearfix

{

	display: inline-block;

}



* html .clearfix

{

	height: 1%;

}



.clearfix

{

	display: block;

}



/* GLIDER ++++++++++++++++++++++++++++++++++++++++++*/

p#cross-links { text-align: center }

		

p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }

		

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }

noscript a { color: #a00; text-decoration: underline }

noscript ol { margin-left: 25px; }



.stripViewer .panelContainer .panel ul {

text-align: left;

margin: 0 15px 0 30px;

}

	

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

margin: 0;

position: relative;

width: 100%;

}



/* These 2 lines specify style applied while slider is loading */

.csw {width: 100%; height: 445px; overflow: hidden;}

.csw .loading {margin: 200px 0 300px 0; text-align: center; display:none;}

.csw .panelContainer .hidetostart{display:none;}



div.stripViewer { /* This is the viewing window */

position: relative;

overflow:hidden; 

margin: auto;

width: 980px; /* Also specified in  .stripViewer .panelContainer .panel  below */

height: 445px;

clear: both;

z-index:1;


}

		

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */

position: relative;

left: 0px; top: 0px;

width: 100%;

list-style-type: none;

/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

}

		

.stripViewer .panelContainer div.panel { /* Each panel is arranged end-to-end */

float:left;

height: 100%;

position: relative;

width: 980px; /* Also specified in  .stripViewer  above */

}

		

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */

padding: 10px;
margin:0px;

}



.stripViewer .panelContainer .panel .wrapper p {

width:560px;

}

	

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */

margin: auto;

display:none;

}

		

.stripNav ul { /* The auto-generated set of links */

list-style: none;

}

		

.stripNav ul li {

float: left;

margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */

}

		

.stripNav a { /* The nav links */

font-size: 10px;

font-weight: bold;

text-align: center;

line-height: 32px;

background: #c6e3ff;

color: #fff;

text-decoration: none;

display: block;

padding: 0 15px;

}

		

.stripNavL, .stripNavR { /* The left and right arrows */

position: absolute;

top: 230px;

text-indent: -9000em;

display:none;

}

		

.stripNavL a, .stripNavR a {

display: none;

height: 40px;

width: 40px;

}

		

.stripNavL {

left: 0;

}

		

.stripNavR {

right: 0;

}

		

/*.stripNavL { background: url("images/arrow-left.gif") no-repeat center; }

		

.stripNavR { background: url("images/arrow-right.gif") no-repeat center; }*/