/* stylesheet: NCAF */
/* versie: 1.2 - 24/06/2008 */
/* Lodewijk Schutte - freelance@loweblog.com */

/* global reset */
* {border:0;padding:0;margin:0;}

/* body */
body {
 background:#e1e1e1 url(/images/bg-body.gif) 50% 50% repeat-y;
 font:12px 'verdana',sans-serif;
 padding-bottom:5em;
} 

/* main container */
#top {width:912px;padding:0 24px;margin:0 auto;}

/* logo */
#logo {position:relative;left:-24px;width:350px;height:60px;}

/* languages */
#languages {float:right;margin-top:-60px;font-size:90%;}
#languages ul {list-style:none;margin-top:20px;}
#languages li {display:inline}
#languages a {color:#999}
#languages a:hover {color:#000}

/* main menu */
#menu {width:144px;float:left;margin-left:-24px;}
#menu ul {list-style:none;margin:16px 0 0 16px;}
#menu li {line-height:2em;}
#menu a {text-decoration:none;color:#e72b45;}
#menu a.active,
#menu a:hover {color:#000;}

/* content */
#content {float:left;width:552px;}

/*
-- MAIN CONTENT
--------------------------------------------*/
#main {position:relative;width:552px;height:192px;background:#e72b45;color:#fff;}
#main img {float:left;}
#main .post {background:#e72b45;padding:16px 24px;margin:0;}
#main .post h1 {font:normal 2.5em/1.1333em 'georgia', sans-serif;}
#main .post p.meta {font-size:1.1667em;line-height:0.857em;margin:12px 0;}
#main .post .blurb {background:#e72b45;width:504px;position:absolute;bottom:16px;}
#main .post .blurb p {font-size:1em;line-height:normal;margin:0;}
#main a {color:#fff;text-decoration:underline}
#main a.more {position:absolute;right:15px;bottom:15px;text-decoration:none}

/* variations to main content */
.home #main .post {margin-left:192px;padding:16px 70px 16px 16px;}
.home #main .post h1 {font-size:2em;line-height:1.25em;}
.home #main .post .blurb {width:auto;position:static;}
.home #main .post .blurb p {line-height:1.333em}

.kalender #main {margin-bottom:24px;}

.activiteiten #main .post {padding-right:156px}
.activiteiten #main .post .blurb {width:400px}
.activiteiten #main .post .blurb p {line-height:1.5em;}

/* calendar search form */
#search {position:absolute;bottom:16px;width:504px;}
#search label {float:left;margin-right:8px;}
#search label#fmonth {margin-right:4px;}
#search label span {display:block;margin-bottom:6px;text-transform:capitalize}
#search label select {border:1px solid #999;}
#search label option {padding:0 1px;}
#search label input {border:1px solid #999;padding:1px;width:95px}
#search button {position:absolute;bottom:0;right:0;}

/*#search select#month {width:140px;}*/

/*
-- COMMON POSTS
--------------------------------------------*/
.post {margin:12px 24px 0 0;padding:0 70px 1px 0;background:url(/images/bg-line.gif) 0 100% repeat-x;}
.post h2 {font:normal 1.5em/1.333em 'georgia',serif;color:#000;}
.post p {line-height:1.333em;margin-bottom:1.333em}

/* home posts */
.home .post h2 {font-size:2em;line-height:1.2em;color:#e72b45;}

/* calendar/vevents */
.kalender .post {background:url(/images/bg-diag.gif);padding:0;}
.kalender .post img {float:right;}
.kalender .post .vevent {padding:10px 0 10px 36px;min-height:112px;}
.kalender .post .vevent.cn {background:url(/images/bg-cn.gif) top left no-repeat;}
.kalender .post .vevent.nl {background:url(/images/bg-nl.gif) top left no-repeat;}
.kalender .post p {margin:0}
.kalender .date,
.kalender .location {display:block;font:normal 1.5em/1.333em 'georgia', sans-serif;color:#e72b45;}

/* activiteiten */
.activiteiten .post {padding-bottom:24px;}
.activiteiten .post img {float:right;margin:0 -70px 0 24px;}

/* extra - links */
#extra ul {list-style:none;margin-top:6px;}
#extra li {line-height:1.5em;}

/*
-- PAGINATION
--------------------------------------------*/
.pagination { margin-top:12px;text-align:center;}
.pagination a, .pagination b {margin:0 .5em}

/*
-- FORMULIER
--------------------------------------------*/
.post.form {background:url(/images/bg-form.gif) 0 0 repeat-y;position:relative;margin-top:24px}

.form fieldset {padding:15px 0;width:328px}
.form label {display:block;margin-bottom:24px;position:relative;}
.form label span {padding:3px}
.form input.text, 
.form select {position:absolute;left:120px;top:-3px;border:1px solid #aaa;padding:3px;}
.form option {padding:0 1em 0 1px;}
.form input.text {width:200px;}
.form button {float:right;padding:2px;}
  

/*
-- SIDEBAR
--------------------------------------------*/
#sidebar {float:left;width:240px;}

/* sidebar ankeiler */
#ankeiler {height:192px;background:url(/images/bg-diag.gif);position:relative;}
#ankeiler p {font:normal 2em/1.2em 'georgia', sans-serif;padding:10px 15px;}
#ankeiler p a {color:#333;}
#ankeiler p a span {color:#e72b45;}
#ankeiler a.more {position:absolute;bottom:10px;left:15px;}

/* sidebar item */
.box {padding:15px;}
.box h3 {font:normal 1.5em 'georgia', sans-serif;}
.box h4 {font:normal 1.333em 'georgia', sans-serif;}
.box p {font-size:.9em;line-height:1.5em;}
.box ul {list-style:none}  
.box li {font-size:.9em;line-height:1.5em;}

.box.about {padding-bottom:0;}
.box.about p {margin-bottom:1.5em;}

/* sidebar blog post */
.box .post {margin:0 0 5px 0;padding:0 0 10px 0;}
.box .post p {margin:0}
.box a.more {font-size:.9em;line-height:1.5em;display:block;text-align:right}
.kalender .box .post {background:none;}

/* sidebar newsletter form */
#newsletter {background:url(/images/bg-diag.gif);}
#newsletter fieldset {margin-top:12px}
#newsletter label {display:none;}
#newsletter input.text {border:1px solid #aaa;padding:3px;width:125px;}
#newsletter button {padding:2px}


/*
-- DEFAULT TAGS
--------------------------------------------*/
a         {text-decoration:none;color:#e72b45;}
a:visited {color:#e72b45;}
a:active  {color:#f00;}
a:hover   {color:#000;}

.messagelink {display:block;font-size:1.333em;margin-top:1.5em;}
.messagelink a {color:#fff;text-decoration:underline;}

input, textarea, select, button {font:1em 'verdana',sans-serif;}
button {border:1px outset #ccc;background:#fff url(/images/bg-button.gif) 0 100% repeat-x;}

.clear {clear:both}

#stats {position:fixed;top:0;left:0;z-index:50;font:1em monospace;padding:0 3px; background:#ccc;color:#555;}
a.editlink {float:right;}