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

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

.jcarousel-container 
{ 
	margin-left:-380px; }
.jcarousel-item 
{ 
	width:480px; 
	height:350px; 
}
.jcarousel-next,
.jcarousel-prev
{ 
	width:50px; 	
	height:50px; 
	position:absolute; 
	top:100px; 
}
.jcarousel-next 
{ 
	background:url(btn-carousel-next.png); 
	left:710px;  
}
.jcarousel-prev 
{ 
	background:url(btn-carousel-prev.png); 
	left:-28px; 
}
.jcarousel-next:hover,
.jcarousel-prev:hover 
{ 
	background-position:-50px 0; 
}

#carousel-wrap 
{ 
	position:relative; 
	overflow:hidden; 
	width:740px;  
}
#carousel 
{ 
	overflow:hidden; 
	width:740px; 
	height:200px; 
	padding:20px 0 30px; 
	background:url(cr-hatch-bl.gif) repeat-x 0 100%; 
}
#carousel .item,
#carousel .pnl-event 
{ 
	position:relative; 
	width:440px; 
	height:158px; 
	padding-top:150px; 
	margin-left:20px; 
}
#carousel .desc-wrap 
{ 
	padding:40px 20px 0;	
	width:150px; 
	height:46px; 
	margin-left:20px; 
	background:url(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:50px;
	left:497px;
	height:22px;
}
#carousel .lbl a
{ 
	display:block; 
	height:22px; 
	text-indent:-9999px; 
}
#carousel .desc .issues 
{ 
	width:62px; 
	background:url(lbl-the-issues.png); 
}
#carousel .lbl-act-now 
{ 
	width:52px; 
	background:url(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(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(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(bg-dot-4col.gif); 
}
#home .gr-four-hero
{ 
	background:url(bg-dot-4col-hero.gif); 
}
#features .article 
{ 
	padding:5px 0px 0; 
}
#features h3.advocate 
{ 
	text-indent:-9999px; 
	width:168px; 
	height:111px; 
	background:url(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(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(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; 
}