/*
--------------------------------------------------------
project			VOCnederland.org (www.vocnederland.org) HOME style sheet
author:   		noutwebdesign (http://www.noutweb.com)
----------------------------------------------------- */

/* ---------- 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:280px;
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 .lbl-blog  {
width:52px;
background:url(../img/home/lbl-blog.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:#fff;
}

#features .article  {
padding: 15px 20px 0;
}

#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,
#features object {
/*position:absolute;
top:0;*/
left:20px;
}
#features object {
margin-top: -40px;
}
#features .desc  {
line-height:133%;
}
#features .desc a  {
text-transform:uppercase;
font-size:0.83em;
font-weight:700;
}
#features ul li  {
width:270px;
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;
}