/*
Theme Name: CUE
Theme URI: http://cleanurbanenergy.org/
Description: Theme for cue
Version: 
Author: Brett
Author URI:
Tags: 

Images are relative to this file. Watch out for that.

*/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;
  font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom:1;}
/* general */
body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center;font-size:62.5%;}
#page {width:934px;margin:auto;padding-top:0px;text-align:left;color:#4b4b4b;}
p{line-height:1.4em;}
a {color:#65983d;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:underline;}
h2 {font-size:1.4em;font-weight:bold;}
hr{margin-bottom:16px;color:#C8C8C8;}
.center {text-align:center;}
.floatleft {float:left;}
.floatright {float:right;}
.green-list h2,
.green-list li {border:solid #a4ea58;border-width:1px 0px;margin-bottom:3px;padding:7px 5px;}
.green-list h2 {color:#65983d;background-color:#f6fdee;background-color:#d1f4ab;}
.green-list li {font-size:1.2em;color:#65983d;background-color:#f6fdee;}
.gray-list {color:#4b4b4b;}
.gray-list h2,
.gray-list li {border:solid #c8c8c8;border-width:1px 0px;margin-bottom:3px;line-height:1.2em;}
.gray-list h2 {font-size:1.4em;padding:7px 5px;font-weight:bold;background-color:#f4f4f4;
               text-transform: uppercase;}
.gray-list li {padding:14px 5px;font-size:1.2em;}
.gray-list li strong {color:#406027;font-weight:bold;}
/* header */
#header {width:934px;height:161px;background:url(/wp-content/uploads/2009/04/cue_header1.png);
         position:relative;}
#menu {position:absolute;bottom:0px;right:0px;height:46px;}
#menu li, #menu li a {float:left;}
#menu li a {height:46px;display:block;top:0px;}
#menu li.current a, #menu li a:hover {background-position:0px 46px;}
#menu li.home a {width:92px;background-image:url(images/CUE_tab_Home.png);}
#menu li.about-us a {width:131px;background-image:url(images/CUE_tab_AboutUs.png);}
#menu li.cue-team a {width:128px;background-image:url(images/CUE_tab_CueTeam.png);}
#menu li.references a {width:154px;background-image:url(images/CUE_tab_References.png);}
#menu li.contact a {width:139px;background-image:url(images/CUE_tab_Contact.png);}
/* sub menu */
#sub_menu {text-transform: uppercase;margin-top:20px;background-color:#f6fdee;border:solid #a4ea58;
           border-width:1px 0px;}
#sub_menu li {display:inline;}
#sub_menu li a {display:block;position:relative;float:left;padding:5px 20px;background-color:#f6fdee;font-size:1.4em;
                text-decoration:none;font-weight:bold;color:#65983d;border-right:1px dotted #a4ea58;}
#sub_menu li a .triangle {position:absolute;width:21px;height:11px;
                          bottom:-11px;left:50%;margin-left:-11px;
                          background-image:url(images/CUE_nav_triangle.png);
                          background-position:center;background-repeat:no-repeat;display:none;zoom:1;*z-index:-1;}
#sub_menu li.current_page_item a,
#sub_menu li.current_page_item a:hover {background-color:#d1f4ab;color:#406027;}
#sub_menu li a:hover {background-color:#d1f4ab;color:#65983d;}
#sub_menu li.current_page_item a .triangle,
#sub_menu li a:hover .triangle {display:inline;}
/* ie6 can't handle this so it doesn't get to play */
* html #sub_menu li a:hover .triangle {display:none;}
/* content */
#content {clear:left;text-align:left;padding:20px;}
.box-big, .box-small {position:relative;}
.box-big {width:894px;}
.box-small {width:560px;}
.box-top, .box-bot {height:4px;width:100%;background-repeat:no-repeat;}
.box-top {position:absolute;top:0px;left:0px;}
.box-mid {margin-top:0px;}
.box-small .box-top {background-image:url(images/CUE_graybgsmall_top.png);}
.box-small .box-mid {background-image:url(images/CUE_graybgsmall_middle.png);}
.box-small .box-bot {background-image:url(images/CUE_graybgsmall_bottom.png);}
.box-big .box-top {background-image:url(images/CUE_graybgbig_top.png);}
.box-big .box-mid {background-image:url(images/CUE_graybgbig_middle.png);}
.box-big .box-bot {background-image:url(images/CUE_graybgbig_bottom.png);}
.box-big .entry, .box-small .entry {padding:20px 20px 5px 20px;}
.entry em {font-style:italic;}
.entry strong, .entry b {font-weight:bold;color:#406027;}
.entry h1, .entry h2, .entry h3,
.entry p {padding-bottom:12px;}
.entry h1,.entry h2,
.entry h3, .entry h4 {font-size:1.4em;font-weight:bold;color:#406027;}
.entry p {font-size:1.2em;}
.entry ul {list-style:disc;margin-bottom:10px;font-size:1.2em;padding-left:20px;}
/* footer */
#footer {text-align:center;height:65px;padding-top:15px;background-image:url(images/CUE_footer.png);
         font-size:1.1em;clear:both;}
/* the homepage */
#homepage {padding:15px 0px;}
#homepage_img {margin-bottom:15px;}
#homepage_blurb {float:left;}
#news_headlines {float:right;width:348px}
#news_headlines h2 {text-transform:uppercase;padding-bottom:6px;color:#406027}
#news_headlines .see-more {text-align:right;font-size:1.2em;}
/* news and milestones page */
#news_items {float:left;width:566px;float:left;}
#news_items li {clear:both;border:solid #a4ea58;border-width:1px 0px;margin-bottom:3px;}
#news_items li .time-col {float:left;color:#406027;font-size:1.4em;padding-top:10px;
                          font-weight:bold}
#news_items li .info-col {width:430px;float:right;background-color:#f6fdee;padding:10px;}
#news_items li .info-col h2 {color:#65983d;margin-bottom:10px;}
#news_items li .info-col div {width:430px;float:right;}
#news_items li .info-col div ul {margin:3px 0px;}
#news_items li .info-col div li {background-color:none;border:0;}
#news_items .navigation {font-size:1.2em;margin:10px 0px;}
#future_milestones {float:right;width:308px;}
#future_milestones li {line-height:1.2em;}
.summer-demo {margin-top:10px;}
/* strategic partners */
#partners .partner-category {width:170px;float:left;margin-right:11px;margin-top:0px;}
#partners .last {margin-right:0px;}
#partners h2 {border:solid #a4ea58;border-width:1px 0px;background-color:#d1f4ab;color:#406027;
              font-size:1.4em;font-weight:bold;padding:3px 5px;text-transform: uppercase;}
#partners .partner-link {height:15em;}              
#partners .partner-link a {font-size:1.2em;font-weight:bold;}
#partners .partner-link img {border:1px solid #a4ea58;margin:0px 0px;}
/* references */
#resources h2 {color:#406027;background-color:#d1f4ab;border:solid #a4e958;border-width:1px 0px;padding:5px 5px 4px;}
/* contact */
.contact-block {width:33%;float:left;}