/* Goodwill Donate Stylesheet Created:5/2010 ----------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; /*vertical-align:baseline; background:transparent;*/ font-weight:normal; } h4 a {font-weight:bold;} ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } cite { font-style:normal; } /* =Generics ------------------------------------ */ body { font-size:100%; /*16 pixel text*/ font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; line-height:1.125em; /*18 pixel line-height*/ background-color:#532d19; color:#1a1a1a; } #wrap-out { background:url(../images/template/universal/bg.png) 100% 0 repeat-y transparent; margin:0 auto; padding:0 14px 0 15px; width:963px; text-align:left; } #wrap { background:url(../images/template/universal/bg-top.png) 0 0 no-repeat #ceb18e; font-size:0.8125em;/*13/16*/ } #wrap-in { background:url(../images/template/universal/bg-bottom.png) 0 100% no-repeat; padding-bottom:2.154em;/*28/13*/ } abbr { border:none; letter-spacing:0.1em } .clear { clear:both; } .bold, strong, b { font-weight:bold; } .ital, em, i { font-style:italic; } .hide, .for-print { display:none; } .left { float:left; margin-right:7px; } .right { float:right; margin-left:7px; } .upper { text-transform:uppercase; } .structural { position:absolute; left:-9999px; } address { font-style:normal; } sup { vertical-align:0.5em; font-size:0.9em; } sup.reg { vertical-align: 0.4em; font-size: 0.7em; } sub { vertical-align:-0.5em; font-size:0.9em; } .show-print {display:none;} /* =Links ------------------------------------ */ a { color:#0055A4 } a:link, a:visited { text-decoration:underline; } a:hover, a:active, a:focus { text-decoration:none; } #skiplinks li {float:left;} #skiplinks a { position:absolute; left:-9999px; background-color:#b0c6bd; color:#db4d1a; font-size:0.625em;/* 10/16 */ padding:3px 5px; border:1px solid #0070af; } #skiplinks a:active, #skiplinks a:focus { left:3px; top:3px; } .tel a { color:#1a1a1a; text-decoration:none; cursor:default; } /* =Util Top ------------------------------------ */ #util { background:url(../images/template/universal/page-top.png) 100% 100% no-repeat transparent; margin:0 auto; padding:7px 14px 19px 15px; width:963px; text-align:left; font-size:0.6875em;/*11/16*/ color:#fff; overflow:auto; } #util a { color:#fff; text-decoration:none; } #util-nav { float:left; } #util-nav li { float:left; } #util-nav a { display:block; float:left; border-left:1px solid #fff; padding:0 7px; font-weight:bold; } #util-nav li:first-child a { border:none; padding-left:0; } #util-nav #label { font-weight: bold; } #text-resize { float:right; } #text-resize #label { font-weight:bold; } #text-resize ul { float:right; margin-left:5px; } #text-resize li { float:left; } #text-resize a { display:block; float:left; font-weight:bold; margin-left:5px; } #smaller a { font-size:1.091em;/*12/11*/ } #default a { font-size:1.364em;/*15/11*/ } #larger a { font-size:1.636em;/*18/11*/ } /* =Banner ------------------------------------ */ #banner { position:relative; height:109px; } #logo { width:298px; height:85px; position:absolute; top:18px; left:17px; overflow:hidden; } #logo a { display:block; text-indent:-9999px; background:url(../images/donate-logo.png) 0 0 no-repeat; width:100%; height:100%; } #goodwill-logo { width:55px; height:76px; position:absolute; top:26px; right:15px; overflow:hidden; } #goodwill-logo a { display:block; text-indent:-9999px; background:url(../images/goodwill-logo.png) 0 0 no-repeat; width:100%; height:100%; } /* =Home ------------------------------------ */ /* =Main */ #home #main h1 { color:#5e3823; font:3.692em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*48/13*/ text-transform:uppercase; margin-bottom:0.15em;/*24/48*/ } /* =Extras */ #extras-wrap { background:url(../images/template/homepage/extras-top.png) 0 0 no-repeat; padding-top:14px; margin-top:1.385em;/*18/13*/ } #extras { background:url(../images/template/homepage/extras-bottom.png) 0 100% no-repeat; padding-bottom:17px; position:relative; } #extras-in { background:url(../images/template/universal/main-bg.png) 0 0 repeat-y; padding:0 33px 0 15px; width:100%; overflow:hidden; } #counter { width:324px; float:left; } #counter h3 { color:#fff; background:url(../images/template/homepage/counter-top.png) 0 0 no-repeat; padding:9px 35px 5px 19px; text-transform:uppercase; font:bold .85em 'Helvetica Neue', Helvetica, sans-serif;/*20/13*/ } #counter-date { font-size:1.25em;/*25/20*/ font-weight:inherit; } #counter-line1 { display:block; background:url(../images/template/homepage/counter-mid.png) 0 0 repeat-y; padding:8px 35px 8px 19px; color:#fff; font:1.154em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*15/13*/ } #counter-num { color:#901404; font-size:2.533em; line-height:1em;/*38/15*/ } #counter-line2 { display:block; background:url(../images/template/homepage/counter-bottom.png) 0 100% no-repeat; color:#fff; font:bold .95em 'Helvetica Neue', Helvetica, sans-serif;/*13/13*/ padding:5px 35px 20px 19px; } #tweets { width:305px; float:left; /*padding-bottom:2.769em;36/13*/ } #tweets h2 { color:#0055a4; font:1.538em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*20/13*/ text-transform:uppercase; background:url(../images/template/universal/header-bg-d.png) 0 100% no-repeat; padding:0.4em 0 0.4em 40px;/*8/20*/ margin-bottom:0.45em;/*9/20*/ } #tweets a { text-decoration:none; } #tweets #meta { color:#8f8f8f; font-size:0.846em;/*11/13*/ } #tweets .all { width:147px; right:33px; } /* =Content ------------------------------------ */ #content { width:978px; overflow:hidden; position:relative; left:-15px; margin-bottom:2em;/*26/13*/ } #principal { width:677px; float:left; } .unsemantic-tag-to-create-space-for-absulute-button-below { margin-bottom:50px; } .all { background:url(../images/template/universal/all-left.png) 0 0 no-repeat; padding-left:5px; float:left; position:absolute; bottom:8px;; } .all a, .all input { display:block; color:#fff; text-decoration:underline; padding:12px 14px 12px 9px; background:url(../images/template/universal/all-right.png) 100% 0 no-repeat; font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;/*18/13*/ text-transform:uppercase; } .all a:hover, .all a:active, .all a:focus { text-decoration:none; } /* =Main Nav */ #main-nav { width:561px; overflow:hidden; background:url(../images/template/universal/main-top.png) 0 100% no-repeat; padding-left:116px; } #main-nav li { float:left; } #main-nav a { display:block; float:left; text-decoration:none; color:#fff; height:79px; position:relative; outline:none; overflow:hidden; } #mn-partners a { width:178px; } #mn-support a { width:177px; } #mn-about a { width:184px; } #main-nav span { background:url(../images/template/universal/main-nav.png) 0 0 no-repeat; position:absolute; width:100%; height:100%; } #mn-support span { background-position:-178px 0; } #mn-about span { background-position:-355px 0; } /* =Main */ #main-wrap { width:100%; overflow:hidden; background:url(../images/template/universal/main-bottom.png) 0 100% no-repeat; padding-bottom:19px;/*4,19*/ } #main { width:629px; padding:0 33px 0 15px; float:left; background:url(../images/template/universal/main-bg.png) 0 0 repeat-y; } #main .introtext {color:#0055a4; font-size:16px; font-weight:bold; line-height:1.5;} #main .entry-summary {clear:both;} #your-impact #main .entry-summary {min-height:220px;} #main p, #main ul, #main ol, #main dl { margin-bottom:1.385em; margin-right:1.385em; /*18/13*/ } #main h1 { font:3.231em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*42/13*/ color:#fff; text-transform:uppercase; } #main h2 { background:url(../images/template/subpage/header-bg-arrow.png) 100% 50% no-repeat; color:#542e19; font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ margin-bottom:1em; clear:both; } #main h2.down-style { background:url(../images/template/subpage/header-bg-arrow-down.png) 100% 50% no-repeat; } #main h2 span { background-color:#eae0d5; padding-right:5px; } #main h3 { font:1.15em Arial, sans-serif;/*14/13*/ padding-bottom:2px; font-weight:bold; color:#825a45; } #main h4, #main h5, #main h6 { font-weight:bold; } #main ul { list-style:disc outside; padding-left:17px; } #main ol { list-style:decimal outside; padding-left:28px; } #main #hgroup { background:url(../images/template/subpage/main-header-bg.png) 0 0 no-repeat; height:77px; padding:13px 34px 35px 17px; margin-bottom:1.385em;/*18/13*/ } #main.support #hgroup { background:url(../images/template/subpage/support-header-bg.png) 0 0 no-repeat; } #main #hgroup h1 { color:#fff; float:left; margin-top:44px; } #main #hgroup p { float:right; } #main blockquote p { color:#0055a4; font-weight:bold; font-size:1.231em;/*16/13*/ margin:0; } #main cite { color:#0055a4; font-style:italic; } #main cite:before { content:'\2014'; } #main .small { font-size:0.769em;/*10/13*/ } #main .all { margin:0; bottom:0; right:16px; } #main .col1 { width:271px; padding-right:25px; float:left; } #main .col2 { width:280px; float:left; } #main .col1 ul.no_bull{ list-style-type:none; font-size:.85em; } #main .col2 ul.no_bull{ list-style-type:none; font-size:.85em; } #main ul.arrow{ list-style-type:none; list-style-image:url(../images/template/subpage/all-arrow.png); font-size:.95em; padding-left:15px; } #main #post-col1 { float:left; padding-left:0px; } #main #post-col2 { padding-left:225px; margin-top:0px; } #main #post-col3 { padding-left:425px; margin-top:0px; float:left; } #main-content { width:594px; padding:0 18px 0 0; overflow:hidden; } #copy { position:relative; margin-top:2.769em;/*36/13*/ margin-bottom:-11px; padding:0 16px 3.231em 16px;/*42/13*/ width:598px; overflow:hidden; } #copy h2 { color:#0055a4; text-transform:uppercase; font-size:1.538em;/*20/13*/ background:url(../images/template/subpage/header-d-bg.png) 0 100% no-repeat; padding:0.4em 0 0.4em 42px;/*8/20*/ } #copy h3 { color:#542e19; font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ margin-bottom:1em; } #copy .article a { text-decoration:none; } #copy .article h3 { margin-bottom:0.385em;/*5/13*/ font:1.077em Arial, 'Helvetica Neue', Helvetica, sans-serif;/*14/13*/ } #copy .article h3 a { font-weight:bold; } #copy .article h3 a[href$='.pdf'], #copy .article h3 a.pdf { background:url(../images/icons/pdf.png) 0 50% no-repeat; padding-left:20px; } #copy .article p { margin:0; } #copy .article { margin-bottom:2.385em;/*31/13*/ } #copy .more a { background:url(../images/template/subpage/all-arrow.png) 0 50% no-repeat; padding-left:15px; font-weight:bold; } #copy .bush-wrap { background:url(../images/template/subpage/bush-top.png) 0 0 no-repeat; padding-top:13px; } #copy .bush { width:562px; overflow:hidden; background:url(../images/template/subpage/bush-bottom.png) 0 100% no-repeat; margin-bottom:1.385em;/*18/13*/ padding:5px 18px 0 18px; } #copy .bush ul { list-style:none; padding:0; } #copy .bush .col1 { padding-right:10px; } /* =calculator */ #calculator { width:100%; overflow:hidden; } #calculator h2 { color:#0055a4; font:2.769em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*36/13*/ text-transform:uppercase; margin-bottom:0.5em; background:none; } #calc-widget { float:left; position:relative; } #calc-widget h3 { font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ color:#0055a4; text-transform:uppercase; } #calc-up-arrow { width:437px; height:52px; background:url(../images/calculator/calc-up-arrow.png) 0 0 no-repeat; position:absolute; left:0; bottom:25px; z-index:10; } #calc-down-arrow { width:39px; height:57px; background:url(../images/calculator/calc-down-arrow.png) 0 0 no-repeat; position:absolute; right:9px; bottom:-16px; z-index:20; } #calculator .col { width:291px; float:left; } #main #calc-items { width:291px; overflow:auto; margin-top:1.077em;/*14/13*/ padding:1px 0; margin-right:0;} #calc-items li { float:left; list-style:none; } #calc-items a { display:block; float:left; width:90px; height:105px; background:url(../images/calculator/calculator-items-sprite.png) 0 0 no-repeat; text-indent:-9999px; margin-right:7px; overflow:hidden; } #dc-clothing-select { width:100px; } #dc-household-select { width:95px; } #dc-electronics-select { width:90px; } #ci-household a { background-position:-90px 0; } #ci-electronics a { background-position:-180px 0; } #ci-clothing.current a { background-position:0 -105px; } #ci-household.current a { background-position:-90px -105px; } #ci-electronics.current a { background-position:-180px -105px; } #main #donation-calculator {overflow:hidden; z-index:30; position:relative; margin:-20px 0 0; padding:0; width:291px;} #donation-calculator li {list-style:none;} #donation-calculator ul { margin:0;} #donation-calculator > ul > li { /* width:219px; */ float:left; } .js #donation-calculator > ul > li { display:none; } .js #donation-calculator #dc-clothing { display:block; } #donation-calculator h3.category-title { color:#0055a4; font:1.231em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*16/13*/ float:left; margin-right:2px; margin-bottom:4px; text-transform:none;} .mobile #donation-calculator h3.category-title {display:none;} #calculator-results-wrap { width:306px; float:left; background:url(../images/calculator/results-top.png) 0 0 no-repeat; padding-top:9px; margin-bottom:1.385em;/*18/13*/ overflow:hidden; } #calculator-results { margin-bottom:20px; width:282px; overflow:auto; background:url(../images/calculator/results-bottom.png) 0 100% no-repeat; padding:0.385em 12px;/*5,18/13*/ } #calculator-results h3 { font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ color:#0055a4; text-transform:uppercase; margin-bottom:0.278em;/*5/18*/ } #main #donation-calculator .butt { margin-left:5px; margin-right:0px; margin-top:16px; width:53px; display:block; } #donation-calculator .container li { float:left; } #donation-calculator label { position:absolute; left:-9999px; } #donation-calculator label.multiply { position:static; display:block; float:left; width:14px; height:20px; text-indent:-9999px; background:url(../images/calculator/multiply.png) 50% 50% no-repeat; color:#107139 !important; } #donation-calculator label.multiply.donate { position:static; display:block; float:left; width:14px; height:20px; text-indent:-9999px; background:url(../images/calculator/multiply-donate.png) 50% 50% no-repeat; color:#107139 !important; } #donation-calculator input { width:28px; } #main #calculator-wrap {float:left; background:url(../images/calculator/results-bottom.png) 0 100% no-repeat; padding:0!important; margin:-12px 0 3em;} #calculator-wrap h3 { font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ color:#0055a4; text-transform:uppercase; margin-bottom:0.278em;/*5/18*/ } #calculator-wrap li {list-style:none;} #dc-your-items, #dc-your-impact {float:left; width:111px; margin-top:-9px; background:url(../images/calculator/results-top.png) 0 0 no-repeat; padding:14px 12px 4px;} #dc-your-impact {background-position:100% 0; width:144px;} #dc-your-impact h4 { float:left; color:#71a0cc; text-transform:lowercase; } #calculator.article.team-contest h2, #calculator.article.team-contest h2 a, #calculator.article.team-contest h3, #calculator.article.team-contest legend, #calculator.article.team-contest li label.multiply { color:#107139 !important; } #your-items { width:123px; float:left; /*border-right:2px solid #b6cee5;*/ } #main #clear { margin-bottom:0; } #clear a { text-decoration:none; color:#666; text-transform:uppercase; font-size:0.6em; /*10/13*/ } #your-items dl { font-size:0.846em;/*11/13*/ width:100%; overflow:hidden; margin:0; } #your-items dt { float:left; width:90px; clear:both; } #your-items dd { /*display:block;*/ float:right; text-align:right; width:33px; font-weight:bold; /*margin-bottom:0.455em;5/11*/ } /*#your-items dd .remove { display:block; float:right; width:18px; height:18px; color:#FF0; background:url(../images/calculator/remove.png) 40% 40% no-repeat; text-indent:-9999px; }*/ #your-items dd .remove {margin-left:5px;vertical-align:text-top; /*background:url(../images/calculator/remove.png) 40% 40% no-repeat;*/ text-indent:-9999px;} #calculator #items-paging { list-style:none; padding:0; width:100%; overflow:hidden; /*border-top:2px solid #b6cee5;*/ margin:0; } #items-paging li { float:left; } #items-paging a { display:block; float:left; padding-right:4px; text-decoration:none; font-size:0.846em;/*11/13*/ } #wrap #your-impact { width:146px; float:left; padding-left:10px; } #impact-wrap { background:url(../images/calculator/impact-bg-top.png) 0 0 no-repeat; padding-top:10px; margin-bottom:0.5em; } #main #impact { background:url(../images/calculator/impact-bg-bottom.png) 0 100% no-repeat; text-align:center; text-transform:uppercase; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; margin:0; padding-bottom:10px; } #main #impact .left { padding-left:10px; text-align:left; } #impact-hours { display:block; color:#5e3823; font-size:5em;/*65/13*/ line-height:1em; } #impact-hours a { text-decoration:none; color:#5e3823; font-size:0.5em;/*36/72*/ vertical-align:super; line-height:1; } #impact-line1 { display:block; color:#5e3823; font-size:1.308em;/*17/13*/ line-height:1em; } #impact-line2 { display:block; color:#0055a4; font-size:1.154em;/*15/13*/ line-height:1em; } #teamImpact-line1 { display:block; color:#107139; font-size:1em;/*17/13*/ font-weight:normal; line-height:1em; padding-left:10px; text-align:left; } #wrap #your-impact h4 { float:left; color:#71a0cc; text-transform:lowercase; } #calculator #calculator-share { padding:0; list-style:none; float:left; margin-bottom:0; } #calculator-share li { float:left; } #calculator-share a { display:block; float:left; width:16px; height:16px; background:url(../images/calculator/calculator-share.png) 0 0 no-repeat; text-indent:-9999px; margin-left:4px; } #cs-facebook a { background-position:-16px 0; } #calculator .aside-wrap { clear:both; /*background:url(../images/calculator/calculator-aside-top.png) 0 0 no-repeat;*/ padding-top:12px; } #calculator .aside { width:574px; overflow:hidden; background:url(../images/calculator/calculator-aside-bottom.png) 0 100% no-repeat; padding:6px 27px 20px 12px; margin-top:-6px; } #calculator .aside h2 { width:259px; padding:0 19px 0.714em 0;/*20/28*/ float:left; color:#fff; font-size:2.154em;/*28/13*/ text-align:right; background:url(../images/calculator/calculator-aside-header-bg.png) 61px 100% no-repeat; letter-spacing:1px; } #calculator .aside .article { width:278px; padding-left:18px; float:left; position:relative; } #calculator .aside .article a { color:#fff; font-weight:bold; } #calculator .aside .article h3 { margin-left:90px; } #calculator .aside .article h3 a { margin:0; text-decoration:none; } #calculator .aside .article p { margin:0 0 0 90px; color:#fff; } #my-story-img { margin:0; } #calculator .aside .article img { border:2px solid #fff; position:absolute; top:0; left:18px; } #disclaimer a { color:#1a1a1a; text-decoration:none; } /* Media Contacts */ div#media-contacts{ margin-top:20px; padding:10px; margin-right:19px; font-weight:bold; } div#media-contacts div#media-contacts-header{ padding-bottom:11px; color:#999999; } div#media-contacts ul { list-style-type:none; padding-bottom:10px; font-weight:normal; } div#media-contacts li { font-size:10px; } /* video contest */ #video-wrap { background:url(../images/video-contest/video-top.png) 0 0 no-repeat; padding:14px 0 10px; } #video { background:url(../images/video-contest/video-bottom.png) 0 100% no-repeat; width:613px; float:left; padding-bottom:15px; margin-bottom:24px; } #video-in { padding:4px 14px 0 20px; width:501px; float:left; position:relative; } #video-in ul { list-style:none; padding:0; width:307px; overflow:hidden; position:absolute; right:7px; top:306px; } #video-in li { float:left; } #video-in a { float:left; display:block; height:39px; font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ color:#fff; text-transform:uppercase; text-align:center; padding-top:8px; } #video-submit a { width:179px; padding-right:7px; background:url(../images/video-contest/blue-btn.png) 0 0 no-repeat; } #video-vote a { width:117px; padding-right:4px; background:url(../images/video-contest/green-btn.png) 0 0 no-repeat; } #video-share { width:40px; float:left; } #video-share h3 { font:1.077em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*14/13*/ color:#fff; text-transform:uppercase; margin-bottom:8px; } #video-share ul { list-style:none; padding:0; } #video-share a { display:block; width:40px; height:40px; text-indent:-9999px; background:url(../images/video-contest/video-share.png) 0 0 no-repeat; margin-bottom:10px; } #vs-twitter a { background-position:0 -40px; } #vs-vimeo a { background-position:0 -80px; } #vs-youtube a { background-position:0 -120px; } #vs-email a { background-position:0 -160px; } #vs-print a { background-position:0 -200px; } #latest-submissions-wrap { clear:both; background:url(../images/video-contest/latest-submissions-top.png) 0 0 no-repeat; padding-top:11px; } #latest-submissions { background:url(../images/video-contest/latest-submissions-bottom.png) 0 100% no-repeat; padding:11px 36px 30px 18px; } #latest-submissions h2 { text-transform:uppercase; color:#fff; background-position:100% 100%; padding-bottom:0.5em; } #latest-submissions #scroll-nav a { width:30px; height:25px; top:27px; } #latest-submissions #scroll-previous a { background-image:url(../images/video-contest/screens-previous.png); left:0; } #latest-submissions #scroll-next a { background-image:url(../images/video-contest/screens-next.png); right:0; } #latest-submissions #screens { width:481px; overflow-x:scroll; overflow-y:hidden; margin:0 39px; } .js #latest-submissions #screens { overflow:hidden; } #screens ul { list-style:none; padding-left:0; margin:0; width:9999px; overflow:hidden; } #screens li { float:left; margin-right:50px; } #screens img { display:block; } /* Featured */ #featured { background:url(../images/template/universal/featured-bottom.png) 0 100% no-repeat #eae0d5; padding:15px 0 15px 16px; position:relative; overflow:hidden;} .subpage #featured { padding-bottom:3.231em;/*42/13*/ } /* =Featured Partners ------------------------------------ */ #featured-partners { background:url(../images/featured/featured-partners-bg.png) 1px 100% no-repeat; } #panel-wrap { height:335px; overflow:hidden; } #featured-partners .article { width:605px; height:335px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; } .featured-content { position:absolute; left:-9999px; top:-9999px; } #featured-nav-outer { position:relative; margin-right:18px; } #featured-nav-outer #scroll-nav a { width:30px; height:25px; top:27px; } #featured-nav-outer #scroll-previous a { background-image:url(../images/featured/featured-previous.png); left:5px; } #featured-nav-outer #scroll-next a { background-image:url(../images/featured/featured-next.png); right:5px; } #featured-nav-wrap { margin:0 39px 6px; overflow-x:scroll; overflow-y:hidden; position:relative; } .js #featured-nav-wrap { overflow:hidden; } #main #featured-nav { list-style:none; padding:0; margin:0; width:9999px; overflow:hidden; } #featured-nav li { float:left; width:89px; height:80px; padding:4px 20px 13px; } #featured-nav li.current { background:url(../images/featured/featured-nav-bg.png) 16px 0 no-repeat; } #featured-nav a { display:block; width:89px; height:80px; float:left; background-position:50% 50%; background-repeat:no-repeat; text-indent:-9999px; outline:none; } /* Partner Landing page thumbs */ #fn-levis a { background-image:url(../images/featured/levis-nav.png); } #fn-hanes a { background-image:url(../images/featured/hanes-nav.png); } #fn-planet-green a { background-image:url(../images/featured/planet-green-nav.png); } #fn-family-circle a { background-image:url(../images/featured/family-circle-nav.png); } /* Partner Landing page main pics */ #featured-levis { background-image:url(../images/featured/levis.png); } #featured-hanes { background-image:url(../images/featured/hanes.png); } #featured-planet-green { background-image:url(../images/featured/planet-green.png); } #featured-family-circle { background-image:url(../images/featured/family-circle.png); } /* =Featured Donation Contest ------------------------------------ */ #featured-inner { background:url(../images/template/universal/featured-inner-bg.png) 2px bottom no-repeat; padding-bottom:80px; position:relative; } #main #featured-inner .hgroup { margin:0; position:relative; z-index:1; } #main #featured-inner #main-content { background-color:#fff; margin-top:-10px; padding:30px 0 0; } #main #featured-inner .col1 { padding-left:15px; width:265px; } #main #featured-inner .col2 { width:265px; } #main #featured-inner .all { right:34px; cursor:pointer; } /* =Complementary ------------------------------------ */ #complementary { width:301px; float:left; } #complementary .section { margin-bottom:0.692em;/*9/13*/ } #complementary .section-wrap { background:url(../images/template/universal/complementary-section-top.png) 0 0 no-repeat; padding-top:15px; width:100%; overflow:hidden; } #complementary .section-wrap .section { background:url(../images/template/universal/complementary-section-bottom.png) 0 100% no-repeat; padding-bottom:19px; float:left; position:relative; } #complementary .section-in { background:url(../images/template/universal/complementary-section-bg.png) 0 0 repeat-y; padding:0 37px 15px 20px;/*49/13*/ float:left; width:244px; } #complementary .section-in .all { right:37px; } .corr-header h2 { background:url(../images/template/universal/header-bg-corr.png) 0 0 no-repeat; margin:0 -14px; position:relative; top:-9px; color:#fff; text-transform:uppercase; font:1.692em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*22/13*/ padding:10px 13px; letter-spacing:1px; } .d-header { color:#0055a4; } .d-header h2 { font:1.538em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*20/13*/ text-transform:uppercase; background:url(../images/template/universal/header-bg-d-complementary.png) 0 100% no-repeat; padding:0.8em 0 0.4em 40px;/*8/20*/ margin-bottom:0.45em; margin-right:-10px;/*9/20*/ } /* donate */ #donate-now { background:url(../images/sidebar-ads/donate-now-bg.png) 0 0 no-repeat; height:264px; position:relative; } #donate-zip { color:#555; width:136px; padding:1px 3px; position:absolute; left:20px; top:219px; } #donate-submit { position:absolute; top:213px; left:176px; border:none; background:none; padding:0; width:90px; height:37px; color:#fff; text-transform:uppercase; text-decoration:underline; font:1.538em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*20/13*/ cursor:pointer; } /* game */ #game { background:url(../images/sidebar-ads/game-bg.png) 0 0 no-repeat; height:254px; position:relative; } #game a{ font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ color:#fff; text-transform:uppercase; position:absolute; left:17px; top:213px; display:block; width:250px; height:27px; padding-top:10px; text-align:center; } /* general contest */ #contest { background:url(../images/contests/photo-sticker.png) 0 0 no-repeat; height:274px; position:relative; } #contest a { font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ color:#fff; text-transform:uppercase; position:absolute; right:36px; bottom:13px; display:block; width:78px; height:27px; padding-top:10px; text-align:center; } /* partner support */ #partner-support ul { width:122px; float:left; margin-top:0.692em;/*9/13*/ } #partner-support li { height:75px; } #partner-support li a { display:block; } #partner-support #partner-cola { width:121px; border-right:1px solid #c4ae8f; } /* d updates */ #d-updates .entry-title a { text-decoration:none; } #d-updates .published { color:#989898; font-size:0.846em;/*11/13*/ } #d-updates li{ margin-bottom:11px; list-style-type:none; } /* partners contact */ #partner-contact .req { color:#666; text-align:right; font-size:11px; } #partner-contact-form br { display:none; } #partner-contact-form li { width:100%; overflow:hidden; margin-bottom:0.769em/*;10/13*/ } #partner-contact-form label { display:block; width:100px; /*float:left;*/ color:#024a96; } #partner-contact-form input { width:142px; padding:1px 0; border:1px solid #000; /*float:right;*/ } #partner-contact-form textarea { display:block; width:142px; padding:1px 0; border:1px solid #000; float:right; height:75px; } #partner-contact-form .butt { width:auto; margin-bottom:0; } #partner-contact-form .butt input { width:auto; border:none; padding:5px 10px 5px 5px; cursor:pointer; margin:0; } /* partner slider */ .slider-nav { height: 81px; left: 0; position: absolute !important; top: 0; width: 290px; } .slider-nav li { position: absolute !important; top: 0 !important; } .slider-nav .previous { left: 21px !important; z-index: 1001; } .slider-nav .next { right: 21px !important; z-index: 1000; } .slider-nav .next a { background-position: -15px 0; } .slider-nav a { background: url(/wp-content/themes/Donate/images/template/universal/prev-next.png) no-repeat; display: block; height: 81px; overflow: hidden; text-indent: -9999px; width: 15px; } .partner-slider { overflow: hidden; position: relative; } .partner-slider ul { list-style: none; margin: 0; overflow: hidden; left:-21px; } .partner-slider .contain { margin: 0 auto; width: 210px; } .partner-slider .contain ul { position: relative; } .partner-slider .contain ul a { color: #797979; display: block; font-weight: normal; } .partner-slider .contain li { float: left; font-size: 10px; line-height: 12px; width: 122px; } .partner-slider .contain img { display: block; margin-bottom: 8px; } /* video player */ #video-player p { font-weight:bold; color:#0055a4; } #video-player .time { color:#999; } /* spread the word */ #spread-the-word textarea { margin-bottom:2em;/*36/13*/ width:100%; min-height:60px } /* =Misc ------------------------------------ */ #donate-slogan { background:url(../images/template/universal/donate-slogan.png) 0 0 no-repeat; text-indent:-9999px; height:45px; margin-left:17px; } #scroll-wrap { position:relative; } #main #scroll-nav { list-style:none; padding:0; margin:0; } #scroll-nav a { text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; position:absolute; overflow:hidden; } #scroll-previous a { display:none; } #scroll-next a { display:block; } /* =Info ------------------------------------ */ #info { background:url(../images/template/universal/page-bottom.png) 100% 0 no-repeat transparent; margin:0 auto; padding:25px 14px 3.273em 15px;/*36/11*/ width:963px; text-align:left; font-size:0.6875em;/*11/16*/ color:#fff; } #info a { color:#fff; } #social-networking { float:right; } #social-networking li { float:left; } #social-networking a { display:block; float:left; width:32px; height:32px; background:url(../images/icons/sn-sprites.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; overflow:hidden; margin-left:6px; } #sn-email a { background-position:-32px 0; } #sn-facebook a { background-position:-64px 0; } #sn-twitter a { background-position:-96px 0; } #sn-youtube a { background-position:-128px 0; } #copyright { display:block; } .adr { border-right:1px solid #fff; padding-right:5px; margin-right:2px; } #info-util-nav { width:100%; overflow:auto; margin-bottom:1.636em;/*18/11*/ } #info-util-nav li { float:left; } #info-util-nav a { display:block; float:left; border-left:1px solid #fff; padding:0 5px; } #info-util-nav li:first-child a { border:none; padding-left:0; } /* =Support */ #support a {text-decoration:none;} .for-kids, .college-students, .educators-parents {float:left; display:inline-block; padding:10px 0 28px 12px;} #support #main {font-size:12px; padding-bottom:15px;} #support #main #featured {padding-bottom:60px;} #support #main .join-network {float:left; width:49%;} #support #main .section-wrap { background:url(../images/template/universal/complementary-section-top.png) 0 0 no-repeat; padding-top:15px; width:50%; overflow:hidden; float:right;} #support #main .section-wrap .section { background:url(../images/support/support-section-bottom.png) 0 100% no-repeat; padding-bottom:11px; float:left; position:relative; } #support #main .section-in { background:url(../images/template/universal/complementary-section-bg.png) 0 0 repeat-y; padding:0 37px 15px 20px;/*49/13*/ width:244px; position:relative; } #support #main .section-in p {margin:.6em 0;} #support #main .section-in .butt { background:url(../images/template/universal/all-left.png) 0 0 no-repeat; margin:0; padding-left:5px; position:absolute; bottom:-11px; right:32px; } #support #main .section-in .butt a { border:none; display:block; color:#fff; text-decoration:underline; padding:12px 14px 10px 9px; background:url(../images/template/universal/all-right.png) 100% 0 no-repeat; font:1.4em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;/*18/13*/ text-transform:uppercase; } #support #main .section .sign-up_btn {text-align:center; margin-bottom:0;} #support #main .section .sign-up_btn a { border:none; display:block; color:#fff; padding:16px 14px 10px 9px; font:2em/1 Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;/*18/13*/ } /* =Youth ------------------------------------ */ #donation-drive-steps, #promote-your-drive {background:none; padding:20px;} #youth {background:#542e19 url(../images/youth/scribble_bkgd.gif) repeat-y center 35px;} #youth #wrap-out {background:url(../images/youth/scribble_bottom.png) no-repeat center 100%; width:auto;} #youth #wrap-in {background:none;} #youth #wrap {background:#d4b18e url(../images/youth/whimsy_bkgd.jpg) no-repeat center 0; width:963px; position:relative; margin:0 auto;} #youth #util {background:url(../images/youth/scribble_top.gif) no-repeat center 0; padding:7px 22px 19px 24px;} #youth #wrap-in a {color:#ec41b2;} #youth #wrap-in strong a {font-weight:bold; text-decoration:none;} #youth #wrap-in a:hover {color:#0d62b1} #youth #content {overflow:visible; margin-bottom:0;} #youth #main-nav {background:none;} #youth #main-nav a {height:52px;} #youth #game-teaser {background:url(../images/youth/game-teaser_bg.png) no-repeat 0 0; height:247px; color:#fff; padding:25px 30px; position:relative;} #youth #game-teaser h2 {font: 2.45em/1em Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; text-transform:uppercase; width:48%;} #youth #game-teaser p {width:48%; font-weight:bold; margin-top:16px;} #youth #game-teaser .recycle {background:url(../images/youth/youth_sprite.png) no-repeat -64px 0; width:25px; height:24px; display:inline-block; margin:-5px 0 -6px;} #youth #game-teaser .donate {background:url(../images/youth/youth_sprite.png) no-repeat -99px 0; width:18px; height:19px; display:inline-block; margin:-2px 2px -4px;} #youth #game-teaser a {text-decoration:none; color:#00ff1d;} #youth #game-teaser a:hover {color:#0d62b1;} #youth #game-teaser .playnow {font: 2.6em/1em Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; text-transform:uppercase; color:#fff; position:absolute; bottom:18px; left:180px; padding:10px;} #youth #game-teaser .playnow:hover {color:#090150;} #youth #main-wrap {overflow:visible; margin-bottom:20px;} #youth #main {background:url(../images/youth/youth-main-top.png) no-repeat 0 0; padding:16px 0 0; width:677px; margin-top:22px; float:none;} #youth #main #featured {background:url(../images/template/universal/main-bg.png) repeat-y 0 0; padding:9px 45px 20px 30px;} #youth #main #featured * {z-index:1; position:relative;} #youth #main h2 {background:none; color:#238e37; font:3.2em/1.15 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; text-transform:uppercase; margin-bottom:16px;} #youth #main h2 .goodwill {color:#313131; background:none; padding:0;} #youth #main sup {font-size:60%; position:relative; top:-1px;} #youth #main .talk-bubble {background:url(../images/youth/youth-talk-bubble.png) no-repeat 0 0; position:relative; left:-44px; width:582px; height:86px; padding:25px 44px;} #youth #main .talk-bubble h2 {color:#fff; float:left;} #youth #main .talk-bubble .print-btn {color:#fff; float:right; font:1.55em/1.15 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; text-transform:uppercase; text-decoration:none; padding:13px;} #youth #main h3, #donation-drive-steps h3 {font: 2.15em/1em Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; text-transform:uppercase; color:#01823f; top:-15px;} #youth #main #featured #steps, #donation-drive-steps #steps {padding:0; margin:8px 0;} #donation-drive-steps #steps {width:600px;} #youth #main #featured #steps li, #donation-drive-steps #steps li {background:url(../images/youth/steps-li-bg.png) no-repeat 0 100%; font-size:16px; font-weight:bold; line-height:1.4; color:#313131; list-style:none; clear:both; padding:8px 0 24px 64px; position:relative;} #youth #main #featured #steps li.shortstep, #donation-drive-steps #steps li.shortstep {padding:18px 0 38px 64px;} #youth #main #featured #steps li.last, #donation-drive-steps #steps li.last {background:none;} #youth #main #featured #steps li .step, #donation-drive-steps #steps li .step {background:url(../images/youth/steps-icon.png) no-repeat 0 0; font:2em/1em Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; position:absolute; left:0; top:0; padding:16px 3px 0 2px; width:50px; height:40px; text-align:center;} #youth #main #featured #steps li ul, #donation-drive-steps #steps li ul {padding:0; margin:8px 0 0;} #youth #main #featured #steps li li, #donation-drive-steps #steps li li {background:url(../images/youth/youth_sprite.png) no-repeat 0 -378px; padding:2px 0 4px 30px; font-size:13px; font-weight:normal; min-height:20px;} #youth #main .school, #donation-drive-steps #steps .school {position:absolute!important; top:310px; right:22px; width:173px; height:88px; background:url(../images/youth/youth_sprite.png) no-repeat 100% -89px; z-index:0!important;} #youth #main .calendar, #donation-drive-steps #steps .calendar {position:absolute!important; top:602px; right:36px; width:92px; height:80px; background:url(../images/youth/youth_sprite.png) no-repeat 100% -187px; z-index:0!important;} #youth #main .donate-box, #donation-drive-steps #steps .donate-box {position:absolute!important; top:830px; left:20px; width:102px; height:80px; background:url(../images/youth/youth_sprite.png) no-repeat 100% 0; z-index:0!important;} #youth #donate-now {background:url(../images/sidebar-ads/donate-now-bg_grn.png) no-repeat 0 0; } #youth #curiousity-quest {background:url(../images/sidebar-ads/curiosity-quest.png) no-repeat 0 0; height:304px;} #youth #curiousity-quest .video {margin:15px 17px 0; float:left;} #youth #curiousity-quest a.active-button { float:right; margin:25px 35px 10px 0px; padding:0px; background: url(../images/youth/cq-logo.png) no-repeat 0 0; width:100px; height:75px; display:block; text-indent: -9999px; } #youth #curiousity-quest a.active-button:hover { background-position: 0 -75px; } #youth #flickr-slideshow {background:url(../images/sidebar-ads/flickr-slideshow_bg.png) no-repeat 0 0; margin-bottom: 1.3em; height:220px; position:relative; padding:66px 40px 0 22px;} #youth #flickr-slideshow .clip {position:absolute; top:16px; left:37px; width:48px; height:58px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -262px; z-index:10;} #youth #flickr-slideshow .slideshow {height:148px; background-color:#313131;} #youth #flickr-slideshow .arrow {background:url(../images/youth/youth_sprite.png) no-repeat 0 -378px; padding:0 0 4px 32px; margin-top:16px; display:block; text-decoration:none; font-weight:bold; color:#fff;} #youth #flickr-slideshow .arrow:hover {color:#0d62b1;} #youth #promote-notepaper, #promote-your-drive #promote-notepaper {background:url(../images/sidebar-ads/notepaper_bg.png) repeat-y 0 0; padding:20px 36px 105px 38px; position:relative;} #promote-your-drive #promote-notepaper {width:227px; font-size:81%;} #youth #promote-notepaper h2, #promote-your-drive #promote-notepaper h2 {font: 2.3em/1em Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; text-transform:uppercase; position:relative; z-index:1;} #youth #promote-notepaper ul, #promote-your-drive #promote-notepaper ul {margin-top:18px;} #youth #promote-notepaper li, #promote-your-drive #promote-notepaper li {font-weight:bold; font-size:14px; margin-top:14px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -378px; padding:0 0 4px 30px;} #youth #promote-notepaper li a, #promote-your-drive #promote-notepaper li a {font-weight:bold; text-decoration:none;} #youth #promote-notepaper .star, #promote-your-drive #promote-notepaper .star {position:absolute; top:-20px; left:35px; width:53px; height:50px; background:url(../images/youth/youth_sprite.png) no-repeat 0 0;} #youth #promote-notepaper .backpack, #promote-your-drive #promote-notepaper .backpack {position:absolute; top:120px; right:25px; width:53px; height:71px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -60px;} #youth #promote-notepaper .books, #promote-your-drive #promote-notepaper .books {position:absolute; bottom:10px; left:42px; width:111px; height:92px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -150px;} #youth #donate-slogan {clear:both; background: url(../images/youth/youth-donate-slogan.png) no-repeat 0 0; margin-left:24px;} #youth #info {background:#542e19 url(../images/youth/scribble_footer.gif) no-repeat center 0; width: 963px; padding:25px 14px 3.273em 15px; margin: 0 auto;} #youth #footer {margin: 0 auto; padding: 25px 14px 3.273em 15px; width: 963px;} /* =College ------------------------------------ */ @font-face { font-family: 'PermanentMarkerRegular'; src: url('fonts/PermanentMarker-webfont.eot'); src: url('fonts/PermanentMarker-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PermanentMarker-webfont.woff') format('woff'), url('fonts/PermanentMarker-webfont.ttf') format('truetype'), url('fonts/PermanentMarker-webfont.svg#PermanentMarkerRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KomikaTextTightRegular'; src: url('fonts/KOMTXTT_-webfont.eot'); src: url('fonts/KOMTXTT_-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/KOMTXTT_-webfont.woff') format('woff'), url('fonts/KOMTXTT_-webfont.ttf') format('truetype'), url('fonts/KOMTXTT_-webfont.svg#KomikaTextTightRegular') format('svg'); font-weight: normal; font-style: normal; } #college {background:url(../images/college/bg-corduroy.jpg) repeat;} #college #wrap-out {background:none; width:auto;} #college #wrap-in {background:none;} #college #wrap {background:transparent url(../images/college/bg-cork.jpg) repeat center 0; width:963px; position:relative; margin:0 auto;} #college #util {background:url(../images/college/bg-top.png) no-repeat center 0; padding:7px 22px 19px 24px;} #college #wrap-in a {color:#ec41b2;} #college #wrap-in strong a {font-weight:bold; text-decoration:none;} #college #wrap-in a:hover {color:#0d62b1} #college #content {overflow:visible; margin-bottom:0;} #college #main-wrap { width:100%; overflow:hidden; background:url(../images/template/universal/main-bottom.png) 0 100% no-repeat; padding-bottom:19px;/*4,19*/ } #college #main { width:629px; padding:0 33px 0 15px; float:left; background:url(../images/template/universal/main-bg.png) 0 0 repeat-y; } #college #main .introtext {color:#0055a4; font-size:16px; font-weight:bold; line-height:1.5;} #college #main .entry-summary {clear:both;} #college #your-impact #main .entry-summary {min-height:220px;} #college #main p, #college #main ul, #college #main ol, #college #main dl { margin-bottom:1.385em; margin-right:1.385em; /*18/13*/ } #college #main h1 { font:3.231em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*42/13*/ color:#0055a4; text-transform:uppercase; } #college #main h2 { background:url(../images/template/subpage/header-bg-arrow.png) 100% 50% no-repeat; color:#542e19; font:1.385em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*18/13*/ margin-bottom:1em; clear:both; } #college #main h2.down-style { background:url(../images/template/subpage/header-bg-arrow-down.png) 100% 50% no-repeat; } #college #main h2 span { background-color:#eae0d5; padding-right:5px; } #college #main h3 { font:1.15em Arial, sans-serif;/*14/13*/ padding-bottom:2px; font-weight:bold; color:#825a45; } #college #main h4, #college #main h5, #college #main h6 { font-weight:bold; } #college #main ul { list-style:disc outside; padding-left:17px; } #college #main ol { list-style:decimal outside; padding-left:28px; } #college #main #hgroup { background:url(../images/template/subpage/main-header-bg.png) 0 0 no-repeat; height:77px; padding:13px 34px 35px 17px; margin-bottom:1.385em;/*18/13*/ } #college #main.support #hgroup { background:url(../images/template/subpage/support-header-bg.png) 0 0 no-repeat; } #college #main #hgroup h1 { color:#fff; float:left; margin-top:44px; } #college #main #hgroup p { float:right; } #college #main blockquote p { color:#0055a4; font-weight:bold; font-size:1.231em;/*16/13*/ margin:0; } #college #main cite { color:#0055a4; font-style:italic; } #college #main cite:before { content:'\2014'; } #college #main .small { font-size:0.769em;/*10/13*/ } #college #main .all { margin:0; bottom:0; right:16px; } #college #main .col1 { width:271px; padding-right:25px; float:left; } #college #main .col2 { width:280px; float:left; } #college #main .col1 ul.no_bull{ list-style-type:none; font-size:.85em; } #college #main .col2 ul.no_bull{ list-style-type:none; font-size:.85em; } #college #flashcard { width: 694px; height: 374px; position: relative; top: -80px; background: transparent url(../images/college/bg-flashcard.png) no-repeat; overflow: auto; } #college #flashcard h2 { font-family: 'PermanentMarkerRegular',sans-serif; font-size: 35px; margin: 125px 160px 10px 30px; line-height: 1em; color: #b9292f; text-shadow: 0 0 0 rgba(255,255,255,1.0) } #college #flashcard p { margin: 0 200px 0 30px; font-weight: bold; font-size: 12px; } #college #flags { width: 695px; height: 774px; position: relative; top: -80px; left: -25px; background: transparent url(../images/college/bg-tabs.png) no-repeat; overflow: auto;} #college #flags h2 { font:2.8em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*42/13*/ color:#01823f; text-transform:uppercase; margin: 50px 0 30px 60px; } #college #flags ol { margin-left: 100px; list-style: decimal; } #college #flags ol li { font-weight: bold; margin-bottom: 15px; } #college #featured { min-height: 300px; background-image: url(../images/college/featured-bottom.png); padding: 0 0 15px 16px; } #college #featured h1 { clear: both; } #college #featured #sharebuttons { float: left; } #college #featured #video-frame { padding: 5px; background: #fff; margin: 10px 0; } #college #featured p { font-weight: bold; margin-right: 320px; margin-bottom: 0; } #college a.arrow-btn { display: block; width: 204px; height: 48px; background: transparent url(../images/college/bg-arrow-btn.png) no-repeat; color: #fff !important; overflow: hidden; text-decoration: none; } #college a.arrow-btn span { font:2.0em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; display: inline-block; margin: 9px 0 0 50px; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } #college #main ul.arrow{ list-style-type:none; list-style-image:url(../images/template/subpage/all-arrow.png); font-size:.95em; padding-left:15px; } #college #main #post-col1 { float:left; padding-left:0px; } #college #main #post-col2 { padding-left:225px; margin-top:0px; } #college #main #post-col3 { padding-left:425px; margin-top:0px; float:left; } #college #main .school, #donation-drive-steps #steps .school {position:absolute!important; top:310px; right:22px; width:173px; height:88px; background:url(../images/youth/youth_sprite.png) no-repeat 100% -89px; z-index:0!important;} #college #main .calendar, #donation-drive-steps #steps .calendar {position:absolute!important; top:602px; right:36px; width:92px; height:80px; background:url(../images/youth/youth_sprite.png) no-repeat 100% -187px; z-index:0!important;} #college #main .donate-box, #donation-drive-steps #steps .donate-box {position:absolute!important; top:830px; left:20px; width:102px; height:80px; background:url(../images/youth/youth_sprite.png) no-repeat 100% 0; z-index:0!important;} #college #donate-now {background:url(../images/college/donate-now.png) no-repeat 0 0; } #college #donate-submit { top: 218px; } #college #curiousity-quest {background:url(../images/sidebar-ads/curiosity-quest.png) no-repeat 0 0; height:304px;} #college #curiousity-quest .video {margin:120px 17px 0; float:left;} #college #flickr-slideshow {background:url(../images/sidebar-ads/flickr-slideshow_bg.png) no-repeat 0 0; margin-bottom: 1.3em; height:220px; position:relative; padding:66px 40px 0 22px;} #college #flickr-slideshow .clip {position:absolute; top:16px; left:37px; width:48px; height:58px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -262px; z-index:10;} #college #flickr-slideshow .slideshow {height:148px; background-color:#313131;} #college #flickr-slideshow .arrow {background:url(../images/youth/youth_sprite.png) no-repeat 0 -378px; padding:0 0 4px 32px; margin-top:16px; display:block; text-decoration:none; font-weight:bold; color:#fff;} #college #flickr-slideshow .arrow:hover {color:#0d62b1;} #college #promote-notepaper, #promote-your-drive #promote-notepaper {background:url(../images/sidebar-ads/notepaper_bg.png) repeat-y 0 0; padding:20px 36px 105px 38px; position:relative;} #promote-your-drive #promote-notepaper {width:227px; font-size:81%;} #college #promote-notepaper h2, #promote-your-drive #promote-notepaper h2 {font: 2.3em/1em Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; text-transform:uppercase; position:relative; z-index:1;} #college #promote-notepaper ul, #promote-your-drive #promote-notepaper ul {margin-top:18px;} #college #promote-notepaper li, #promote-your-drive #promote-notepaper li {font-weight:bold; font-size:14px; margin-top:14px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -378px; padding:0 0 4px 30px;} #college #promote-notepaper li a, #promote-your-drive #promote-notepaper li a {font-weight:bold; text-decoration:none;} #college #promote-notepaper .star, #promote-your-drive #promote-notepaper .star {position:absolute; top:-20px; left:35px; width:53px; height:50px; background:url(../images/youth/youth_sprite.png) no-repeat 0 0;} #college #promote-notepaper .backpack, #promote-your-drive #promote-notepaper .backpack {position:absolute; top:120px; right:25px; width:53px; height:71px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -60px;} #college #promote-notepaper .books, #promote-your-drive #promote-notepaper .books {position:absolute; bottom:10px; left:42px; width:111px; height:92px; background:url(../images/youth/youth_sprite.png) no-repeat 0 -150px;} #college #donate-slogan {clear:both; background: url(../images/youth/youth-donate-slogan.png) no-repeat 0 0; margin-left:24px;} #college #info {background:transparent url(../images/college/bg-footer.png) no-repeat center 0; width: 963px; padding:25px 14px 3.273em 15px; margin: 0 auto;} #college #footer {margin: 0 auto; padding: 25px 14px 3.273em 15px; width: 963px;} #college #iphone-register { text-indent: -9999px; display: block; height: 189px; width: 335px; background: transparent url(../images/college/bg-iphone.png) no-repeat; margin-left: -10px; } #college #college-quote p { font-family: 'KomikaTextTightRegular',sans-serif; font-size: 25px; margin: 10px 30px; line-height: 1em; text-shadow: 1px 1px 4px #fff; } #college #college-quote p.smaller { font-size: 18px; line-height: .8em; } #college #college-postit { height: 658px; position: relative; background: transparent url(../images/college/bg-postit.png) no-repeat; overflow: hidden; } #college #college-postit h2 { font-family: 'PermanentMarkerRegular',sans-serif; font-size: 35px; margin: 30px 20px 30px 30px; line-height: 1em; color: #0a2b80; text-shadow: 0 0 0 rgba(255,255,255,1.0);} #college #college-postit h2 span { font-size: 45px; padding-left: 20px; } #college #college-postit .postit ul { list-style: none; font-family: 'KomikaTextTightRegular',sans-serif; font-size: 20px; margin-top: 10px; } #college #college-postit .postit ul li { margin: 5px 0; } #college #college-postit .postit h3 { font-family: 'PermanentMarkerRegular',sans-serif; font-size: 35px; } #college #college-postit .postit.online { position: absolute; top: 220px; left: 50px; } #college #college-postit .postit.posters { position: absolute; top: 365px; left: 50px; color: #b52600; } #college #college-postit .postit.events { position: absolute; top: 520px; left: 50px; color: #001eb5; } /* =Twitter Widget ------------------------------------ */ .twtr-hd{ padding:0px; margin:-11px; } .twtr-tweet-text { font:Arial, Helvetica, sans-serif !important; } /* =Share Buttons - Subpages ------------------------------------ */ #share-buttons{ clear:both; padding: 0; margin: 0; } /* =Forms ------------------------------------ */ /* style */ #main form ul { padding:0; list-style:none; } #main form li { margin-bottom:13px; } #main form label { display:block; } #main form input { /* width:100%; */ } #main form .captcha-field { margin-left:5px; vertical-align:top; padding:2px; } #main form .select-box { width:100%; height:80px; border:none; } #main form .butt input { width:auto; } #main form br { display:none; } #main form .hidden-fields { position:absolute; left:-9999px; } /* =Team Overview ------------------------------------ */ #main-content.teamOverview { padding-left:20px; } #main .contestOverview { float:left; margin:0; padding:0 0 0 20px; width:290px; } #main .contestOverview.last { float:left; padding:0; width:270px; } #main .contestOverview dt { float:left; margin:0; padding:0; width:170px; } #main .contestOverview dd { float:left; margin:0; padding:0; width:100px; } #main .teamModule { background:url(/wp-content/themes/Donate/images/template/subpage/team-overview-bg.png) no-repeat top left; clear:left; float:left; padding-bottom:30px; width:606px; } #main .teamModule .module { color:#fff; float:left; margin:5px 0 20px 10px; padding:5px 0 0 0; } #main .teamModule .module h3 { color:#fff; text-transform:uppercase; } #main .teamModule .module p { margin:0; padding:0; } #main .teamModule .module.alpha { background:url(/wp-content/themes/Donate/images/template/subpage/team-overview-arrow.png) no-repeat bottom left; font-size:1.2em; padding-bottom:20px; width:210px; } #main .teamModule .module.beta { padding:0; width:250px; } #main .teamModule .module.beta .donations { background:url(/wp-content/themes/Donate/images/template/subpage/donations-bucket.png) no-repeat top left; height:79px; margin:0; padding:5px 0 0 0; position:relative; z-index:1; } #main .teamModule .module.beta .donations h3 { font-size:1.5em; margin:20px 0 0 30px; } #main .teamModule .module.beta .donationBox {position:relative; padding:4px 0 0; height:80px;} #main .teamModule .module.beta .donationAmount { background:url(/wp-content/themes/Donate/images/template/subpage/donations-bucket-amounts.png) no-repeat bottom left; width:202px; height:63px; margin:0; padding:0;bottom:3px;left:3px;position:absolute; } #main .teamModule .module.gamma { background:url(/wp-content/themes/Donate/images/template/subpage/donation-hours-top-bg.gif) no-repeat top left; color:#5e3823; font-weight:bold; margin:10px 0 0 10px; width:96px; } #main .teamModule .module.gamma .hours { background:url(/wp-content/themes/Donate/images/template/subpage/donation-hours-bottom-bg.gif) no-repeat bottom left; color:#5e3823; float:left; width:96px; } #main .teamModule .module.gamma .hoursContent { background:#fff; text-align:center; font-weight:bold; margin:0 0 5px 0; padding:5px 0 5px 5px; text-transform:uppercase; width:91px; } #main .teamModule .module.gamma .hoursContent p { font-weight:bold; margin:0; padding:0; } #main .teamModule .module.gamma .hoursContent .donationHours { display:block; font-size:3em; font-weight:bold; margin:0; padding:5px 0 5px 0; } #main .teamModule .module.gamma .hoursContent .hoursTraining { display:block; font-size:1em; font-weight:bold; line-height:2em; margin:0; padding:0; } #main .teamModule .module.gamma .hoursContent .jobTraining { display:block; color:#107139; font-size:.6em; font-weight:bold; line-height:.6em; margin:0; padding:0; } #main #additional_resources { clear:left; float:left; margin:20px 0 20px 0; width:605px; } #main #additional_resources .header h2 { color:#0055a5; font:1.538em/1em Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*20/13*/ text-transform:uppercase; background:url(../images/template/universal/header-bg-d-complementary-long.png) 0 100% no-repeat; padding:0.8em 0 0.4em 40px;/*8/20*/ margin-bottom:0.45em; margin-right:-10px;/*9/20*/ } #main #additional_resources .module { float:left; margin-right:30px; width:270px; } #main #additional_resources h6 { color:#0055a5; margin-bottom:0; padding-bottom:0; } #main #additional_resources p { margin:0 0 0px 0; } #main #additional_resources .resources { background:url(../images/template/universal/icons/pdf.png) no-repeat top left; padding:0 0 10px 30px; margin:20px 0 0 0; } #main #additional_resources .viewAll { background:url(../images/template/universal/blue-arrow.png) no-repeat center left; padding:0 0 0 30px; } #main #additional_resources .viewAll a { font-weight:bold; text-decoration:none; } #main #additional_resources ul { list-style-type:none; margin:20px 0; padding:0; } #main #additional_resources ul li { background:url(../images/template/universal/blue-bullet.png) no-repeat center left; margin:0; padding-left:20px; } /* =Tables ------------------------------------ */ #main table { width:100%; text-align:left; margin-bottom:6px; } #main table caption { font-size:16px; text-align:center; font-weight:bold; } #main table th { font-weight:bold; text-align:left; } #main table thead th { border:1px solid #ccd; padding:8px; background-color:#dde; color:#456; } #main table tbody th { border:1px dotted #ccd; padding:5px; background-color:#89a; color:#fff; } #main table tbody td { border:1px solid #ccc; padding:5px; text-align:left; border-bottom:0; } #main table tbody tr:hover th { background-color:#73818E; } #main table tbody tr:hover td { background-color:#ddd; } #main table .alt td { background-color:#ebf2f9; } #main table tfoot td { border:1px solid #cc9; background-color:#ffc; padding:5px; font-weight:bold; color:#333; } #main table tfoot th { border:1px solid #cc9; background-color:#BABA73; padding:5px; font-weight:bold; color:#333; } /* REQUIRED WP STYLES */ img.centered { display:block; padding:4px; margin:0 0 7px 7px; border:1px solid #ddd; } img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; border:1px solid #ddd; } img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; border:1px solid #ddd; } .aligncenter { display:block; margin-left:auto; margin-right:auto; } .alignright { float:right; } .alignleft { float:left; } #extraBuffer { margin-top:20px; margin-bottom:10px; } .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; }