/* Project: Prosidian Created on: March 19, 2011 */ /* Reset browser defaults */ 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; } 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; } table { border-collapse:collapse;border-spacing:0; } :focus { outline:1px dotted #eee;} label,button, input[type="submit"], input[type="checkbox"], input[type="radio"] { cursor:pointer;} textarea { font-family:inherit; } button { width:auto;overflow:visible; } p{ text-align: justify;} ::-moz-selection { background:#f38828;color:#fff;text-shadow:none; } ::selection { background:#f38828;color:#fff;text-shadow:none; } /* HTML 5 blocks */ article,aside,detials,figure, figcaption,header,footer,hgroup, menu,nav,section { display:block; } /* General elements */ html { text-align:center;-webkit-font-smoothing:antialiased;overflow-y:scroll;background:#999;min-height:100%;padding:0;margin:0; } body { text-align:left;color:#221E1F;width:926px;margin:auto;padding:0;background:#fff url(../assets/images/bg.png) repeat-y; font:0.75em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; } body.home .container { background:#fff; } h1 { font-size:1.5em;line-height:1em;margin:0; } h2 { font-size:2em;line-height:1.2em;margin:0 0 15px;color:#333333;font-family: Georgia, serif; } h3 { font-size:1.3em;line-height:1.2em;margin-bottom:5px;font-family: Georgia, serif; } h4 { font-size:1.125em;line-height:1.333em; } h5,h6 { font-size:1em;line-height:1.5em; } p,ul,ol,dl { font-size:1em;line-height:1.5;margin-bottom:15px; } ol ol, ul ul { margin:0 0 0 60px; } blockquote { font-size: 1.3em;color:#14737D;margin:0; } .quote { background:#fff url(../assets/images/quote.gif) no-repeat 0 0;padding-top:55px;} .quote p { margin:0;width:195px; } pre { white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word; } figcaption { font-size:.9em;color:#cc6666;line-height:1.3; } /* Anchors */ a { color:#cc6666;overflow:hidden;text-decoration:none; } a:hover { color:#221E1F; } /* Utility classes */ .accessibility, .hide { position:absolute;top:-9999px;left:-9999px; } .left { float:left; } img.left { margin:0 10px 10px 0; } .right { float:right; } img.right { margin:0 0 10px 10px; } .clearfix { clear:both;zoom:1; } .clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; } * html .clearfix, *:first-child+html .clearfix { zoom:1; } .readmore:after { content: "\00A0\000BB"; } .callout { font-size:1.25em;font-weight:700;line-height:1.3; } .border-left { border-left:1px solid #cac3b9; } .col { width:205px;float:left;border-left:1px solid #221E1F;padding:0 10px 0 10px; } .col p, .col ul, .col h2, .col h3 { } .col:first-child { } .col img { margin:0;display:block; } .last { margin-right:0;} /* Layout */ #header {background-color: #262626;color:#fff;} #header,#site-info,#content { width:926px;margin:auto;position:relative; } #header p{float:right;margin:30px;text-align: right;} #header img{float:left;} /* Logo */ #header { padding-top:0px;z-index:20; } #header h1 a { display:block;height:108px;width:193px;background:url(../assets/images/logo.gif) no-repeat 0 0; text-indent:-9999px;float:left;border-right:1px solid #fff; } #header h2{color:#fff;float:left;padding:39px 0 0 10px;text-transform: uppercase;font-family: Georgia, serif; font-weight: 400; } /* Search */ #header form { position:absolute;top:20px;right:5px; } #header form p { display:inline-block;border-right:1px solid #CAC3B9;padding:0 5px 0 0;margin:0; } #header form p.tools { display:inline-block;border-right:0;padding:0 10px 0 0;margin:0; } #header label { color:#888;margin-right:3px; display:inline-block; } #header .s { display:inline-block;border:1px solid #cac3b9; } #header #q { margin:0;padding:0;border:0;background:#fff;-webkit-appearance:none; } #header button { border:0;background:#cc6666;height:20px; color:#fff;padding:0;padding-right:15px;padding-left:15px;position:relative;margin:0; } /* Navigation */ #nav { background-color:#565656;width:100%;margin:0;float:left;font-size:1em;} #nav ul { margin:0; } #nav li { float:left;position:relative;border-right:1px solid #818181;padding:3px 0 3px 0; } #nav li.active,#nav a.active, #nav li.active a, #nav li.trail { background:#ccc;color:#565656;border-bottom:0 solid #444c3d; } #nav ul li:last-child a { border-right:0 solid #cac3b9; } #nav li.active,#nav a {width:101px;text-align:center;border-left:0px solid #cac3b9; display:block;float:left;border-top:0px solid #fff; color:#fff;} #nav a:hover, #nav li.hovered a { color:#818181;border-bottom:0px solid #fff; } #nav li:hover div { display:none; } #nav li.active,#nav li.trail a{color:#000;} #nav li.hovered li a { width:auto; } #nav li:hover a { border-top:0px solid #444c3d;width:101px;border-right:0px solid #444c3d;border-left-color:#444c3d; } #nav ul li:last-child a:hover{ border-right-color:#444c3d; } #nav div { width:160px;overflow:hidden;z-index:10;border:1px solid #444c3d;display:none; position:absolute;top:41px;left:0;background:#fff;-moz-border-radius:8px;border-radius:8px;-moz-border-radius-topleft:0;border-top-left-radius:0; } #nav li.reverseDrop div { left:auto;right:0;-moz-border-radius-topleft:4px;-moz-border-radius-topright:0;border-top-right-radius:0;border-top-left-radius:8px; } #nav div ul { width:140px;float:left;padding:10px; } #nav div ul li { float:none !important; font-size:.95em; } #nav div ul li a { width:auto;border:0 !important;float:none;display:block;text-align:left;line-height:1.4; padding:5px 5px;border-bottom:1px solid #cac3b9 !important; } #nav li.active div ul li a, #nav li.hovered div ul li a, #nav li.trail div ul li a { font-weight:400;color:#cc6666; } #nav li.active div ul li a:hover, #nav li.hovered div ul li a:hover { color:#444c3d;font-weight:400; } #nav div ul li:first-child a { border:0; } #nav p { float:right;width:125px;padding:15px 5px 15px 15px;margin:0;line-height:1.2; } #nav li.reverseDrop p { float:left; } #home-left {border: 1px solid #CAC3B9; } #nav-sub, #home-left { font-size:1.1em;width:150px;padding:0 14px 0 25px;float:left;font-weight:normal; } #nav-sub ul { margin:0; } #nav-sub li a { color:#990000;padding:5px 0 5px 5px;line-height:1.1;display:block;border-bottom: 1px solid #CAC3B9; } #nav-sub li.active a, #nav-sub li.trail a { color:#000;border-bottom:1px solid #000;font-weight: bold; } #nav-sub li.submenu a { background:#929292; color:#fff;} #nav-sub li a:hover { color:#000; } #nav-sub li li a, #nav-sub li.active, #nav-sub li.trail li a { padding:5px 0 5px 5px;margin:0;border-bottom:1px solid #cac3b9; font-weight:400 !important;color:#221E1F;font-size:1em !important; line-height: 1.1em;background-color: #ccc;} #nav-sub li li.active-page a { font-weight:400; } #nav-sub ul ul a:hover { color:#221E1F; } #nav-sub li.active-section a { color:#333; } #nav-sub li li.active a { color:#333; } #nav-sub p { display:none; } /* Media */ #media { position:relative;margin-bottom:25px;overflow:hidden; } .home #media { width:960px;height:255px; } #media .slide { display:block;margin:auto;width:auto;position:absolute;top:0;left:0;width:960px;height:100px; } #media .slide img { display:block;margin:auto;width:auto;position:absolute;top:0;left:0; } #media #mask { display:block;position:absolute;top:0;left:0;z-index:15; } #media .slide p, #media p.tag { display:block;position:absolute;top:50px;right:30px;z-index:14;text-indent:-5000px;width:290px;height:120px; } #media .slide.wind p { background: url(../assets/images/heroes/wind_01_txt.png) no-repeat; } #media .slide.lfg p { background: url(../assets/images/heroes/lfg_01_txt.png) no-repeat; } #media .slide.hydro p { background: url(../assets/images/heroes/hydro_01_txt.png) no-repeat; } #media p.tag { height:120px;width:270px;top:25px;right:0; } #media p.tag.salmon { background: url(../assets/images/salmon_text.png) no-repeat; } #media p.tag.shred { background: url(../assets/images/shred_text.png) no-repeat; } #media p.tag.ecological { background: url(../assets/images/ecological_text.png) no-repeat; } /* Content */ #content { margin:20px 0 20px 0;overflow:hidden; } #content-main { width:50%;float:left;padding:0 16px;border-left:0px solid #221E1F; } #content-main.mid { width:70%; } #content-main.wide { width:75%; } #content-main ul { margin-left:30px;list-style:disc; } #content-main ol { margin-left:30px;list-style:decimal; } #content-main .people { float:left;width:330px;margin:5px; } #content-main .people p, #content-main .people h3 {float:left;width:160px;margin-left:5px;} #content-main .people li { overflow:hidden;float:left;width:330px;margin:5px; } #content-main .people li p { margin-bottom: 0; } #content-main .pullout { font-size:1.2em;padding:5px;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; } #content-main .pullout p { margin-bottom:0;line-height:1.3; } #content-main .column { width: 45%;float:left; } #content-main .column.first { margin: 0 5% 0 0; } .bottom-nav { border-top:1px solid #cac3b9;float:left;width:100%;} .bottom-nav p,.bottom-nav h4 {margin:10px 0 10px 110px; } .bottom-nav ul { float:left;padding:10px 0 10px 0px;width:700px;font-size:.9em;margin:0px 100px 0 110px ; } .bottom-nav ul li { display:inline;border-right:1px solid #cac3b9;padding-right:5px;} .bottom-nav ul li.last{border:0;} .dashboard { color:#fff;margin:0 auto 15px;overflow:hidden;padding:0 0 10px;position:relative;z-index:10;min-height:150px; } .dashboard.wide { width:236px; } .home .dashboard.wide { width:auto;margin:0 10px 15px; } .home .dashboard.narrow { width:135px; } .dashboard.narrow { width:115px; } .dashboard.wide img { float:right;margin:10px 0 5px; } .dashboard.orange { background:#f36f27 url(../assets/images/bg_gradient_orange_large.jpg) repeat-x 0 0; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(243,111,39)),color-stop(1, rgb(243,146,43))); background-image: -moz-linear-gradient(center bottom,rgb(243,111,39) 0%,rgb(243,146,43) 100%); } .dashboard.green { background:#434d3e url(../assets/images/bg_gradient_green_large.jpg) repeat-x 0 0; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(67, 77, 62)),color-stop(1, rgb(99, 118, 99))); background-image: -moz-linear-gradient(center bottom,rgb(67, 77, 62) 0%,rgb(99, 118, 99) 100%); } .dashboard p { opacity:.95;margin:0;padding:10px 0 0 10px;font-size:12px;line-height:1.2; } .dashboard p strong { font-size:14px; } .dashboard.green p { padding-bottom:0; } .dashboard .value { padding:0 10px;font-size:60px;border-bottom:1px solid #fff;line-height:1.1; } .home .dashboard .value { font-size:72px; } .dashboard .value span { font-size:16px; } .dashboard p sub, .dashboard p sup { font-size:9px; } .dashboard.green .value { text-shadow:0 -1px 0 #1b1f19; } .dashboard.orange .value { text-shadow:0 -1px 0 #9f4b1d; } .dashboard .learnmore { display:block;font-size:11px;padding:0 10px;line-height:18px; } .dashboard.orange .learnmore { color:#fff;float:right;background:#f27328 url(../assets/images/bg_gradient_orange_small.jpg) repeat-x 0 0; } .dashboard.green .learnmore { padding:0 0 10px; } .dashboard.green .learnmore:hover{ color:#fff !important; } .dashboard.narrow { margin-right:3px; } .dashboard.narrow p.title { border-bottom:1px solid #fff;padding:0 0 10px; } .dashboard.narrow p { margin:7px;padding:0;margin-bottom:0;line-height:1.3; } .dashboard.narrow img { display:block;margin:7px auto; } .dashboard.narrow p.value { padding:5px 0 0;font-size:30px;border:0;border-top:1px solid #fff; } .dashboard .note { padding-top:0;padding-bottom:0; } .dashboard a { color:#fff; } .contactForm { margin-left: 189px;} #right-column { position:relative; } .js .dashboard.panel { cursor:pointer; } .js .dashboardPanel { position:absolute;top:0;left:12px;z-index:5;background:#637563 url(../assets/images/panel_shadow.png) 100% 0 repeat-y;color:#fff;padding:10px 0;height:140px;width:280px;overflow:hidden; } .entry, .section { width:100%;border-bottom:1px solid #cac3b9;padding:0 0 10px;margin:0 0 10px;overflow:hidden; } .entry p, .section p { font-size:1em;line-height:1.4; } .section h2 { line-height:41px;font-size:2.4em;font-weight:400; } .section:last-child { border:0; } label { display:block; } .formbody > input, .formbody textarea { border:1px solid #ccc;padding:2px;margin:0 0 5px;width:50%; } .formbody textarea { height:150px; } p.error { color:#f66;padding:0;margin:0; } .formbody > input.error { border:1px solid #f66; } .icon-bio { background:url(../assets/images/icon_bio.jpg) no-repeat right center; } .icon-hydro { background:url(../assets/images/icon_hydro.jpg) no-repeat right center; } .icon-wind { background:url(../assets/images/icon_wind.jpg) no-repeat right center; } .info { width:161px;float:left;padding:0 15px 0 0; } .info img { display:block;margin:5px auto 10px; } .bio { width:530px;float:left;} a.video { background: url(../assets/images/icon_video.png) 0 50% no-repeat; padding-left:12px; } p.back { clear:both; } .downloads { padding:10px 0;margin:10px;background:#fff;border:1px solid #869286;overflow:hidden; } .downloads li { width:50%;float:left;text-align:center; } .downloads img { display:block;margin:10px auto; } .buttons a { display:block;background:url(../assets/images/btn_sprite.gif) 0 0 repeat-x;padding:10px;color:#fff;width:258px; height:55px;margin:0 auto 10px;text-decoration:none;position:relative;float:none; } #content-sub .buttons a { width:100%; } .buttons a:hover { background:url(../assets/images/btn_sprite.gif) 0 -100px repeat-x; } .buttons a .bits { position:relative;z-index: 2; } .buttons a .icon { position:absolute;right:0;top:0;width:55px;height:55px; } #bio .icon { background: url(../assets/images/biosprite.png) no-repeat; } #wind .icon { background: url(../assets/images/windsprite.png) no-repeat; } #hydro .icon { background: url(../assets/images/hydrosprite.png) -330px 0 no-repeat;height:75px;top:-10px; } .buttons a .icon img { display:none; } .buttons a h3 { font-size:200%;font-weight:400;margin:0;padding:0; } .buttons a p { color:rgb(242,110,40);margin:0;padding:0; } .buttons a:hover p, .buttons a span p { color:#fff; } #content-main .image_container { float:right;} #content-main #video-slider{ margin:10px 0 0 29px;list-style:none; } #content-main #video-slider li{ float:left;margin-bottom:10px; } #content-main #video-slider a{ color:#434b3c; } #content-main #video-slider li+li{ margin-left:4px; } #content-main #video-slider img, #content-main #video-slider span{ display:block; } #video-slider-wrap { position:relative; } #video-slider-wrap #video-prev, #video-slider-wrap #video-next{ position:absolute;top:0;left:0;display:block;height:118px;width:27px;border:1px solid #cc6666;background:#fff url(../assets/images/arrows_sprite.jpg) no-repeat 7px center;text-indent:-9999px; } #video-slider-wrap #video-next{ background-position:-71px center;left:auto;right:0; } #content-main p.date { font-weight:700;margin:0; } #content-sub {width:205px;float:left;padding:0 10px 0 10px; } table{ width:100%; } table th{ background-color: #818181; padding:5px 0 5px 0; font-size: 120%; color:#fff; font-weight: bold; text-align: center; } table td{ padding:5px; } p img{ margin-right:18px; border:1px solid #CCCCCC; } .img-borders img{ width:100px; margin-right:5px; border:5px solid #737373; } .step { border-bottom:1px solid #CCCCCC; margin:0 0 10px; padding:0 0 10px; } .step .image_container { float:right; margin:0 0 0 10px; } .step p { padding-right:236px; } .step .toggleMe p { padding-right:0px; } .rss_default_header{ display: none; } #fancybox-wrap { margin: 0 0 0 0; } .clearfix { clear:both; } /* Footer */ #footer { clear:both; padding:10px;position:relative;margin-top:60px;border-top:1px solid #221E1F;font-size:.9em; } .home #footer .tagline { display:none; } .home #footer { padding-top:10px;margin-top:0; } #footer .tagline { margin:0;position:absolute;top:-30px;right:30px;font-size:20px;color:#888;font-weight:700; } #footer h2 { float:left;padding:0 10px 0 0;font-size:.9em; } #footer ul { float:left;border-left:1px solid #cac3b9;padding:0 0 10px 10px;width:150px;font-size:.9em; } #footer ul.details { width:200px; } #footer .adr { margin-top:10px; } #footer .awards li { float:left;padding:7px; } #footer #site-info p { float:left; } #footer #site-info p.info-right { float:right; } .invisible { display:none; } .toggleMe { display: none; } #content-main .section-head{background-color:#818181; color:#fff;padding:5px;} #content-main .section h4{color:#C66 !important;cursor: pointer;}