/*
Theme Name: Ariadne
Theme URI: 
Description: Ariadne thema
Version: v1.0
Author: Thomas Loyens (ontwerp) en Jacob Ras (codering)
Author URI: http://www.thomasloyens.be
*/

/************************************************************************
**	Ariadne
**  Ontwerp door Thomas Loyens ( www.thomasloyens.be )
**  Codering door Jacob Ras ( www.jacobras.nl )
************************************************************************/
* { padding: 0; margin: 0; }
img { border: none; }
.clear { clear: both; }
.center { text-align: center; }
.links { float: left; }
.rechts { float: right; }
hr { height: 0; border: none; border-bottom: 1px solid #dedede; margin: 4px 0 20px; }
.entry p { margin-bottom: 20px; }


/* headings */
h1, h2, h3, h4 { color: #b10c0c; margin-bottom: 10px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #b10c0c; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; margin-top:20px;  }
h4 { font-size: 14px; }


/* links */
a { color: #0087ca; text-decoration: none; }
a:hover { text-decoration: underline; }



/************************************************************************
**	Body + Container
*************************************************************************/
body { text-align: center; background: url('afbeeldingen/bg.jpg') top center no-repeat fixed #4c4c4c; font: 12px Arial, Verdana, sans-serif; color: #707070; }
#container { width: 821px; margin: 0 auto; text-align: left; }



/************************************************************************
**	Header
*************************************************************************/
#header { height: 161px; }
#header a#logo { background: url('afbeeldingen/logo.png'); width: 166px; height: 161px; float: left; }


/* navigatie menu */
ul#nav { list-style-type: none; padding: 70px 0 0 45px; float: left; }
ul#nav li { display: inline; font-size: 20px; font-style: italic; margin-right: 10px; color: #fff; float: left; }
ul#nav li a { color: #fff; letter-spacing: 2px; }
ul#nav li.current_page_item a { font-weight: bold; }



/************************************************************************
**	Content
*************************************************************************/

/* vak */
.vak { margin-top: 19px; }
.vak_boven { height: 3px; background: url('afbeeldingen/vak_boven.png') no-repeat; }
.vak_content { padding: 16px 27px 25px; background: #fff; overflow:hidden; }
.vak_content p { margin-bottom: 20px; }
.vak_onder { height: 3px; background: url('afbeeldingen/vak_onder.png') no-repeat; }
.postmeta { color: #595959; font-size: 11px; margin-top: 26px; }
.postmeta a { color: #595959; font-weight: bold; }

.links{ float:left; margin-right:60px; }


/* wordpress afbeeldingen */
img.alignleft { float: left; padding: 10px 30px 4px 0; }
img.alignright { float: right; padding: 10px 0 4px 30px; }
img.alignnone { padding: 10px 6px 4px 6px; }


/* wordpress afbeelding met caption (onderschrift) */
.wp-caption { background: #f3f3f3; padding: 8px 0 4px 10px; border: 1px solid #e0e0e0; }
.wp-caption p { margin-bottom: 0; font-size: 11px; }
.wp-caption.alignleft { float: left; margin: 10px 30px 4px 0; }
.wp-caption.alignright { float: right; margin: 10px 0 4px 30px; }



/************************************************************************
**	Reacties
*************************************************************************/
.reactie { margin: 20px 0; }
.reactie .avatar { padding: 2px; border: 1px solid #e5e5e5; float: left; margin-right: 8px; }
.reactie .reactiecontent { float: left; border: 1px solid #e4e4e4; padding: 6px 8px 0; width: 680px; background: #f8f8f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.reactiecontent p { margin-bottom: 10px; }
.reactiemeta .name { color: #010101; }
.reactiemeta .datum { font-size: 11px; color: #b6b6b6; }
.reactie .reactietools { padding-bottom: 6px; font-size: 11px; }


/* reactie form */
#commentform {  }
#commentform p label { width: 220px; float: left; margin: 0 40px 0 0; }
#commentform p label span { font-size: 11px; color: #b6b6b6; }
p.clearfix { clear: both; margin-bottom: 14px; }
#subscribe { float: left; margin: 3px 8px 16px 0; }
#reageerform { width: 578px; font: 12px/20px Arial, Verdana, sans-serif; color: #636363; padding: 6px; }
#commentform input[type=text] { padding: 4px; color: #636363; }



/************************************************************************
**	Footer
*************************************************************************/
#footer { margin: 19px 0; text-align: right; color: #8a8a8a; }
#footer h4 { display: inline; color: #fff; margin-left: 6px; letter-spacing: 4px; }
#footer a{ color: #8a8a8a; text-decoration: underline; }
#footer a:hover{ color: #979797; }