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

/* ---------- Top section title ---------- */
#section-title  {
border-bottom:1px solid #ccc;
margin:3px 0 24px;
height:7px;
_overflow:hidden;
text-transform:uppercase;
color:#000;
text-align:center;
}
#section-title span  {
position:relative;
text-align:center;
padding:1px 10px;
background:#fff;
letter-spacing:-1px;
}

/* Special rules for article-based content - defines paragraphs, titles, captions etc, keeps it scoped to individual templates */
.article-wrap .sticker  {
position:absolute;
top:-25px;
left:542px;
}
.content h1  {
width:488px;
text-align:center;
font-size:2.33em;
font-weight:700;
line-height:115%;
margin:0 auto 13px;
letter-spacing:-1px;
word-spacing:-1px;
}
.article-pad {
padding:20px 0 10px 0;
}
.article p,
.article dt,
.article dd {
line-height:133%;
}
.article p {
margin-bottom:20px;
}
.article p.intro,
.article-intro p {
font-size:1.16em;
line-height:120%;
}
.article dl {
position:relative;
zoom:1;
padding-top:16px;
padding-bottom:5px;
background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x;
}
.article dt {
font-weight:700;
float:left;
display:inline;
width:130px;
padding-right:15px;
text-align:right;
}
.article dd {
float:left;
display:inline;
width:445px;
}
.dl-hr {
position:relative;
clear:both;
display:block;
height:29px;
background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 50%;
}
*span.dl-hr {
width:600px;
margin-left:-145px;
}
.article-wrap .tags {
margin-top:15px;}
.content cite, .content h3  {
display:block;
font-weight:700;
color:#000;
font-size:1.33em;
margin-bottom:10px;
font-style:normal;
}

/* ---------- Drop Cap styles ---------- */
.first-letter  {
position:relative;
display:block;
float:left;
font-size:6em;
margin:-4px 0 10px;
font-weight:700;
width:50px;
color:#000;
}
.drop-cap .first-para  {
width:530px;
float:left;
display:inline;
}
.drop-cap .first-word  {
color:#000;
font-weight:700;
}
.big-quote  {
float:left;
display:inline;
width:31px;
height:27px;
background:url(../img/content/quotes-lrg.gif);
text-indent:-9999px;
margin:3px 10px 0 0;
}

/* ---------- Large quotes ---------- */
.quote-lrg  {
display:block;
}
.content .caption  {
display:block;
line-height:125%;
background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%;
padding:2px 0 5px;
font-size:0.9em;
text-align:right;
margin-bottom:25px;
color:#666;
}

/* ---------- Article image and captions ---------- */
.art-img  {
display:inline;
width:200px;
border-bottom:6px solid #ccc;
}
.art-img img  {
margin-top:4px;
}
.art-image-l  {
float:left;
margin:0 20px 10px 0;
}
.content .art-img .caption  {
padding:10px 0;
background:none;
margin:0;
text-align:left;
}

/* ---------- Article author and date info ---------- */
.content h2.author, .content p.date-info  {
text-align:center;
font-size:0.83em;
text-transform:uppercase;
margin:0;
}
.content h2.author  {
margin:5px 0 25px;
}
.content h2.author a  {
color:#0099FF;
}