* { margin: 0; padding: 0; } body { font-family: Arial, "Helvetica", sans-serif; font-size: 62.5%; color: #edede7; background: #2f2f2d; } h1, h2, h3, p { margin-bottom: .9em; } h1 { font-size: 2.4em; color: #00aeef; } h2 { font-size: 2em; color: #00aeef; } p { font-size: 1.2em; line-height: 1.8em; } a { color: #b0ada7; outline: none; } a:hover { color: #00aeef; } table { margin: auto; } table table { margin: 0; } td a, p.result { display: block; text-align: center; } tr { border-bottom: 1px solid #666; } th { text-align: left; } th, tr.commentRow td, tr.videoRow td { padding: 10px 0px 0px 0px; } tr.commentRow td, tr.videoRow td { border-top: 1px solid #666; } tr.pending td { background: #e38408; } tr.unapproved td { background: #e30808; } td { border-collapse: collapse; } td.border { padding: 10px 0 0 0; } td p, td h3 { padding: 0px 4px; } td a { color: #fff; font-weight: bold; } p.result, p.msg { padding: 3px 6px; font-size: 1em; color: #444; background: #f80e66; } p.small { font-size: 1em; } ul { list-style-type: none; margin: 0; padding: 0; } li { display: inline; padding: 0; margin: 10px 2px; } img { border: 0; } #logo a { display: block; width: 400px; height: 71px; background: url('/images/logo.gif') no-repeat 0px 0px; } img#portrait { float: left; margin-right: 5px; } #stats { clear: both; } /* Question and Response styles ----------------------------------------- */ #questionTop { margin-bottom: 2em; padding-bottom: .8em; border-bottom: 1px solid #484742; } #metaBlock h1 { margin-bottom: 0; font-size: 1.2em; font-weight: normal; color: #a6a69c; } #metaBlock h1 a { color: #00aeef; text-decoration: none; } .newest { background-color: #00aeef; } #responses { overflow: hidden; } .singleResponse.newest , .newest .response { background: transparent; } .newest .response p, .newest .responseMeta h2, .newest .responseMeta p { color: #fff; } .singleResponse { margin-bottom: 1.6em; padding-top: 10px; background: url("/images/responseBG_top.gif") no-repeat left top; } .response { padding-bottom: 16px; background: url("/images/responseBG_bot.gif") no-repeat left bottom; } .response p, .responseMeta h2 { margin-bottom: 0; padding: 4px 60px 0 16px; font-size: 1.4em; line-height: 1.3em; color: #a5a59a; } .responseMeta {} .responseMeta h2 { margin-bottom: 0; padding: 0; color: #d8d8ca; } .responseMeta p { font-size: 1em; color: #97968d; } /* responseForm styles --- */ #responseForm p.small { margin: 1em 0; clear: both; } #comment { margin-top: 12px; overflow: hidden; } #comment input, #comment textarea { display: block; padding: 6px; background: #dadacb; border-width: 0px;} *:first-child+html #comment textarea { padding: 6px 0px 6px 6px; } #comment input.hidden { display: none; } #comment input { width: 316px; float: left; } #comment input.submit { padding: 27px 0 0 0; width: 96px; height: 0px; float: right; background: url("/images/btn_submit.gif") no-repeat 0 0; cursor: pointer; } *:first-child+html #comment input.submit { padding-top: 48px; height: 27px; overflow: hidden; } #comment input.submit:hover { background: url("/images/btn_submit.gif") no-repeat 0 -27px; } #comment textarea { margin-bottom: 12px; width: 636px; height: 92px; background: #dadacb url("/images/bg_textArea.gif") no-repeat 0 0; } *:first-child+html #comment textarea { width: 634px; } #comment textarea.blur { background: #dadacb url("/images/bg_whatDraws.gif") no-repeat 0 0; } /* response pagination styles ---- */ #paginationBlock { margin-bottom: 1em; overflow: hidden; clear: both; } #paginationBlock h1 { margin-right: 16px; float: left; font-size: 1.6em; font-weight: normal; color: #fff; } #paginationBlock .pagination { display: block; width: 100px; height: 20px; float: left; text-align: center; } .pagination p { font-size: 12px; text-align: center; color: #97968d; } .prev, .next{ display:block; float: left; width:12px; height:20px; background: url('/images/span_prev.gif') no-repeat left center; } .next { float: right; background-image: url('/images/span_next.gif'); } .prev a, .next a { display:block; width:12px; height:20px; background:url('/images/btn_prev.gif') no-repeat center center; } .next a { background:url('/images/btn_next.gif') no-repeat center center; } /* we are ... styles --------------------------------------- */ #aboutTop { margin-bottom: 2.4em; clear: both; } *:first-child+html #aboutTop { padding-bottom: 2.4em; } /* about copy styles ---- */ #about p { margin-bottom: 1.2em; font-size: 1.4em; font-weight: normal; color: #a6a69c; } #about p span { font-size: 1.5em; color: #00aeef; } #about ul, #article ul { margin: 0 20px 1.2em 8px; display: block; font-size: 1.4em; color: #a6a69c; } #about li, #article li { padding-left: 16px; display: block; background: url("/images/bullet.gif") no-repeat 4px 4px; } #article ul { font-size: 1.2em; } /* EG clips styles ---- */ #aboutClips p { color: #d8d8ca; } .aboutThumb { margin-bottom: 1.6em; padding-bottom: 1.6em; overflow: hidden; border-bottom: 1px solid #40403c; } .aboutThumb.last { margin-bottom: 0; padding-bottom: 0; border-width: 0px; } .aboutThumb p, .aboutThumb h2, .aboutThumb a, .aboutThumb blockquote { display: block; margin: 0 0 .4em 110px;} .aboutThumb h2 { font-size: 1.4em; font-weight: normal; color: #00aeef; text-transform: uppercase; } .aboutThumb h2 a { margin: 0; display: inline; } .aboutThumb h2 a:hover { text-decoration: underline; } .aboutThumb p { font-size: 1.1em; line-height: 1.3em; color: #a6a69c; } .aboutThumb blockquote { font-size: 1.1em; line-height: 1.5em; font-style: italic; color: #a6a69c; } .aboutThumb a { text-transform: uppercase; text-decoration: none; color: #00aeef; } .aboutThumb a.thumb { margin-left: 0px; display: block; float: left; width: 98px; height: 68px; border: 1px solid #40403d; } .aboutThumb a.thumb:hover { border: 1px solid #5c5c55; } /* we are sub nav ------ */ ul#subNav, ul#subNav li, ul#subNav a { position: relative; top: 0px; left: 0px; margin: 6px 0 0 0; padding: 0; display: block; width: 160px; } ul#subNav li, ul#subNav a { margin-top: 0px; height: 28px; } ul#subNav a { position: absolute; background-image: url("/images/bg_subNav.gif"); background-repeat: no-repeat; } ul#subNav a#about { top: 0px; background-position: 0px 0px; } ul#subNav a#about.active, ul#subNav a#about:hover { top: 0px; background-position: 0px -112px; } ul#subNav a#story { top: 0px; background-position: 0px -28px; } ul#subNav a#story.active, ul#subNav a#story:hover { top: 0px; background-position: 0px -140px; } ul#subNav a#name { top: 0px; background-position: 0px -56px; } ul#subNav a#name.active, ul#subNav a#name:hover { top: 0px; background-position: 0px -168px; } ul#subNav a#expertise { top: 0px; background-position: 0px -84px; } ul#subNav a#expertise.active, ul#subNav a#expertise:hover { top: 0px; background-position: 0px -196px; } /* innovation sub nav ------ */ ul#innoNav, ul#innoNav li, ul#innoNav a { position: relative; top: 0px; left: 0px; margin: 6px 0 0 0; padding: 0; display: block; width: 160px; } ul#innoNav li, ul#innoNav a { margin-top: 0px; height: 28px; } ul#innoNav a { position: absolute; background-image: url("/images/bg_innoNav.gif"); background-repeat: no-repeat; } ul#innoNav a#innovation { top: 0px; background-position: 0px 0px; } ul#innoNav a#innovation.active, ul#innoNav a#innovation:hover { top: 0px; background-position: 0px -112px; } ul#innoNav a#ideas { top: 0px; background-position: 0px -28px; } ul#innoNav a#ideas.active, ul#innoNav a#ideas:hover { top: 0px; background-position: 0px -140px; } ul#innoNav a#innovators { top: 0px; background-position: 0px -56px; } ul#innoNav a#innovators.active, ul#innoNav a#innovators:hover { top: 0px; background-position: 0px -168px; } ul#innoNav a#interviews { top: 0px; background-position: 0px -84px; } ul#innoNav a#interviews.active, ul#innoNav a#interviews:hover { top: 0px; background-position: 0px -196px; } /* news styles --------------------------------------------- */ div#news, div#article { padding-top: 1.4em; } h1.title { padding-top: 20px; height: 0px; overflow: hidden; } h1#year_10 { background: url("/images/news_2011.gif") no-repeat left top; } h1#year_10 { background: url("/images/news_2010.gif") no-repeat left top; } h1#year_09 { background: url("/images/news_2009.gif") no-repeat left top; } h1#year_08 { background: url("/images/news_2008.gif") no-repeat left top; } .separate { margin-bottom: 2.4em; border-bottom: 1px solid #6e6e65; } .item { margin-bottom: 1.4em; overflow: hidden; } .newsDate p { color: #6e6e65; font-weight: bold; } .newsItem p a { color: #a6a69c; text-decoration: none;} .newsItem p a:visited { color: #6e6e65; text-decoration: none;} .newsItem p a:hover { color: #00aeef;} /* article styles --------- */ .articleHead { margin-bottom: 1.6em; border-bottom: 1px solid #5c5c55; overflow: hidden; } #article h1 { margin-bottom: .4em; font-weight: normal; color: #fff; } #article p, #article .furtherinfocontact { color: #b0ada7; line-height: 1.6em; } #article .furtherinfocontact { font-weight: normal; text-transform: uppercase; color: #e8e8db; } #article p { font-size: 1.4em; } #article p.contact { padding-top: .8em; border-top: 1px solid #5c5c55; } #article p.contact a { color: #fff; } #article p.contact a:hover { color: #00aeef; } #article h2 { font-weight: normal; color: #fff; } #article a.newsLink { display: block; margin: 2em 0 1em 0; width: 165px; height: 0px; padding-top: 27px; background: url("/images/btn_news.gif") no-repeat 0 0; overflow: hidden; } #article a.newsLink:hover { background: url("/images/btn_news.gif") no-repeat 0 -27px; } #article table { margin: 0 0 1.8em 0; width: 460px; font-size: 1.2em; } #article td { padding-bottom: .6em; } #article td.spacer { border-top: 1px solid #5c5c55; } /* requestForm -------------------------------------------- */ #requestDiv input, #comment input { background-image: url("/images/bg_input.gif"); background-repeat: no-repeat; background-position: 0 0; background-color: #dadacb; border-width: 0px; } #requestDiv, #aboutClips, #metaBlock, #questionClips { margin-right: 0px; padding: 20px; background: #272726; border: 1px solid #3e3e3b; } #metaBlock { margin-bottom: 6px; padding: 10px 20px; } #requestDiv h1, #aboutClips h1 { margin-bottom: .4em; font-size: 1.6em; color: #e8e8db; font-weight: normal; } #requestDiv h1 { text-transform: uppercase; color: #00aeef; } #requestDiv h2 { margin-bottom: .2em; font-size: 1.2em; font-weight: normal; color: #a6a69c; } #requestDiv p { margin-bottom: 1.1em; font-size: 1em; line-height: 1.2em; color: #e8e8db; } #requestDiv input, #requestDiv textarea { margin: 0 0 1em 0; display: block; } #requestDiv input.text, #requestDiv textarea { padding: 6px; width: 220px; } *:first-child+html #requestDiv textarea { padding: 6px 0px 6px 6px; } #requestDiv textarea { height: 74px; background: #dadacb url("/images/bg_textArea.gif") no-repeat left top; border-width: 0px;} input.blur, #requestDiv textarea.blur { color: #83837a; } #requestDiv input.submit { margin-bottom: 0; padding-top: 27px; width: 157px; height: 0px; overflow: hidden; background: url("/images/btn_SubmitRequest.gif") no-repeat 0 0; border-width: 0px; cursor: pointer;} *:first-child+html #requestDiv input.submit { height: 27px; } #requestDiv input.submit:hover { background: url("/images/btn_SubmitRequest.gif") no-repeat 0 -27px; border-width: 0px; cursor: pointer; } #requestDiv label { display: block; } #requestDiv form { margin: 0 auto; padding: 0; display: block; width: 234px; } /* friggin' drop-friggin'-shadow */ #requestWrapTop { padding-top: 2px; background: url("/images/requestFormTop.gif") no-repeat left top; } #requestWrapBot { padding-bottom: 3px; background: url("/images/requestFormBot.gif") no-repeat left bottom; } /* index text styles -------------- */ #populous h1 { width: 280px; height: 0px; margin-bottom: 12px; padding-top: 88px; overflow: hidden; background: url("/images/txt_index.gif") no-repeat left top; } #populous a { text-decoration: none; text-transform: none; } #populous p { margin-bottom: .5em; font-size: 12px; line-height: 1.6em; font-weight: normal; color: #a6a69c; } #populous p span { color: #00aeef; text-transform: uppercase; } /* index thumbs styles ------------------------------------ */ .indexThumbs { background: #efefed url('/images/testThumb.gif') no-repeat center center; } .indexThumbs a { display: block; margin: 0; width: 60px; height: 40px; background: url('/images/thumbLinkBG.png') repeat left top; } .indexThumbs a:hover, .indexThumbs a.active { background: transparent; } .videoThumb { width: 300px; float: left; margin-right: 30px; } .videoThumb.last { margin-right: 0px; } .videoThumb a { display: block; width: 80px; float: left; } .videoThumb h2, .videoThumb p { margin-left: 100px; } .videoThumb h2 { font-size: 1.2em; margin-bottom: .2em; } .videoThumb p { font-size: 1em; margin-bottom: .2em; } #featured h1 { margin-bottom: .4em; font-size: 4em; color: #fff; } /* footer styles ---------------------------------------- */ #footer { position: relative; top: 0px; left: 0px; margin: 0 0 2.4em 0; padding: 2.4em 0; } #footer h1 { font-size: 1.2em; color: #e8e8db; text-transform: uppercase; font-weight: normal; } #footer div { height: 58px; position: relative; top: 0px; left: 0px; } #footer p { font-size: 11px; line-height: 1em; color: #b0ada7; } #footer p span { color: #e8e8db; } #footer p.small { position: relative; left: 0px; bottom: 0px; margin: 1.1em 0 0 0; font-size: 10px; } #footer a { text-decoration: underline; color: #b0ada7;} #footer a:hover { color: #00aeef;} #footer #footerBlock { padding-top: 17px; } /* notification div -------------------------------------------------------- */ #notification { margin-bottom: 1.6em; padding: 8px 60px 0px 70px; height: 44px; position: relative; background: url("/images/ntc_notice.gif") no-repeat left top; } #questionTop #notification { margin: 1.6em 0; padding: 8px 40px 0px 70px; height: 68px; position: relative; background: url("/images/ntc_notice_page.gif") no-repeat left top; } #notification h2, #notification p { margin-bottom: 0; font-weight: normal; } #notification h2 { font-size: 1.4em; text-transform: uppercase; } #notification p { font-size: 1em; } #questionTop #notification p { font-size: 1.2em; } #notification a { display: block; position: absolute; top: 8px; right: 8px; width: 40px; height: 12px; color: #fff; text-decoration: none; } .processing { display: none; margin: 2em auto; width: 100%; height: 33px; background: url("/images/ntc_processing.gif") no-repeat left top; } .blockMsg p { display: none; } #responses .processing, .processingResponse { display: none; margin: 2em auto; width: 100%; height: 33px; background: url("/images/ntc_processing_page.gif") no-repeat left top; } /* globalNav styles --------------------------------------------------------- */ #indexNav { padding: 2.4em 0 0 0; } #global { padding: 0 0 2.4em 0; } #globalNav { width: 940px; height: 50px; overflow: hidden; background: url("/images/globalNav.gif") no-repeat left top; } #globalNav li { margin: 0px; padding: 0px; display: block; float: left; } #globalNav li a { display: block; float: left; height: 50px; background-image: url("/images/globalNav.gif"); background-repeat: no-repeat; } #globalNav li a#we { width: 265px; background-position: 0 0px;} #globalNav li a#we:hover { width: 265px; background-position: 0 -50px;} #globalNav li a#we.active { background-position: 0 -100px;} #globalNav li a#what { width: 395px; background-position: -265px 0px;} #globalNav li a#what:hover { width: 395px; background-position: -265px -50px;} #globalNav li a#what.active { background-position: -265px -100px;} #globalNav li a#news { width: 280px; background-position: -660px 0px;} #globalNav li a#news:hover { width: 280px; background-position: -660px -50px;} #globalNav li a#news.active { background-position: -660px -100px;} /* admin styles ------------- */ #adminNav li { margin: 0px; padding: 0px; display: block; width: 230px; height: 66px; float: left; vertical-align: bottom; border-left: 1px solid #f80e66; } #adminNav li:hover { border-left: 1px solid #fff; } #adminNav li a { display: block; float: left; width: 209px; height: 46px; padding: 20px 10px 0 10px; color: #fff; text-decoration: none; font-weight: bold; } #adminNav li a:hover { color: #f80e66; background: #111112; }