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

/*-------------- Styles for screen media -------------*/
@media screen,projection{
	
/* Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | 20090105 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:100%; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
	
/* ---------- 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 ---------- */
body { font:0.75em/1 Arial,sans-serif; color:#333; text-align:center; }

h1,h2,h3,h4{ color:#000; }
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; }

/* ---------- Site wrapper ----------*/
#wrapper { position:relative; width:920px; text-align:left; margin:0 auto; padding:10px 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(http://www.one.org/intl/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 */
.gr-my-one{ background:url(../img/lines-hatches/line-vert-my-one.gif) repeat-y; }


/* ---------- 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; }
	
/* ---------- 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; }
	
/* ---------- Signup form ----------  */
#signup-form label { font-size:0.9em; text-transform:uppercase; display:block; font-weight:700; margin-bottom:3px; color:#000; }
#signup-form .text { margin-bottom:10px; }
#signup-form .signup-email { width:190px; }
#signup-form .zip-code { width:88px; margin-bottom:15px; }
	
/*----------  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(../img/icons/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(../img/icons/ico-more-arrow-on.gif); }

/* ---------- RSS link ---------- */
#page .rss-link { display:block; text-align:right; padding:0 0 5px; margin-bottom:0; margin-top:10px; }
#page .rss-link a { font-size:0.9em; color:#000; background:url(../img/icons/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(../img/icons/ico-rss-on.gif); }

/* ---------- Download link ---------- */
#page .dl-link { color:#000; background:url(../img/icons/ico-download-off.gif) no-repeat; padding:1px 0 4px 24px; font-size:0.9em; }
#page .dl-link:hover { background:url(../img/icons/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(../img/icons/ico-photo-video.gif); padding:0 0 0 44px; }
#page .media-link span.photos{ background-image:url(../img/icons/ico-photo.gif); }
#page .media-link span.videos{ background-image:url(../img/icons/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(../img/lines-hatches/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(../img/icons/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(../img/icons/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:35px; }
.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 */