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


/* ---------- Introduction to ONE ---------- */
#one-intro {
padding-bottom:40px;
background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%;
}
#one-intro h2 {
background:url(../img/about/sprite-landing-titles.gif) no-repeat;
height:26px;
margin-bottom:20px;
text-indent:-9999px;
}
#one-intro .what {
background-position:0 -26px;
}
#one-intro .how {
background-position:0 -52px;
}
#one-intro p {
line-height:125%;
margin-bottom:15px;
}
#one-intro ul {
margin-bottom:-8px;
}
#one-intro ul li {
margin-bottom:8px;
}
#one-intro ul li a {
background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%;
padding:0 0 0 10px;
color:#0099ff;
}

/* ---------- Archive Hero ---------- */
#archive-hero {
min-height: 180px;
background:no-repeat 0 100%;
padding:38px 0 0 30px;
}
#archive-hero h1 {
font-size:2em;
font-weight:700;
text-transform:uppercase;
margin-bottom:8px;
}
#archive-hero p {
font-size:1.16em;
line-height:135%;
padding-right:45px;
}
#archive-hero p.dates {
margin-bottom:15px;
color:#666;
}
#archive-hero ul {
width:100%;
margin-top:17px;
color:#ccc;
font-size:1.05em;
}
#archive-hero ul li {
float:left;
display:inline;
padding-right:5px;
}
#archive-hero ul li a {
color:#0099FF;
}

/* ----------Signup panel ---------- */
#pnl-signup {
height:38px;
background:url(../img/about/bg-pnl-signup.png);
width:880px;
height:38px;
margin:0 auto;
}
#pnl-signup form {
position:relative;
display:block;
padding-left:300px;
}
#pnl-signup label {
color:#fff;
text-transform:uppercase;
font-weight:700;
float:left;
display:inline;
padding:14px 10px 0 0;
font-size:0.9em;
}
#pnl-signup .text {
float:left;
display:inline;
margin:8px 20px 0 0;
width:120px;
}
#pnl-signup .rollover {
margin-top:7px;
}
#pnl-signup .why {
position:absolute;
top:9px;
left:854px;
_left:554px;
width:18px;
height:18px;
background:url(../img/icons/ico-why.png);
text-indent:-9999px;
}
#pnl-signup .why:hover {
cursor:hand;
background-position:-18px 0;
}