/**** 2008-2009 CleanWebDesign.com ****/
html {background:#ddd; position:relative; zoom:1; width:100%; margin:0; padding:0;}
body {	background:url(../images/greenNavBg.jpg) 0 0 repeat-x; margin:125px 0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; zoom:1; width:100%; }
#main {margin:0 auto; padding:0 0 100px; width:920px; position:relative; zoom:1; background:url('../images/solar-trailer-wshadow.jpg') right 28px no-repeat;}
#searchform {position:absolute; top:-30px; right:5px; padding:0; margin:0;  z-index:50000;}
#searchform input {width:150px; border:1px solid #4d7773; padding:2px 3px; margin:0;}
#searchform input#searchsubmit {width:auto; background:#79abdc url(../images/greenNavBg.jpg); color:white; padding:1px 3px;}
#header {margin:-58px 0 0; position:relative; top:28px; padding:0; font-size:30px; height:270px; background:url('../images/solar-trailer-wshadow.jpg') top left no-repeat; 
border:1px solid #3551a4; border-width:0 1px; width:918px; }
#header h1 {margin:0; font-size:11px; padding:0; text-indent:-9999px; float:right; }
#header h1 a, #header h1 a:hover { background:#fff url('../images/PPD-logo-trans-gray.gif') top left no-repeat; border:1px solid #3551a4; border-bottom:0; position:absolute; z-index:5000; width:918px; left:0; top:-89px; display:block; overflow:hidden; margin:0; height:60px; }
#header h1 a#watch {background:#000 url(../images/video-ss.jpg) no-repeat; width:300px; display:block; position:absolute; top:85px; right:10px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; padding:115px 0 0; color:#4a736e; z-index:1; border:3px solid #333; text-align:left; font-size:20px; text-indent:10px; }

#header h2 {width:320px; float:right; position:absolute; top:5px; right:20px; text-align:center; color:#fff; font-weight:normal; line-height:25px;}
#header h2 a {color:white;}
#header h2 {font-size:22px;}
#header h2 i {font-size:16px; font-weight:normal; display:block; font-style:normal; line-height:16px; }
#header h2 i b {font-weight:normal; }

a#watch {background:#000 url(../images/video-ss.jpg) no-repeat; width:300px; display:block; float:right; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; padding:115px 0 0; z-index:1; border:3px solid #333; text-align:left; font-size:20px; text-indent:10px; }
a#watch.hid {display:none; visibility:hidden;}
a#fb, a#twit, a#rss, a#youtube {display:block; width:20px; height:20px; padding:0; margin:10px 5px 0; float:right; }
a#fb {background:url(../images/fb.png)}
a#twit {background:url(../images/twit.png)}
a#rss {background:url(../images/feed.png)}
a#youtube {background:url(../images/youtube.gif)}
 
h1#header a:hover, h1#header a#video:hover { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
#header h1 {margin:0; padding:0; }

ul#nav { width:920px; margin:0; padding:0; height:28px; z-index:60000; top:0; left:0; overflow:visible;  position:absolute; } 
#nav a {font-family:'Trebuchet MS', Tahoma; font-size:14px; font-weight:bold; color:#fff; line-height:28px; text-decoration:none; padding:0 18px; display:block; }
#nav a:hover {color:#0d4284; background:#d5a67a; }
#nav a.here  {background:teal url('../images/nav-on2.gif') repeat-x;}
#nav li li a:hover, #nav li li a.here {background:#d5a67a; color:#fff;}
	#nav li { /* all li */ 	position:relative; float:left; list-style:none; margin:0; padding:0;}
	#nav li ul { /* 2nd ul */ position:absolute; left:-999em; margin:0; padding:0; z-index:100; width:15em; font-size:.9em; filter:alpha(opacity=93); -moz-opacity:0.93; opacity:0.93; }
	#nav li li {width:15em; }
	#nav li ul ul { /* 3rd+ ul */ left:-999em; z-index:200; }
	#nav li li a {background:url('../images/solar-semi-trailer-orange.jpg') top right no-repeat; border-bottom:1px solid #fff; padding:0;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* uls under hovered li */ left:0; zoom:1;}
	* html	#nav li li a {width:100%;} /*ie6 stop losing 2-3rd items on hover*/

#content {width:858px; text-align:left; padding:15px 30px; background:#fff; float:left; clear:both; line-height:150%; min-height:350px; font-size:12px; line-height:140%; border:1px solid #38625e; border-top:0; overflow:hidden;
-moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px;-webkit-border-bottom-right-radius:15px; position:relative; min-height:850px;
}
#footer {font-size:10px; padding:15px 0; width:100%; clear:both;}
h1 {font-size:16px;  }
h2 {font-size:15px;  }
h3, h4, h5 {font-size:14px; font-weight:normal;  }
h5 {line-height:14px; background:#eee; margin:0; color:#777;}
h1, h2, h3 {font-family:'Trebuchet MS', Tahoma; }
img {border:1px solid black;}

a, a:visited {color:#222; text-decoration:none; }
a:active { color:#2a58b8;}
a:hover, #content h3 a, #content h2 a, #content .inline a {color:#4a736e;}
#content a.post-edit-link, #content a.more {width:auto; float:right; color:#4a736e; clear:none; padding:0; margin:0;}
#content a {color: #000;}
ul.inline {list-style:none; padding:0; margin:0 0 0 -8px;}
.inline li {display:inline; border-right:1px solid #ccc; padding:0 8px; white-space:nowrap;}
.inline li a.here {font-weight:bold;}

h3.quote {color:#324ea1; font-size:14px; line-height:20px; font-weight:normal; margin:10px; width:550px; clear:both; float:left; display:inline;}
.quote em {font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:80px; float:left; display:block; padding:20px 20px 50px; width:25px; color:#ccc;}
.quote em.r {float:right; padding:20px 10px 0; }
.quote span.author {padding-left:100px;  }

form#contact  { padding:5px; margin:0; float:left; width:350px;}
label {font-weight:bold; width:50px; float:left; margin:5px; text-align:right;}
input, select, textarea {width:250px; clear:right; margin:5px;}
a.cwd { display:block; padding:3px; margin:10px auto; width:700px; font-size:11px;}
dt {font-weight:bold; line-height:2em;}
li {padding:5px;}


#homeblog h3, #homeblog p { margin:0; padding:2px 0; }
#homeblog h3 {font-weight:bold; font-size:13px;}
#homeblog .post {width:205px; float:left; clear:none; margin:0 25px 0 0; padding:0; f}

div.post, h5.date-header, #comments, div.entry, #commentform, #respond, .commentlist {width:590px; float:left; clear:left; padding:0 20px 0 0; }

.page div.entry, #homeblog {width:700px; padding:0 75px 0; }

.blur{	background-color: #ccc; /*shadow color*/ color: inherit;	margin-left: 4px;	margin-top: 4px;}
.shadow,.stuff{	position: relative;	bottom: 2px;	right: 2px;}
.shadow{	background-color: #666; /*shadow color*/	color: inherit;}

#calc {float:left; width:700px; }
#calc form {width:340px; height:170px; float:left; padding:0; margin:0; text-align:center; font-size:18px; clear:none; }
#calc fieldset {padding:5px; margin:0 auto; background:#fff; width:250px; }
#calc legend {font-size:18px; line-height:25px; color:#555;}
#calc h2 {clear:both; padding:20px 0 0; margin:0; font-weight:normal; color:#555;}
#calc form input {width:100px;}
#calc input.button {clear:both; margin:0 20px; }
#calc input.answer {border:none; background:#eee; text-align:right; font-size:20px;}

a.player {text-decoration:none;	display:block;	width:480px;	height:300px; 	text-align:center;	margin:15px auto;	border:1px solid #999;	}
a.player strong {color:#000; font-size:11px; padding:25px 0 0; display:block; font-weight:normal; border:none;  }
a.player img {	margin-top:170px; border:0;}
a.player:hover {border:1px solid #000;}

.home a.player {width:350px; height:275px; float:right; padding:0; margin:0 0 0 20px; position:relative;}
.home a.player strong {padding:15px; position:absolute; display:block; bottom:0; left:0; background:#ccc;}
.home a.player img {margin-top:85px; border:0px;}

/*
Theme Name: PPD
Theme URI: http://purepowerd.com/blog/
Description: Specially skinned WordPress theme for PPD 
Version: 1.0
Author: Lisa Onizuka
Author URI: http://www.cleanwebdesign.com
	This theme was adapted by Lisa Onizuka (http://cleanwebdesign.com) from Kubrick designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/	
*/

.widecolumn .entry p {  }
.narrowcolumn .entry, .widecolumn .entry {  }
.widecolumn .post {width:700px;}
.narrowcolumn .postmetadata {  }
.thread-alt { background-color:#f8f8f8; }
.thread-even { background-color:white; }
.depth-1 { border:1px solid #ddd; }
.even, .alt { border-left:1px solid #ddd; }
small { font-family:Arial, Helvetica, Sans-Serif;  line-height:1.5em; }
#headerimg .description { font-size:1.2em; text-align:center; }
.entry p a:visited { color:#b85b5a; }
.commentlist li, #commentform input, #commentform textarea { }
.commentlist li ul li { font-size:1em; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }
#commentform p { }
.commentmetadata { font-weight:normal; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color:#777; }
code { font:1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps {  letter-spacing:.07em; }

#wp-calendar #prev a, #wp-calendar #next a { font-size:9pt; }
#wp-calendar a { text-decoration:none; }
#wp-calendar caption { font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center; }
#wp-calendar th { font-style:normal; text-transform:capitalize; }
.narrowcolumn { float:left; padding:0 0 20px 45px; margin:0px 0 0; width:450px; min-height:850px; }
div.navigation {position:absolute; right:10px; top:150px; width:320px; font-size:11px; line-height:15px; }
div.navigation a {}
div.navigation .alignright {text-align:right;}
div.navigation .alignleft {text-align:left; padding:0 0 10px;}
.post { margin:0 0 40px;  }
.post hr { display:block; }
.widecolumn .post { margin:0; }
.narrowcolumn .postmetadata { padding-top:5px; }
.widecolumn .postmetadata { margin:30px 0; }
.widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; }
.widecolumn .attachment { text-align:center; margin:5px 0px; }
.postmetadata { clear:both; }
.clear { clear:both; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left;	}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


#sidebar ul ul li:before { content:"\00BB \0020"; }
.postmetadata ul, .postmetadata li { display:inline; list-style-type:none; list-style-image:none; }

#sidebar { width:250px; padding:0; margin:0; float:right; position:absolute; top:-40px; right:15px; background:#fff; }
.widecolumn #sidebar {top:-20px;}
#sidebar li li {padding:5px 0; list-style:none; font-size:10px; line-height:12px;}

.page #sidebar li.categories ul, .widecolumn #sidebar li.categories {height:240px; overflow:auto;}

#sidebar ul, #sidebar ol, #sidebar ul h2 { margin:0; padding:0; }
#sidebar ul { list-style-type:none; list-style-image:none; margin-bottom:5px; }
#sidebar ul  ul, #sidebar ul ol { margin:5px 0 15px 10px; }
ol li, #sidebar ol li { list-style:decimal outside; }
#sidebar ul li, #sidebar  ol li { margin:3px 0 0; padding:0; }

/* End Entry Lists */

/* Begin Form Elements */
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; }
#commentform { margin:5px 10px 0 0; }
#commentform textarea { width:100%; padding:2px; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#commentform #submit { margin:0 0 5px auto; float:right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin:0; padding:10px; }
.commentlist { padding:0; text-align:justify; }
.commentlist li { margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none; }
.commentlist li ul li { margin-right:-5px; margin-left:10px; }
.commentlist p { margin:10px 5px 10px 0; }
.children { padding:0; }
#commentform p { margin:5px 0; }
.nocomments { text-align:center; margin:0; padding:0; }
.commentmetadata { margin:0; display:block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar a { display:block; }
#wp-calendar caption { text-align:center; width:100%; }
#wp-calendar td { padding:3px 0; text-align:center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color:#fff; }
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor:help; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; }
blockquote cite { margin:5px 0 0; display:block; }
.center { text-align:center; }
.hidden { display:none; }
hr { display:none; }
a img { border:none; }
/* End Various Tags & Classes*/

/* 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; }
.screen-reader-text {display:none;}