/*
LAUNCH STYLESHEET 1.0
Author: Reid Parham
Email: reid@studiogeologie.com
Designer: Brian Kerr
Company: http://studiogeologie.com/
Date: March 2010

COLORS

green	439539
text	666
other	333

*/

/* RESETS, BASE, UTILITY ========== */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, object, embed { margin: 0; padding: 0; }
.a { position: absolute; left: -9999px; }
a, a:link, a:visited { cursor: pointer; color: #333; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

a.event-group-link, a.event-group-link:link, a.event-group-link:visited { cursor: pointer; color: #439539; text-decoration: none; }
a.event-group-link:hover, a.event-group-link:focus { text-decoration: underline; }

.launchfont { color: #439539; font-size: 11px; line-height: 1.4em; }
ul.launchfont li { color: #439539; font-size: 16px; line-height: 1.4em; }

img, a img { border: none; }
.align-right { text-align: right !important; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.float-right { float: right; }
.float-left { float: left; }
.float-right-with_margin { margin-left: 6px !important; float: right; }
.float-left-with_margin { margin-right: 6px !important; float: left; }
.nofloat { float: none !important; }
.caps { text-transform: uppercase; letter-spacing: 0.05em; }
.clear { clear: both; }
.required { color: #ff0000; font-weight: bold; }
.relative { position: relative; }
object, embed { display: block; margin: 0px auto; padding: 0px; }
.spacer { color: #439539 !important; margin: 0 3px; }

/* GLOBALS ========== */
body { font-family: verdana, arial, sans-serif; font-size: 10px; background: url('/images/bg-body.gif') 0px 100px repeat-x #fff; }
#brand a, ul.nav li a:focus { outline: none !important; }


/* SELF-CLEAR FLOAT FIX ========== */
.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; margin-bottom: .001em; }
.c { display: inline-block; }
html[xmlns] .c { display: block; }
* html .c { height: 1%; }


/* LAYOUT ========== */
body>.wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; min-width: 990px; margin: 0 auto; background: url('/images/bg-body-mask.png') 50% 100px no-repeat; }
#page { width: 960px; padding: 0 15px; position: relative; margin: 0 auto; }
#header { height: 100px; position: relative; }
#header div.horiz-bar { position: absolute; top: 0px; left: 330px; }
#content { margin: 0 0 100px 0; }
#content #upper { height: 301px; position: relative; padding: 11px 0 0 0; }
#content #upper #upper-primary { position: relative; float: right; width: 512px; margin: 0 104px 0 0; height: 288px; overflow: visible; border: 1px solid #000; }
#content #upper #upper-primary #media-player { height: 288px; overflow: hidden; width: 512px; position: relative; background: #000; color: #fff; text-align: center; }
#content #upper #upper-primary #media-player .placeholder { margin: 100px 30px 20px 30px; }
#content #upper #upper-secondary { position: relative; float: left; width: 197px; margin: 0 0 0 133px; height: 290px; overflow: hidden; background: url('/images/logo-launch-illustration.gif') 50% 50% no-repeat; }
body#view.presentations #content #upper #upper-secondary { background: transparent; }
#content #lower { position: relative; margin: 21px 0 0 0; min-height: 152px; }
#content #lower #lower-primary { position: relative; float: right; width: 410px; margin: 0 210px 0 0; overflow: visible; }
#content #lower #lower-primary #lower-primary-sidebar { position: absolute; top: 8px; left: 100%; width: 182px; margin: 0 0 0 42px; }
body#index.home #content #lower #lower-primary #lower-primary-sidebar, body#index.overview #content #lower #lower-primary #lower-primary-sidebar { left: 390px; } // was 370
#content #lower #lower-secondary { position: relative; float: left; width: 197px; margin: 6px 0 0 32px; } // was 6 0 0 120
#footer { position: relative; margin: 0 103px 100px 330px; }
#footer>.wrapper { padding: 23px 0 0 0; }
/* home */
body#index.home #content #lower #lower-primary { width: 370px; margin: 0 250px 0 0; }
body#index.overview #content #lower #lower-primary { width: 370px; margin: 0 250px 0 0; }
body#index.home #content #lower #lower-primary #event-description, body#index.forums #content #lower #lower-primary #event-description { width: 370px; }
body#index.forums #content #lower #lower-primary { width: 512px; margin: 0 108px 0 0; }
body#index.home #content #lower #lower-primary #lower-primary-sidebar, body#index.overview #content #lower #lower-primary #lower-primary-sidebar { width: 200px; }
body#index.council #content #lower #lower-secondary, body#index.home #content #lower #lower-secondary, body#index.overview #content #lower #lower-secondary, body#index.forums #content #lower #lower-secondary { width: 222px; margin: 6px 0 0 32px; }
/* stream */
body#stream.live #content #upper #upper-primary { position: fixed; z-index: 1000; width: 100%; background: transparent; border: none !important; }
body#stream.live #content #upper #upper-primary #media-player { margin: 0 0 0 342px; border: 1px solid #000; }
body#stream.live #content #lower #lower-secondary { width: 222px; margin: 10px 0 0 0; }
/* body#index.accelerator #content #lower #lower-primary { position: relative; float: right; width: 370px; margin: 0 250px 0 0; } */

body#index.partners #content #lower #lower-primary { position: relative; float: right; width: 370px; margin: 0 250px 0 0; }
/* body#index.team #content #lower #lower-primary { position: relative; float: right; width: 370px; margin: 0 250px 0 0; } */


#content #lower #live-feed-link { position: absolute; top: -20px; left: -93px; width: 67px; height: 53px; }
#content #lower #live-feed-link .chrome { width: 67px; height: 53px; background-position: -533px 0px; }
/* admin */
body.admin #content { margin-top: 13px; }
body.admin #primary { float: right; width: 76%; padding: 10px 2%; margin-left: 2%; background: rgba(255,255,255,0.9); }
body.admin #secondary { float: left; width: 18%; padding: 10px 0; background: rgba(255,255,255,0.8); }
body.admin #secondary ul.nav { margin: 0 10px; }
body.admin #secondary ul.nav a { display: block; }
body.admin #footer { margin: 50px auto auto auto; }
/* other */
div.horiz-bar { width: 526px; height: 12px; background: url('/images/sprite-launch.png') 0px -52px; }
#notice { background: #ffff66; padding: 10px 20px; }
#content #lower #twitter-feed { margin: 3px 0 0 0; } /* previously 122px 0 0 0 */
#content #lower #twitter-feed ul { position: relative; overflow: hidden; height: 90px; }
#content #lower #twitter-feed li.tweet { position: absolute; top: 100%; left: 0px; right: 0px; padding: 0 10px 0px 10px; border-right: 1px solid #439539; border-left: 1px solid #439539; }
#content #lower #twitter-feed li.tweet p { margin: 0px !important; padding: 0px !important; font-size: 10px; line-height: 1.2em; }

/* HEADER ========== */
#header #brand h2 { position: absolute; top: 20px; left: 18px; height: 60px; width: 346px; }
#header #brand h2 a { display: block; height: 60px; /* width: 346px; */ background: url('/images/logo-launch.gif') 50% 50% no-repeat; }
#header #nav-primary { position: absolute; bottom: 0px; right: 39px; height: 26px; }
#header #search { position: absolute; right: 105px; top: 21px; }


/* NAVIGATION ========== */
ul.nav li { list-style: none !important; }
#nav-primary li { height: 26px; display: block; position: absolute; }
#nav-primary li a { height: 3px; padding: 23px 0 0 0; display: block; background: url('/images/sprite-launch.png'); position: absolute; top: 0px; left: 0px; right: 0px; }
/* #nav-primary li#nav-primary-overview { right: 431px; width: 98px; } */
#nav-primary li#nav-primary-overview { right: 480px; width: 98px; }
#nav-primary li#nav-primary-overview a { background-position: 0px 0px; }
#nav-primary li#nav-primary-overview.current a { background-position: 0px -26px; }
/* #nav-primary li#nav-primary-accelerator { right: 417px; width: 114px; } */
/* #nav-primary li#nav-primary-accelerator a { background-position: -98px 0px; } */
/* #nav-primary li#nav-primary-accelerator.current a { background-position: -98px -26px; } */
#nav-primary li#nav-primary-forums { right: 395px; width: 86px; }
#nav-primary li#nav-primary-forums a { background-position: -212px 0px; }
#nav-primary li#nav-primary-forums.current a { background-position: -212px -26px; }
#nav-primary li#nav-primary-council { right: 300px; width: 96px; }
#nav-primary li#nav-primary-council a { background-position: -298px 0px; }
#nav-primary li#nav-primary-council.current a { background-position: -298px -26px; }
#nav-primary li#nav-primary-innovators { right: 190px; width: 116px; }
#nav-primary li#nav-primary-innovators a { background-position: -394px 0px; }
#nav-primary li#nav-primary-innovators.current a { background-position: -394px -26px; }
/* updated nav */
#nav-primary li#nav-primary-partners { right: 100px; width: 92px; }
#nav-primary li#nav-primary-partners a { background-position: -511px 0px; }
#nav-primary li#nav-primary-partners.current a { background-position: -511px -26px; }
#nav-primary li#nav-primary-team { right: 40px; width: 62px; }
#nav-primary li#nav-primary-team a { background-position: -611px 0px; }
#nav-primary li#nav-primary-team.current a { background-position: -611px -26px; }

#nav-primary li a .ui { margin: 0 auto !important; height: 3px; background: #000; width: 13px; display: block; }
#nav-primary li.current a .ui { display: none; }

/* CONTENT ========== */
#content #lower .wrapper>h1, #content #lower .wrapper>h2, #content #lower .wrapper>h3, #content #lower .wrapper>h4, #content #lower .wrapper>h5, #content #lower .wrapper>h6, #content #lower .wrapper>p, #content #lower .wrapper>table, #content #lower .wrapper>form, body.admin #primary p { margin: 5px 0 10px 0; }
#content #lower .wrapper>ul, #content #lower .wrapper>ol { margin: 5px 30px 10px 30px; font-size: 11px; line-height: 16px; }
#content #lower #lower-secondary ul, #content #lower #lower-secondary ol, #content #lower #lower-secondary>p { margin: 5px 10px 10px 13px; }
#content #lower #lower-primary li { margin: 5px 0 8px 0; font-size: 10px; color: #333; }
#content #lower p { font-size: 1.1em; line-height: 1.4em; color: #666; }
#content #lower p strong { color: #000; }
#content #lower blockquote { margin: 15px 0; border-bottom: 1px solid #ccc; padding: 0 20px 10px 20px; color: #333; font-style: italic; }
#content #lower #lower-secondary li { list-style: none; margin: 5px 0; }
#content #lower #lower-secondary li.person-about-link a { display: block; text-transform: uppercase; letter-spacing: 0.05em; color: #333; }
#content #lower #lower-secondary h3 + ul { margin-top: 12px; }
#content #lower #lower-secondary ul.articles li { margin-bottom: 13px; }
#content #lower #lower-secondary ul.articles li p { font-size: 10px; line-height: 1.3em; }
#content #lower #event-description p { font-size: 1.2em; line-height: 1.4em; }
// #content #lower #lower-primary p { font-size: 1.2em; line-height: 1.4em; color: #439539; }
body#index.forums #content #lower #event-description p { color: #439539 !important; width: 500px; } // was 410px
#content #lower .name, #content #lower .name a { color: #000 !important; text-transform: uppercase; letter-spacing: 0.05em; }
body#index.forums #content #lower .events .name { float: left; width: 33px; text-align: left; margin-right: 3px; }
#content #lower .presentation .wrapper, #content #lower .presentation .title a { color: #439539 !important; text-transform: uppercase; letter-spacing: 0.05em; }
#content #lower .presentations { margin: 5px 0 10px 0 !important; }
#content #lower .presentations li .title a { display: block; }
#content #lower li.presentation .title a { line-height: 22px; height: 22px; }
#content #lower li.presentation { list-style: none; margin: 0px !important; line-height: 22px; height: 22px; }
#content #lower .presentations li .chrome { background-position: 0px -66px; height: 22px; position: absolute; top: 0px; left: -28px; right: 0px; z-index: 0; }
#content #lower .presentations li .wrapper { z-index: 100; position: relative; }
#content #lower #innovator_presentations .presentations li .details { position: absolute; top: 105px; left: -290px; width: 198px; border-top: 0px solid #439539; padding: 10px 0 0 0; }
#content #lower .presentations li .details { position: absolute; top: 143px; left: -308px; width: 198px; border-top: 1px solid #439539; padding: 10px 0 0 0; }
#content #lower .presentations li .details h4 { text-transform: uppercase; letter-spacing: 0.05em; }
#content #lower .presentations .abstract { margin: 0 0 15px 0; }
#content #lower .presentations li .details p { font-size: 10px; }
#content #lower .presentations li .details li { margin: 5px 0 15px 0 !important; }
#content #lower #lower-secondary .presentations li { margin: 5px 0 15px 0px !important; }
#content #lower img.thumbnail { display: block; border: 1px solid #000; }
#content #lower #lower-secondary ul.articles p.read_more { margin-top: 6px; }
#content p.read_more { font-size: 10px !important; }
#content p.read_more a { color: #439539; display: block; text-transform: uppercase; letter-spacing: 0.05em; }


/* SPECIAL PAGES ========= */
/* people listings */
body#index.council #upper, body#index.innovators #upper { position: absolute; top: 100px; right: 15px; }
body#index.council #upper #upper-secondary, body#index.innovators #upper #upper-secondary { margin-right: 12px !important; }
body#index.council #lower, body#index.innovators #lower { margin-top: 202px; }
body#index.council #content #lower #lower-primary, body#index.innovators #content #lower #lower-primary { width: 514px; margin: 0 93px 0 0; padding: 10px 11px 0 13px; background: #fff; }
body#index.council #content #lower #lower-primary #lede, body#index.innovators #content #lower #lower-primary #lede { position: absolute; width: 300px; top: -175px; right: 100px; left: 117px; }
body#index.council #content #lower #lower-secondary { margin-top: 51px; }
#content #lower .people_list { margin-top: 30px; }
#content #lower #people-group { margin: 0px; }
#content #lower #lower-primary #people-group li { display: block; height: 89px; width: 93px; margin: 0px 0px 10px 12px; float: left; }
#content #lower #lower-primary #people-group li.first { margin: 0px 0px 10px 0px; }
#content #lower #lower-primary #people-group li a { display: block; }
#content img.portrait { display: block; border: 1px solid #000; }
#content #lower #lower-primary #people-group li a.person-portrait img.primary { display: none; }
#content #lower #lower-primary #people-group li a.person-portrait:hover img.primary, #content #lower #lower-primary #people-group li a.person-portrait:focus img.primary { display: block; }
#content #lower #lower-primary #people-group li a.person-portrait:hover img.alt, #content #lower #lower-primary #people-group li a.person-portrait:focus img.alt { display: none; }
#content #lower #lower-primary #people-group li .description { position: absolute; top: 143px; left: -208px; width: 197px; max-height: 176px; overflow: hidden; padding: 0 0 20px 0; }
#content #lower #lower-primary #people-group li .description h2 { font-size: 1.1em; font-weight: normal; margin-bottom: 4px; }
#content #lower #lower-primary #people-group li .description p { font-size: 1em; line-height: 1.2em; }
/*
#content #lower #lower-primary #people-group li .description p.read_more { position: absolute; bottom: 0px; right: 0px; left: 0px; background: url('/images/bg-whitegrad-down.png') 0px 0px repeat-x; color: #439539; margin: 0px !important; }
#content #lower #lower-primary #people-group li .description p.read_more a { padding: 60px 0 16px 0; }
*/


#content #lower .people-group { margin: 0px; }
#content #lower #lower-primary .people-group li { display: block; height: 89px; width: 93px; margin: 0px 0px 10px 12px; float: left; }
#content #lower #lower-primary .people-group li.first { margin: 0px 0px 10px 0px; }
#content #lower #lower-primary .people-group li a { display: block; }
#content img.portrait { display: block; border: 1px solid #000; }
#content #lower #lower-primary .people-group li a.person-portrait img.primary { display: none; }
#content #lower #lower-primary .people-group li a.person-portrait:hover img.primary, #content #lower #lower-primary .people-group li a.person-portrait:focus img.primary { display: block; }
#content #lower #lower-primary .people-group li a.person-portrait:hover img.alt, #content #lower #lower-primary .people-group li a.person-portrait:focus img.alt { display: none; }
#content #lower #lower-primary .people-group li .description { position: absolute; top: 143px; left: -208px; width: 197px; max-height: 176px; overflow: hidden; padding: 0 0 20px 0; }
#content #lower #lower-primary .people-group li .description h2 { font-size: 1.1em; font-weight: normal; margin-bottom: 4px; }
#content #lower #lower-primary .people-group li .description p { font-size: 1em; line-height: 1.2em; }
/*
#content #lower #lower-primary .people-group li .description p.read_more { position: absolute; bottom: 0px; right: 0px; left: 0px; background: url('/images/bg-whitegrad-down.png') 0px 0px repeat-x; color: #439539; margin: 0px !important; }
#content #lower #lower-primary .people-group li .description p.read_more a { padding: 60px 0 16px 0; }


#content #lower-secondary ul.people li { text-transform: uppercase; letter-spacing: 0.05em; }
#content #lower-secondary ul.presentations a { color: #439539; }
/* lower primary sidebar */
#content #lower #lower-primary #lower-primary-sidebar ul { list-style: none; margin: 5px 0 10px 0; }
#content #lower #lower-primary #lower-primary-sidebar .date { color: #439539; text-transform: uppercase; letter-spacing: 0.05em; }



/* HEADERS ========= */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
body#view.presentations h1 { text-transform: uppercase; letter-spacing: 0.05em; font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.1em; }
h4 { font-size: 0.9em; line-height: 1.2em; }
.chrome { background: url('/images/sprite-launch.png') no-repeat; display: block; }
#content h1.chrome { float: left; margin: 0 30px 15px 0 !important; }
#content h2 { color: #439539; font-size: 1.5em; line-height: 1.4em; }
#content h1.chrome + h2 { float: left; margin: 12px 0 0 0 !important; }
#content #lower h3 { font-size: 11px; color: #000; text-transform: uppercase; letter-spacing: 0.1em; }
#content #lower .details h3 { color: #439539; margin-bottom: 0px; line-height: 1.3em; }
#content #lower blockquote + h3, #content #lower p + h3 { margin: 15px 0 5px 0 !important; }
#content #lower .people_list h2.chrome { margin-left: -15px; }

#innovator_presentations h2, #innovator_presentations h2 {font-weight: bold; margin:5px 0 10px;}
/* accessible text-replacement */
#site_description.chrome { height: 117px; width: 190px; background-position: 0px -206px; margin: 5px 10px 68px 10px !important; }
body#index.home h1.chrome, body#index.forums h1.chrome, body#view.forums div#enent1 h1.chrome { height: 23px; width: 121px; background-position: 0px -334px; } // water forum
body#view.forums div#enent2 h1.chrome { height: 23px; width: 121px; background-position: 0px -393px; } // healt forum
body#index.home h2.chrome, body#index.forums h2.chrome, body#view.forums h2.chrome { height: 11px; width: 118px; background-position: 0px -372px; } // water forum date, was -372
body#index.home div#water_event_innovators h2.chrome, body#index.forums div#water_event_innovators h2.chrome { height: 11px; width: 223px; background-position: -0px -433px; } // water innovators
#content #lower-secondary h3#in_the_news.chrome { height: 11px; width: 121px; background-position: 0px -154px; }
#content #lower-primary-sidebar h3#in_the_news.chrome { height: 11px; width: 121px; background-position: 0px -154px; }
#content #lower-primary-sidebar h3#upcoming_forums.chrome { height: 11px; width: 180px; background-position: 0px -167px; }
#content #lower-primary-sidebar h3#on_twitter a.chrome { height: 11px; width: 200px; background-position: 0px -180px; }
/* #content #lower-secondary h4#launch_council.chrome { height: 11px; width: 158px; background-position: 0 -193px; } */
#content #lower-secondary h4#launch_council { font-size: 1.2em; font-weight: bold; color: #008000; }
#content #lower-primary-sidebar h4 { text-transform: uppercase; letter-spacing: 0.05em; }
#content #lower-secondary h3#other_videos { height: 11px; width: 133px; background-position: 0px -102px; }
#content #lower-secondary h3#upcoming_forums.chrome { height: 11px; width: 180px; background-position: 0px -167px; }
#content #lower-secondary h3#forumspage.chrome { height: 11px; width: 180px; background-position: -100px -167px; } //added cb
#footer h4.chrome { height: 11px; width: 194px; margin: 0 0 15px 0; }
#footer #founding-partners-group h4.chrome { background-position: 0px -115px; }
#footer #resource-partners-group h4.chrome { background-position: 0px -128px; }

/* home page - cb */
#content #lower-primary-sidebar h3#home_forums.chrome { height: 11px; width: 180px; background-position: 102px -167px; }
#innovator_call { background: url('/images/health_innov_call.gif') no-repeat; display: block; height: 200px; width: 200px; }
#innovator_call:hover { background-position: 0 -200px; }

/* partner logos */
#foother #logo a{width: 116px; height: 104px;}
#footer #logo .nasa { background: url('/images/nasa.png') no-repeat; }
#footer #logo .usaid { background: url('/images/usaid.png') no-repeat; }
#footer #logo .us-department-of-state { background: url('/images/statedept.png') no-repeat; }
#footer #logo .nike { background: url('/images/nike.png') no-repeat; }

/* forums page - cb */
body#index.home h2.chrome, body#index.health h2.chrome { height: 11px; width: 118px; background-position: -0px -393px; }
#content #lower #lower-secondary .events li { width: 200px; }


/* ADMIN CONTENT ========= */
body.admin table.list { width: 90%; }
body.admin table.list tr:hover { background: #ccc; }
body.admin table.list th { background: #666; padding: 4px 8px; color: #fff; font-weight: 100; }
body.admin table.list th a { color: #fff; }
body.admin table.list td { padding: 4px 8px; border-bottom: 1px solid #ccc; }


/* FORMS ========== */
input, select, textarea { font-family: verdana, arial, sans-serif; font-size: 11px; }
input[type="text"], input[type="password"], select, textarea { background: #ccc; color: #666; border: 1px solid #999; }
input, textarea { padding: 2px 4px !important; }
select { padding: 0; }
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover { color: #666; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { background: #fff; color: #000; }
input.xlarge, select.xlarge, textarea.xlarge { width: 500px; }
input.mlarge, select.mlarge, textarea.mlarge { width: 300px; }
input.large, select.large, textarea.large { width: 150px; }
input.medium, select.medium, textarea.medium { width: 100px; }
input.small, select.small, textarea.small { width: 40px; }
input.xsmall, select.xsmall { width: 20px; }
input.large_text, select.large_text, textarea.large_text { font-size: 15px; line-height: 1.35em; }
form p label { display: block; float: left; width: 100px; margin-right: 10px; clear: both; }
body.admin form p label { width: 150px; }
form p input + label { display: inline; float: none; width: auto; }
form div.radio_group { margin-left: 110px; }
body.admin form div.radio_group { margin-left: 160px; }
form div.radio_group p { margin-top: 0px !important; margin-bottom: 5px !important; }


/* FOOTER ========= */
#footer .partner-group { width: 99%; margin-right: 10%; float: left; }
#footer .last { margin-right: 0px; }
#footer .partner-group li { list-style: none; margin: 5px 0 10px 10px; }
#footer .partner-group li a { display: block; color: #439539; text-transform: uppercase; letter-spacing: 0.05em; }
#footer .partner-group ul { float: left; width: 250px; }