/*
-------------------------------------------------------------
project			ONE.org (www.one.org) ABOUT style sheet
author:   		HUGE
last updated:	2009.02.09
---------------------------------------------------------- */

/* ---------- About Hero top ---------- */
#landing-hero{ position:relative; width:920px; height:48px; padding-top:302px; margin:30px 0; }
#landing-hero h1{ width:163px; height:42px; background:url(../img/about/title-our-story.png); text-indent:-9999px; position:absolute; top:10px; left:20px; }

/* ----------- About Landing hero images ----------- */
.landing-hero-1{ background:url(../img/about/bg-landing-hero-img-1.jpg); }
h1.our-partners{ height:67px; width:504px; background:url(../img/about/title-our-partners.gif); }

/* ---------- Introduction to ONE ---------- */
#one-intro{ padding-bottom:40px; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; }
#one-intro h2{ background:url(../img/about/sprite-landing-titles.gif) no-repeat; height:26px; margin-bottom:20px; text-indent:-9999px; }
#one-intro .what{ background-position:0 -26px; }
#one-intro .how{ background-position:0 -52px; }
#one-intro p{ line-height:125%; margin-bottom:15px; }
#one-intro ul{ margin-bottom:-8px; }
#one-intro ul li{ margin-bottom:8px; }
#one-intro ul li a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding:0 0 0 10px; color:#0099ff; }

/* ---------- Archive Hero ---------- */
#archive-hero{ height:230px; background:no-repeat 0 100%; padding:38px 0 0 320px; }
#archive-hero h1{ font-size:2em; font-weight:700; text-transform:uppercase; margin-bottom:8px; }
#archive-hero p{ font-size:1.16em; line-height:135%; padding-right:45px; }
#archive-hero p.dates{ margin-bottom:15px; color:#666; }
#archive-hero ul{ width:100%; margin-top:17px; color:#ccc; font-size:1.05em; }
#archive-hero ul li{ float:left; display:inline; padding-right:5px; }
#archive-hero ul li a{ color:#0099FF; }

/* ----------Signup panel ---------- */
#pnl-signup{ height:38px; background:url(../img/about/bg-pnl-signup.png); width:880px; height:38px; margin:0 auto; }
#pnl-signup form{ position:relative; display:block; padding-left:300px; }
#pnl-signup label{ color:#fff; text-transform:uppercase; font-weight:700; float:left; display:inline; padding:14px 10px 0 0; font-size:0.9em; }
#pnl-signup .text{ float:left; display:inline; margin:8px 20px 0 0; width:120px; }
#pnl-signup .rollover{ margin-top:7px; }
#pnl-signup .why{ position:absolute; top:9px; left:854px; _left:554px; width:18px; height:18px; background:url(../img/icons/ico-why.png); text-indent:-9999px; }
#pnl-signup .why:hover{ cursor:hand; background-position:-18px 0; }

/* ----------- Our Partners ----------- */
#interest-promo{ position:relative; width:88px; height:128px; padding:28px 0 0 101px; text-align:center; background:url(../img/about/bg-interest-girl.jpg) no-repeat; margin-left:760px; margin-top:-132px; font-weight:700; }
#page #interest-promo a{ display:block; margin-top:0px; color:#FFF; }
#interest-promo.hover a{ text-decoration:underline; }

#partners-list{ position:relative; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x; padding-top:20px; }
/*ADDED*/#partners-top_partners{ position:relative; padding-top:20px; border-top:5px solid #311913; } /*ADDED*/
/*ADDED*/#partners-list-featured{ position:relative; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x; padding-top:1px; padding-bottom:10px; }/*ADDED*/

