/*

---------------------------------------------------------

project			ONE.org (www.one.org) HOME style sheet

author:   		HUGE

last updated:	2009.02.09

------------------------------------------------------ */



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



.jcarousel-container { margin-left:-258px; }

.jcarousel-item { width:431px; height:286px; }

.jcarousel-next,

.jcarousel-prev{ width:33px; height:24px; position:absolute; top:145px; }



/*.jcarousel-next:hover,

.jcarousel-prev:hover { background-position:0px 0; }*/

#carousel-wrap { position:relative; overflow:hidden; width:920px; margin-bottom:0px; }

#carousel { overflow:hidden; width:920px; height:286px; padding:0px 0 35px; }

#carousel .item,

#carousel .pnl-event { position:relative; width:440px; height:158px; padding-top:192px; margin-left:120px; }

#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; }







#navbar {

	margin: 0;

	padding: 0; }

#navbar li {

	list-style: none;

	float: left;

	padding:5px;

	margin:0px;

	text-align:left;

	

	 }

#navbar li a {

	display: block;

	background-image:url(../images/sep.jpg);

	background-repeat:no-repeat;

	background-position:right;

	color: #000;

	padding:5px;

	text-align:left;

	font-size:12px;

	text-decoration: none;

	text-transform:capitalize;

	padding-right:15px;

	font-weight:bold;



	 }

 #navbar li a:hover {

	display: block;

	/*background-image:url(../images/sep.png);

	background-repeat:no-repeat;

	background-position:right;*/

	background-color:#eaecbe;

	color: #000;

	padding:5px;

	text-align:left;

	text-decoration: none;

	text-transform:capitalize;

	padding-right:15px;

	font-weight:bold;



	 }

#navbar li ul {

	display: none; 

	/*width: 10em;  Width to help Opera out */

	background-color: #69f;

	z-index:999999;

	padding:0px;

	margin:0px;
	

	border:1px solid #829f2d;

	background-color:#9dbc40;
	



	}

	

	

#navbar li:hover ul {

display: block;
position: absolute;
width:170px;
z-index:999999;
margin: 0px;
padding: 0px;

}

#navbar li:hover li {

	float: none; }

#navbar li:hover li a {

	background:none;

	color: #000;

	padding:0px;

	margin:0px;

	padding:5px;

	margin-bottom:0px;



	}

#navbar li li a:hover {

	background-color: #eaecbe;



	}

.jcarousel-next { background-image:url(../images/right.png); background-position:left; left:899px;  }

.jcarousel-prev { background-image:url(../images/left.png); background-position:left; left:-15px; }

.jcarousel-next a:hover { background-image:url(../images/right.png); background-position:left; left:899px;  }

.jcarousel-prev a:hover{ background-image:url(../images/left.png); background-position:left; left:-15px; }