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

/* ---------- Carousel ---------- */

.jcarousel-container { margin-left:-258px; }
.jcarousel-item { width:480px; height:350px; background:url(../img/lines-hatches/dot-line-vert.gif) repeat-y 100% 0; }
.jcarousel-next,
.jcarousel-prev{ width:50px; height:50px; position:absolute; top:170px; }
.jcarousel-next { background:url(../img/home/btn-carousel-next.png); left:899px;  }
.jcarousel-prev { background:url(../img/home/btn-carousel-prev.png); left:-28px; }
.jcarousel-next:hover,
.jcarousel-prev:hover { background-position:-50px 0; }

#carousel-wrap { position:relative; overflow:hidden; width:920px; margin-bottom:20px; }
#carousel { overflow:hidden; width:920px; height:350px; padding:20px 0 30px; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; }
#carousel .item,
#carousel .pnl-event { position:relative; width:440px; height:158px; padding-top:192px; margin-left:20px; }
#carousel .desc-wrap { padding:40px 20px 0;	width:360px; height:96px; margin-left:20px; background:url(../img/home/bg-caro-desc.png); }
#carousel .desc { position:relative; }
#carousel .item h2,
#carousel .pnl-event h2 { position:relative; font-weight:700; font-size:2.3em; letter-spacing:-1px; line-height:1.1em; margin-bottom:12px; height:64px; }
#carousel .action .desc h2 { height:32px; }
#carousel .item h2 a,
#carousel .pnl-event h2 a { position:relative; z-index:200; color:#fff; }
#carousel .item h2 a:hover,
#carousel .pnl-event h2 a:hover { position:relative; color:#1ec7ff; text-decoration:none; }
#carousel .lbl {  position:absolute; top:-40px; left:0; height:22px; }
#carousel .lbl a{ display:block; height:22px; text-indent:-9999px; }
#carousel .desc .issues { width:62px; background:url(../img/home/lbl-the-issues.png); }
#carousel .lbl-act-now { width:52px; background:url(../img/home/lbl-act-now.png); }

/* ---------- Act now panel - activated on button click ---------- */
#carousel .pnl-event{ display:none; padding:0; width:400px; padding:20px; height:310px; background:url(../img/lines-hatches/cr-hatch-light-gray.gif); }
#carousel .pnl-event form{ position:relative; background:#8c8c8c; padding:40px 20px 0; height:270px; color:#fff; }
#carousel .pnl-event .summary{ font-size:14px; margin-bottom:15px; }
#carousel .pnl-event label{ display:block; font-size:0.9em; padding-bottom:3px; }
#carousel .pnl-event select{ margin-bottom:10px; }
#carousel .pnl-event input.text{ margin-bottom:20px; width:90px; }
#carousel .pnl-event .lbl{ top:0; left:20px; }
#carousel .pnl-event h2{ margin-bottom:5px; height:auto; }
#carousel .pnl-event label,
#carousel .pnl-event select{ text-transform:uppercase; }
#carousel .pnl-event .close{ display:block; width:13px; height:13px; background:url(../img/icons/ico-close-circle.gif); text-indent:-9999px; position:absolute; top:8px; left:379px; }
#carousel .pnl-event .close:hover{ background-position:-13px 0; }

/* ---------- Features panel ---------- */
#features { position:relative; background:url(../img/bg-dot-4col.gif); }
#home .gr-four-hero{ background:url(../img/bg-dot-4col-hero.gif); }
#features .article { padding:158px 20px 0; }
#features h3.advocate { text-indent:-9999px; width:168px; height:111px; background:url(../img/home/title-advocate.gif); margin-bottom:20px;	}

#features p.cat { text-transform:uppercase; color:#999; font-weight:700; }
#features h3.blog { text-indent:-9999px; width:128px; height:39px; background:url(../img/home/title-blog.gif); margin-bottom:20px; }
#features h3.title { font-size:1.3em; font-weight:700; margin:0 0 10px; line-height:110%; }
#features img { position:absolute; top:0; left:20px; }
#features .desc { line-height:133%; }
#features .desc a { text-transform:uppercase; font-size:0.83em; font-weight:700; }
#features ul li { width:200px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; margin-bottom:8px; }
#features ul li .date { font-size:0.83em; text-transform:uppercase; color:#666; padding-bottom:2px; }
#features ul li .author { font-size:0.83em; color:#666; padding-bottom:4px; }
#features ul li .summary{ float:left; display:inline; width:160px; padding-bottom:10px; }
#features h4 { font-weight:700; width:170px; padding:2px 0 6px; line-height:110%; }
#features .comments { float:right; font-size:1.05em; margin-bottom:15px; overflow:hidden; }