/* ----------- Partner Filter ----------- */
.partners-filter{ text-align:right; padding-bottom:10px; font-weight:700; color:#000; }
/*ADDED*/.partners-filter-left{ text-align:left;  padding-bottom:10px; font-weight:normal; color:#000; }/*ADDED*/
/*ADDED*/.partners-filter-left H3{ font-weight:700; font-size:1.4em; margin-bottom:10px; margin-top:5px;}/*ADDED*/
.partners-filter p{ float:left; margin-top:3px; }
.partners-filter form{ float:right; font-size:0.9em; }
.partners-filter label{ _margin-top:-14px; zoom:1; }
.partners-filter form select{ margin-left:5px; }

/* ----------- Structure for both large and small partners ----------- */
.partner-row{ background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x; padding:20px 0; }
.partner-row .wrap{ background:no-repeat 50% 50%; }
.partner-row a{ display:block; text-indent:-9999px; }
.partner-row a.hover, .partner-row a:hover{ margin:0; border:5px solid #0099ff; }
#page .partner-row .last{ background:none; padding-right:0; }
.partner-row .unit{ background:url(../img/lines-hatches/dot-line-vert-gray.gif) repeat-y 100% 0; float:left; display:inline; }
.pr-lrg .unit div{ margin:0 50px; }
.pr-lrg a{ width:190px; height:140px; }
.pr-lrg .unit .wrap{ height:150px; }
.pr-lrg .unit .wrap .desc{ display:none; }
.pr-lrg .unit{ width:300px; height:150px; overflow:hidden; }
#page .pr-lrg .mid{ padding:0 0px; }
.pr-med a{ width:110px; height:90px; }
.pr-med .unit{ width:120px; height:100px; padding:0 20px; overflow:hidden; }
.pr-med .unit .wrap{ height:100px; }
.pr-med .first{ padding:0 20px 0 0; width:120px; }
.pr-med .last{ width:120px; }

/* Lots of background images for partners - large and medium */ /*CAMBIE IMAGENES*/
.pr-lrg .bread-world{ background-image:url(../img/partners/beadforlife/logo-beadforlife-lrg.gif); }
.pr-med .bread-world{ background-image:url(../img/partners/beadforlife/logo-beadforlife-med.gif); }
.pr-lrg .care{ background-image:url(../img/partners/care/logo-care-lrg.gif); }
.pr-med .care{ background-image:url(../img/partners/care/logo-care-med.gif); }
.pr-lrg .evangelicallutheranchurchofamerica{ background-image:url(../img/partners/evangelicallutheranchurchofamerica/logo-elca-lrg.gif); }
.pr-med .evangelicallutheranchurchofamerica{ background-image:url(../img/partners/evangelicallutheranchurchofamerica/logo-elca-med.gif); }
.pr-lrg .islamicrelief{ background-image:url(../img/partners/islamicrelief/logo-islamicrelief-lrg.gif); }
.pr-med .islamicrelief{ background-image:url(../img/partners/islamicrelief/logo-islamicrelief-med.gif); }
.pr-lrg .oxfamamerica{ background-image:url(../img/partners/oxfamamerica/logo-oxfam-lrg.gif); }
.pr-med .oxfamamerica{ background-image:url(../img/partners/oxfamamerica/logo-oxfam-med.gif); }
.pr-lrg .red{ background-image:url(../img/partners/red/logo-red-lrg.gif); }
.pr-med .red{ background-image:url(../img/partners/red/logo-red-med.gif); }
.pr-lrg .results{ background-image:url(../img/partners/results/logo-results-lrg.gif); }
.pr-med .results{ background-image:url(../img/partners/results/logo-results-med.gif); }
.pr-lrg .savethechildren{ background-image:url(../img/partners/savethechildren/logo-savethechildren-lrg.gif); }
.pr-med .savethechildren{ background-image:url(../img/partners/savethechildren/logo-savethechildren-med.gif); }
.pr-lrg .sojourners{ background-image:url(../img/partners/sojourners/logo-sojourners-lrg.gif); }
.pr-med .sojourners{ background-image:url(../img/partners/sojourners/logo-sojourners-med.gif); }
.pr-lrg .unionofreformjudaism{ background-image:url(../img/partners/unionofreformjudaism/logo-unionofreformjudaism-lrg.gif); }
.pr-med .unionofreformjudaism{ background-image:url(../img/partners/unionofreformjudaism/logo-unionofreformjudaism-med.gif); }
.pr-lrg .usdoctorsforafrica{ background-image:url(../img/partners/usdoctorsforafrica/logo-usdoctorsforafrica-lrg.gif); }
.pr-med .usdoctorsforafrica{ background-image:url(../img/partners/usdoctorsforafrica/logo-usdoctorsforafrica-med.gif); }
.pr-lrg .womenthriveworldwide{ background-image:url(../img/partners/womenthriveworldwide/logo-womenthrive-lrg.gif); }
.pr-med .womenthriveworldwide{ background-image:url(../img/partners/womenthriveworldwide/logo-womenthrive-med.gif); }
.pr-lrg .worldvision{ background-image:url(../img/partners/worldvision/logo-worldvision-lrg.gif); }
.pr-med .worldvision{ background-image:url(../img/partners/worldvision/logo-worldvision-med.gif); }
.pr-lrg .mercycorps{ background-image:url(../img/partners/mercycorps/logo-mercycorps-lrg.gif); }
.pr-med .mercycorps{ background-image:url(../img/partners/mercycorps/logo-mercycorps-med.gif); }
.pr-lrg .interaction{ background-image:url(../img/partners/interaction/logo-interaction-lrg.gif); }
.pr-med .interaction{ background-image:url(../img/partners/interaction/logo-interaction-med.gif); }

.pr-med .alliance-hunger{ background-image:url(../img/partners/logo-alliance-hunger-med.gif); }
.pr-med .arc{ background-image:url(../img/partners/logo-arc-med.gif); }
.pr-med .ribbon{ background-image:url(../img/partners/logo-ribbon-med.gif); }
.pr-med .bridges-prosperity{ background-image:url(../img/partners/logo-bridges-prosperity-med.gif); }
.pr-med .child-health{ background-image:url(../img/partners/logo-child-health-med.gif); }
.pr-med .doctors-world{ background-image:url(../img/partners/logo-doctors-world-med.gif); }
.pr-med .engineers{ background-image:url(../img/partners/logo-engineers-med.gif); }
.pr-med .emergent{ background-image:url(../img/partners/logo-emergent-med.gif); }

/* ----------- Tooltips for Partner logos ---------- */
.tooltip{ z-index:99; position:absolute; top:0; left:0; text-align:left; }
.tooltip .top{ padding:32px 24px 10px 24px; *padding-bottom:0; line-height:125%; }
#tooltip-lrg{ width:348px; }
#tooltip-sml{ width:253px; }
#tooltip-lrg .top{ background:url(../img/about/tt-partners-lrg-top.png) no-repeat; *height:1%; }
#tooltip-sml .top{ background:url(../img/about/tt-partners-sml-top.png) no-repeat; *height:1%; }
.tooltip a{ color:#0099ff; font-weight:700; }
.tooltip a:hover{ color:#000; text-decoration:none; }
.tooltip .desc{ line-height:133%; }
.tooltip .desc a{ position:relative; font-size:1.16em; }
.tooltip .desc a:hover{ text-decoration:underline; color:#0099ff; }
.tooltip .news{  font-size:0.9em; }
.tooltip .news h4{ text-transform:uppercase; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x; margin:10px 0 5px 0; padding-top:10px; }
.tooltip .news ul{ margin-bottom:-4px; *height:1%; }
.tooltip .news ul li{ margin-bottom:4px; *height:1%; }
.tooltip .news ul a{ position:relative; display:block; font-weight:400; background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 5px; padding-left:10px; }
.tooltip .news ul a:hover{ color:#0099FF; text-decoration:underline; }
#tooltip-lrg .btm{ background:url(../img/about/tt-partners-lrg-btm.png) no-repeat; height:29px; }
#tooltip-sml .btm{ background:url(../img/about/tt-partners-sml-btm.png) no-repeat; height:29px; }/*
-------------------------------------------------------------
project			ONE.org (www.one.org) ACT NOW style sheet
author:   		HUGE
last updated:	2009.02.09
---------------------------------------------------------- */

/* ---------- The main 'Act Now' title and intro text */
.land-title{ width:253px; height:56px; background:url(../img/act-now/title-landing.gif); margin-bottom:15px; }
.land-intro{ font-size:1.33em; margin-bottom:0; }

/* ---------- Actions Overview ----------*/
.actions-ov{ position:relative; background-repeat:no-repeat; padding:35px 0 0 86px; margin-left:-120px; }
.supporter-2{ background-image:url(../img/act-now/supporter-2.jpg); }

/* ---------- Basic styles for Act Now Landing items ----------*/
.actions-ov .item{ float:left; display:inline; width:280px; margin:0 0 26px 38px; }
.actions-ov .status{ padding-left:98px; width:180px; }
.actions-ov .status .user-status{ font-size:0.9em; }

/* ---------- The 2 column hero action is slightly different. ----------*/
.mod-hero-action h2 { border-bottom:1px solid #CCCCCC; color:#000000; font-size:1.33em; font-weight:700; height:7px; _overflow:hidden; margin:3px 0 30px; text-align:center; text-transform:uppercase; }
.mod-hero-action h2 span { position:relative; background:#FFFFFF; padding:1px 10px; text-align:center; }
.mod-hero-action .content h3{ font-size:1.5em; margin:2px 0; }
.mod-hero-action .desc-wrap{ width:280px; padding-left:245px; }
.mod-hero-action .desc-wrap p.desc{ position:relative; float:none; display:block; width:auto; margin:10px 0 15px 0; font-size:1.16em; line-height:125%; }
.mod-hero-action .date{ text-transform:uppercase; display:block; margin-top:5px; color:#666; font-size:1.1em; }

/* ---------- Act Now Landing, when user is logged out ----------*/
.mod-tell-friend p.desc{ float:none; display:block; width:auto; margin:0 0 15px 0; }
#signup-form .signup-email{ width:174px; }
#tell-friend-form{ margin:12px 0 20px; }
#tell-friend-form .text{ width:200px; margin-bottom:10px; }
#signup-form label, #tell-friend-form label{ text-transform:uppercase; display:block; font-weight:700; margin-bottom:3px; font-size:0.9em; }
#signup-form .submit{ margin-bottom:20px; }

/*
-------------------------------------------------------------
project			ONE.org (www.one.org) POLICY NEWS style sheet
author:   		HUGE
last updated:	2009.02.09
---------------------------------------------------------- */

/* ---------- Introduction ---------- */
.land-title { width:369px; height:56px; background:url(../img/policy-news/title-landing.gif); }

/* ---------- Hot topics ---------- */
.hot-topics{ position:relative; zoom:1; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; padding-bottom:9px; margin-bottom:26px; }
.hot-topics .sticker{ position:absolute; top:-5px; left:190px; }
.hot-topics .unit{ width:238px; padding:0 1px 0 0; height:148px; }
.hot-topics .first,
.hot-topics .last{ width:220px; }
.hot-topics span{ text-transform:uppercase; font-size:0.9em; font-weight:700; color:#999; }
.hot-topics h2 { text-transform:uppercase; font-weight:700; font-size:1.33em; padding:1px 0 10px 0; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; }
#page .hot-topics .more-link { margin:-20px 0 0 0; padding-bottom:0px; }
.hot-topics .topic{ position:relative; height:148px; background-position:0 100%; background-repeat:no-repeat; }
.topic h3 { font-size:1.6em; font-weight:700; padding:0 0 0 20px; }
.topic h3 a { display:block; _height:1%; background:url(../img/icons/ico-more-arrow-lrg-off.gif) no-repeat 0 2px; padding:0 0 0 21px; }
.hot-topics .hover h3 a, .hot-topics .topic h3 a:hover { text-decoration:none; color:#0099ff; background:url(../img/icons/ico-more-arrow-lrg-on.gif) no-repeat 0 2px; }
.topic p { visibility:hidden; padding:20px 20px 0 20px; line-height:133%; }
.topic p a { font-size:0.83em; }
.hot-topics .hover p { visibility:visible; }

/* ---------- Hot topic ~ background images ---------- */
.hot-topics .eu { background-image:url(../img/policy-news/bg-topic-eu.jpg); }
.hot-topics .doha { background-image:url(../img/policy-news/bg-topic-doha.jpg); }
.hot-topics .bank { background-image:url(../img/policy-news/bg-topic-bank.jpg); }
.hot-topics .g8 { background-image:url(../img/policy-news/bg-topic-g8.jpg); }
.hot-topics .hover { background-image:none; }

/* ---------- News summary (Policy Landing Page ----------*/
.news-summary .desc{ width:486px; }

/* ---------- Policy News Detail ---------- */
.policy-news-headline{ height:195px; }
.policy-news-headline h1,
.policy-news-headline .sec-name{ position:absolute; text-indent:-9999px; }
.policy-news-headline p{ padding:96px 0 0 20px; width:320px; font-size:1.16em; line-height:133%; }
.policy-news-headline .sticker{ position:absolute; top:-20px; left:180px; }
.headline-doha{ background:url(../img/policy-news/bg-hero-doha.jpg) no-repeat; }/*
--------------------------------------------------------
project			ONE.org (www.one.org) GLOBAL style sheet
author:   		HUGE
last updated:	2009.02.11
----------------------------------------------------- */

/*-------------- Styles for screen media -------------*/
@media screen,projection{



/* (loosely based on) Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | 20090105 */



/* Don't reset header sizes */
h1,h2,h3,h4,h5,h6 { margin:0; padding: 0; }
#blog h2 { font-size: 100%; }

/* Make these work even in the modules, etc. where everything is reset */
i, em { font-style: italic !important; }
b, strong { font-weight: bold !important; }


#header ul, #footer ul, #actnow ul, #about ul, .mod ul, .article .mod ul, .news_summary ul, .blog.unit ul, ul.comment-opts, ul.blog-pagination { list-style:none; }
ul.unIndentedList, ul.indentedList, .article ul { list-style: disc /* for TinyMCE content */ }

/* Pull in some stuff from backwards.css */
.required {
    color:red;
    font-weight:bold;
}

.no-side-mrg h3, .no-side-mrg p { 
    margin-left: 0 !important; 
    margin-right: 0 !important; 
}

.bdr-dotted-top {
    border-top: dotted black 1px;
    padding-top: 7px;
}

.backwards h1 { margin: .67em 0 .67em 0; }
.backwards h2 { margin: .83em 0 .83em 0; }
.backwards h3 { margin: 1em 0 1em 0; }
.backwards h4 { margin: 1.33em 0 1.33em 0; }
.backwards h5 { margin: 1.67em 0 1.67em 0; }
.backwards h6 { margin: 2.33em 0 2.33em 0; }

/* ---------- Float Clearing Wrappers - multiple assets across site. Easier to maintain. ---------- */
.clearfix:after,
.news-summary .item:after,
#top-nav:after,
#features ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ zoom:1; }
.clear { position:relative; clear:both; width:auto; height:0; overflow:hidden; }

/* ---------- Global site assets ---------- */


h1,h2,h3,h4{ color:#000; }
.backwards a{ color: rgb(0, 153, 255); }
.backwards td { text-align: left; }
a{ color:#000; text-decoration:none; }
a:hover { text-decoration:underline; color:#0099ff; }
h3 a:hover,
h4 a:hover{ text-decoration:none; }
strong { font-weight:700; }
.hide,legend,body.has_js .js_hide { display:block; text-indent:-9999px; display:none; width:0; height:0; line-height:0; overflow:hidden; }
.uc{ text-transform:uppercase; }
textarea{ font:1em/1 Arial,sans-serif; padding:3px; }
.intro-copy p{ font-size:1.16em; margin-bottom:25px; line-height:125%; }
#page { position:relative; }
#page p a,
.mod h4 a:hover,
#one-box a { color:#0099ff;}
#page p { line-height: 135% }

/* ---------- Site wrapper ----------*/
#wrapper { position:relative; width:920px; text-align:left; margin:0 auto; padding:0 0; z-index:0; }

/* ---------- Grid variations ---------- */
.grid{ position:relative; }
.grid .unit { position:relative; float:left; display:inline; padding:0 20px 12px; }
.gr-three{ background:url(../img/bg-dot-3col.gif) repeat-y; }
.gr-three .unit { width:280px; }
.gr-four { width:920px; }
.gr-four .unit { width:200px; }
.gr-four .hero { width:440px; }
.gr-content,
.gr-browse{ margin-top:40px; }
.grid .content,
.grid .first { padding-left:0; }
.gr-content { background:url(../img/lines-hatches/dot-line-vert-content.gif); }
.gr-content .content { width:600px; }
.gr-content .sub-content { width:280px; }
.gr-bl-border .unit { background:url(../img/lines-hatches/dot-line-vert.gif) repeat-y 100% 0; }
.grid .sub-content,
.grid .last { padding-right:0; background:none; }
.more-pnl{ overflow:hidden; display:block; }

/* Act Now */
.gr-act{ margin-top:40px; }
.gr-act .sub-content{ padding:0; margin-right:40px; width:280px; }
.gr-act .content{ width:600px; padding-right:0; }

/* Browse list */
.gr-browse { background:url(../img/lines-hatches/dot-line-vert-browse.gif) repeat-y; }
.gr-browse .sub-content{ width:300px; padding:0 0 0 0; }
.gr-browse .mod-arrow-list{ margin-right:20px; }
.gr-browse .content { padding:0 0 0 20px; width:600px; }
.gr-browse h1{ font-size:1.83em; font-weight:700; margin-bottom:5px; }	
.gr-browse p.intro{ font-size:1.13em; margin-bottom:26px; line-height:140%; }

/* My ONE */



/* ---------- Header ---------- */
#header { border-bottom:5px solid #000; }
#logo { position:absolute; top:5px; left:10px; width:90px; height:91px; }
#header form { float:right; text-align:right; }
#header p { padding:34px 0 20px 111px; color:#666; }
#header p a { color:#0099ff; font-weight:700; }
#header p span.welcome { color:#000; padding:1px 2px; font-size:1.3em; font-weight:700; }
#header p span.regular a{ font-weight:400; }
#header p span.highlight { background:#ffcc00; }
#header p span.placeholder{ font-size:1.83em; }
	
/* ---------- Top links ---------- */
#top-links { font-size:0.9em; float:right; color:#ccc; }
#top-links li { float:left; margin-left:5px; }
#top-links li.sub-site { margin-left:8px; }
#top-links li a { margin-right:5px; }
#top-links li a:hover { border-bottom:2px solid #ff0000; text-decoration:none; color:#000; }
#top-links li.sub-site a { margin-right:8px; }
#top-links li.sub-site a:hover { border-bottom:0; text-decoration:underline; }
#top-links .active { color:#000; font-weight:700; border-bottom:2px solid #ff0000; position:relative; }
#top-links .active:hover { text-decoration:none; }
	
/* ---------- Top nav ---------- */
#nav-wrap { background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; }
#top-nav { float:left; padding:11px 0 11px 114px; }
#top-nav li { float:left; text-transform:uppercase; color:#ccc; padding:0 5px; background:url(../img/pipe-light-gray.gif) repeat-y 100% 0; }
#top-nav li.first{ padding-left:0; }
#top-nav li.last{ background:none; }
#top-nav a { position:relative; display:block; float:left; display:inline; font-weight:700; padding:3px 4px 3px; margin:-3px 0;  }
#top-nav a:hover, #top-nav a.current{ color:#000; background:#ffcc00; text-decoration:none; }
#top-nav a.current:hover { text-decoration:none; }
	
/* ---------- Global search box ---------- */
#search-form{ float:right; display:inline; width:220px; }
#search-input { width:150px; margin-top:7px; border:1px solid #999; height:14px; padding:2px; float:left; display:inline; border:1px solid #c3c3c3; background:url(../img/bg-global-search.gif) no-repeat; border-top-color:#7c7c7c; border-bottom-color:#ddd; }
#search-submit { margin:7px 0 0 5px; display:inline; float:left; }
	
/* ---------- Footer ---------- */
#footer { font-size:0.9em; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; margin-top:50px; color:#ccc; }
#footer p { position:relative; clear:both; color:#999; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding-top:10px; }
#footer #partners { float:right; }
	
/* ---------- Legal links ---------- */
#legals { float:left; padding:10px 0; }
#legals li { float:left; margin-top:5px; padding-right:5px; }
#legals a { margin-right:5px; }
#legals a.current,
#legals a.current:hover{ color:#999; }
#legals a:hover{ color:#000; }
	
/* ---------- Partner logos ---------- */
#partners li { float:left; display:inline; margin:10px 0 0 20px; height:18px; }
#partners li a { display:block; height:18px; background-image:url(../img/partner-logos.gif); text-indent:-9999px; }
#partners .flickr { width:47px; }
#partners .flickr:hover { width:47px; background-position:0 -18px; }
#partners .youtube { width:46px; background-position:-68px 0; }
#partners .youtube:hover { background-position:-68px -18px; }
#partners .myspace { width:68px; background-position:-134px 0; }
#partners .myspace:hover { background-position:-134px -18px; }
#partners .facebook { width:65px; background-position:-222px 0; }
#partners .facebook:hover { background-position:-222px -18px; }
#partners .twitter { width:68px; background-position:-306px 0; }
#partners .twitter:hover { background-position:-306px -18px; }
	
/* ---------- Eye brow ----------- */
.sec-name{ display:block; text-transform:uppercase; color:#999; font-size:0.83em; font-weight:700; padding-bottom:3px; }
#page .sec-name a{ color:#999; }
#page .sec-name a:hover{ color:#0099ff; text-decoration:none; }
	

	
/*----------  Global jCarousel components ---------- */
.jcarousel-container { position:relative; }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li,.jcarousel-item { float:left; list-style:none; }
.jcarousel-next,
.jcarousel-prev{ z-index:3; display:none; cursor:pointer; cursor:hand; }
	
/* ---------- Buttons with icons ---------- */
.btn { display:block; text-indent:-9999px; height:25px; background-repeat:no-repeat; }
a.attend-event { background-image:url(../img/buttons/btn-attend-event.gif); width:131px; }
a.attend-event:hover { background-position:-131px 0; }
a.tell-friend { background-image :url(../img/buttons/btn-tell-friend.gif); width:109px; }
a.tell-friend:hover{ background-position:-109px 0; }
a.act-now { background-image :url(../img/buttons/btn-act-now.gif); width:76px; }
a.act-now:hover{ background-position:-76px 0; }
a.join-now { background-image :url(../img/buttons/btn-join-now.gif); width:78px; }
a.join-now:hover{ background-position:-78px 0; }

/* ---------- Comment bubble ---------- */
.cmt { display:block; width:25px; height:25px; color:#fff; text-align:center; font-weight:700; background:url(../img/bg-comment-bubble.gif) no-repeat; }
.cmt span { display:block; text-indent:-9999px; }
#page .cmt a{ display:block; height:21px; padding-top:4px; color:#fff; text-decoration:none; background:url(../img/bg-comment-bubble.gif) no-repeat; }
#page .cmt a:hover{ background-position:-50px 0; }
	
/* ---------- Arrow link ---------- */
#page .more-link{ display:block; text-align:right; padding:0 0 5px; margin-bottom:0; margin-top:10px; }
#page .more-link a { font-size:0.9em; color:#000; background:url(ico-more-arrow-off.gif) no-repeat 100% 50%; padding:1px 17px 0 0; }
#page .more-link a:hover{ text-decoration:none; color:#0099ff; background-image:url(ico-more-arrow-on.gif); }

/* ---------- RSS link ---------- */
#page .rss-link { display:block; text-align:right; padding:0 0 5px; margin-bottom:0; margin-top:0px; }
#page .rss-link a { font-size:0.9em; color:#000; background:url(ico-rss-off.gif) no-repeat 100% 50%; padding:3px 22px 3px 0; }
#page .rss-link a:hover{ text-decoration:none; color:#0099ff; background-image:url(ico-rss-on.gif); }

/* ---------- Download link ---------- */
#page .dl-link { color:#000; background:url(ico-download-off.gif) no-repeat; padding:1px 0 4px 24px; font-size:0.9em; }
#page .dl-link:hover { background:url(ico-download-on.gif) no-repeat; text-decoration:none; color:#0099FF; }

/* ---------- More link ----------- */
.show-more, .show-less{ text-transform:uppercase; font-size:0.73em; background:url(../img/icons/arrow-expand.gif) no-repeat 100% 50%; padding-right:10px; }
.show-less{ background-image:url(../img/icons/arrow-collapse.gif); }

/* ---------- Media link ---------- */
#page .media-link span{ text-transform:none; font-size:0.9em; color:#999; background-repeat:no-repeat; background-position:0 50%; padding-left:22px; }
#page .media-link a:hover{ text-decoration:none; color:#0099FF; }
#page .media-link span.photos-videos{ background-image:url(ico-photo-video.gif); padding:0 0 0 44px; }
#page .media-link span.photos{ background-image:url(ico-photo.gif); }
#page .media-link span.videos{ background-image:url(ico-video.gif); }

/*---------- Small one logo, next to articles ---------- */
.one-logo { height:17px; background:url(../img/logo-sml.gif) no-repeat 100% 0; padding:0 20px 5px 0; }
	
/* ---------- Stickers ---------- */
.sticker { width:52px; height:52px; background-repeat:no-repeat; text-indent:-9999px; }
.sticker-fresh { background-image:url(../img/sticker-fresh.png); }

/* ---------- Third level page - breadcrumb ---------- */
#breadcrumb { background:url(../img/lines-hatches/cr-hatch-light-gray.gif); padding:8px; font-size:0.83em; }
#breadcrumb ul { background:url(../img/content/bull-breadcrumb.gif) no-repeat 0 50%; text-transform:uppercase; padding:0 0 0 14px; color:#666; }
#breadcrumb ul li { float:left; display:inline; margin-right:4px; }
#breadcrumb ul li a { margin-right:4px; }
#breadcrumb ul li a:hover{ text-decoration:none; }
	
/* ---------- Share bar ---------- */
.share { background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding:5px 0; }
.share ul li { float:left; display:inline; }
.share-wrap { position:relative; z-index:100; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; margin-bottom:5px; }
#wrapper .share p { margin:0; color:#fff; background:url(../img/arrow-share.gif) no-repeat; width:53px; padding:6px 0 0 5px; height:16px; font-size:0.83em; font-weight:700; text-transform:uppercase; float:left; display:inline; line-height:1em; }

.share .networks{ float:left; display:inline; margin-top:3px; width:200px; }
.share .networks a{ display:block; text-indent:-9999px; width:16px; height:17px; margin-right:10px; background-repeat:no-repeat; }
.share .networks a:hover{ background-position:-16px 0; }
.share .networks .in{ background-image:url(../img/icons/ico-in.gif); }
.share .networks .digg{ width:15px; background-image:url(../img/icons/ico-digg.gif); }
.share .networks .digg:hover{ background-position:-15px 0; }
.share .networks .facebook{ background-image:url(../img/icons/ico-facebook.gif); }
.share .networks .reddit{ background-image:url(../img/icons/ico-reddit.gif); }
.share .networks .delicious{ background-image:url(../img/icons/ico-delicious.gif); }
.share .networks .buzz{ background-image:url(../img/icons/ico-buzz.gif); }

/* Share - Dropdown */
.share-more{ position:relative; }
.share .networks a.share-more-dd{ text-indent:0; width:48px; height:13px; padding:2px 0 1px 9px; background:url(../img/bg-share-more.gif) no-repeat; text-transform:lowercase; font-size:0.95em; }
.share .networks a.share-more-dd:hover{ color:#000; text-decoration:none; background-position:-88px 0; }
#page .share .networks ul li a.active{ width:79px; background-position:-176px 0; }
.share .networks .share-additional{ padding:0 4px; width:78px; overflow:hidden; border:1px solid #ccc; border-top:0; position:absolute; top:16px; left:0; _left:-98px; background:#fff; }
.share .networks .share-additional li{ float:none; display:block; padding:7px 0 2px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; }
.share .networks .share-additional a{ display:block; width:100%; padding:4px 0 0 20px; color:#666; line-height:1em; text-indent:0; font-size:0.9em; }
.share .networks .share-additional a:hover{ color:#0099ff; text-decoration:none; background-position:0 0; }

.share-wrap .tools { float:right; display:inline; }
.share .tools a{ display:block; text-indent:-9999px; width:17px; height:17px; margin:1px 0 0 10px; }
.share .tools a:hover{ background-position:-17px 0; }
.share .tools .download{ background-image:url(../img/icons/ico-download.gif); }
.share .tools .subscribe{ background-image:url(../img/icons/ico-rss.gif); }
.share .tools .email{ background-image:url(../img/icons/ico-email.gif); }
.share .tools .print{ background-image:url(../img/icons/ico-print.gif); }

/*---------- Landing page assets ----------*/
#intro{ padding-bottom:9px; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; }
.land-title { text-indent:-9999px; margin:28px auto 20px; }
.land-intro { text-align:center; line-height:130%; color:#333; font-size:1.16em; width:584px; margin:0 auto 0; padding-bottom:27px; }

/* ---------- Pagination ---------- */
.pagination { width:600px; overflow:hidden; background:url(../img/lines-hatches/cr-hatch-light-gray.gif); text-align:right; font-size:1.16em; }
.gr-browse .pagination{ margin:20px 0 0; }
.pagination ul { background:#fff; float:right; padding-left:5px; color:#666; padding-top:3px; }
.pagination ul li { float:left; display:inline; text-align:right; }
.pagination ul a { padding:0 7px; color:#0099FF; }
.pagination a.prev,.pagination a.next { position:relative; width:21px; height:21px; margin-top:-3px; }
.pagination ul a.prev { background:url(../img/buttons/btn-prev-sml.gif); }
.pagination ul a.next { background:url(../img/buttons/btn-next-sml.gif); }
.pagination ul a.prev,.pagination ul a.next { display:block; padding:0; height:21px; text-align:left; text-indent:-9999px; }
.pagination ul a.prev:hover, .pagination a.next:hover { background-position:-21px 0; }
.pagination ul li a.current{ text-decoration:none; color:#000; font-weight:700; }
.pagination ul li a:hover{ font-weight:700; }

/* ---------- Page Tags ---------- */
.tags { font-size:0.9em; margin-bottom:40px; }

/* ---------- Sub Titles -----------*/
.sub-title-more { width:115px; height:39px; background:url(../img/content/sub-title-more.gif); text-indent:-9999px; margin-bottom:20px; }

/* ----------- Wide Carousel -----------*/
.wide-carousel{ position:relative; background:url(cr-hatch-light-gray.gif); padding:12px; }
.wide-carousel .loading{ position:absolute; left:-9999px; }
.wide-carousel .learn{ text-transform:uppercase; font-weight:700; color:#000; font-size:1.16em; letter-spacing:-1px; }
.wide-carousel .learn a{ padding-right:12px; background-image:url(arrow-cr-expand.gif); background-position: 100% 50%; background-repeat: no-repeat; letter-spacing:0; font-size:0.8em; font-weight:700; }
.wide-carousel .learn a.active{ background-image:url(arrow-cr-collapse.gif); }
.wide-carousel .prev-wrap,
.wide-carousel .next-wrap,
.wide-carousel .carousel-wrap{ height:90px; float:left; display:inline; margin:15px 10px 15px 0; }
.wide-carousel .next-wrap{ margin-right:0; }
.carousel-wrap { width:820px; margin-bottom:0px; }
.wide-carousel .caro-btn{ display:block; width:28px; height:28px; text-indent:-9999px; margin-top:32px; }
.wide-carousel .caro-btn:hover{ background-position:-28px 0; }
.wide-carousel .prev{ background-image:url(../img/issues/carousel-prev.gif); }
.wide-carousel .next-wrap .disabled,
.wide-carousel .prev-wrap .disabled{ background-position:-56px 0; }
.wide-carousel .next{ background-image:url(../img/issues/carousel-next.gif); }
.wide-carousel .carousel{ position:relative; height:90px; }
.wide-carousel .carousel li{ float:left; display:inline; width:128px; height:88px; margin-right:8px; border:1px solid #e8e8e8; }
.wide-carousel .filter{ background:#000; width:128px; height:88px; margin-bottom:-88px; }
.wide-carousel h4{ position:relative; _height:1%; }
.wide-carousel .carousel li h4 a{ display:block; font-weight:700; padding:10px; height:65px; border-bottom:3px solid #000; line-height:125%; }
.wide-carousel .carousel li.hover h4 a{ color:#fff; text-decoration:none; border-bottom:3px solid #fff; }
.wide-carousel-btm{ margin:30px 0 -20px 0; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding-top:1px; }

} /* End screen media */

	
/*-------------- Styles for print media --------------*/
@media print {
	#top-nav,
	#footer{ display:none; }
} /* End print media */