/*
Theme Name: Alva Design
Theme URI: http://wpframework.com/
Version: 0.2.4.10
Description: A blank WordPress Theme Framework that's everything you need, and nothing you don't. With features like microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system, WP Framework is completely extensible, flexible and the starting point for theme authoring and customization. To learn more, visit http://wpframework.com.
Author: Ptah Dunbar
Author URI: http://ptahdunbar.com
Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
Copyright 2008 Ptah Dunbar All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.
If you have any questions, comments, or concerns,
visit for more information!
*/
/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );
/**
* Basic 1 column (content)(aside) fluid layout
*
* @package WPFramework
* @subpackage Layouts
* @beta
*/
.container { width: 600px; margin: 20px auto 0 auto; background:#fff; border: 1px solid #666;}
.hfeed {margin: 20px auto; width:450px; }
.aside { float: left; }
.footer { clear: both; border-top:1px solid #999;text-align:center; margin-top:-20px;}
.footer p {margin:5px 0;font: 10px "lucida sans", Verdana, Arial, Helvetica, sans-serif; color:#666;}
/**
* Base - Sets vertical rhythm and basic overall typographic face-lift
*
* @package WPFramework
* @subpackage Media
* @beta
*/
/* Document Body */
body, input, textarea { font: 14px/1.5 Georgia, "Times New Roman", Times, serif; background:#B6CB3C; }
/* Font Styles */
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; }
/* Vertical Rhythm */
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }
/* Logo */
.header { background:url(library/media/images/head-home.jpg) top left no-repeat; height:220px;}
#logo, #logo a {text-indent:-9999px;}
#logo a:hover { color: #2361a1; text-decoration: none; }
#tagline { text-indent:-9999px;}
/* Menu */
.nav { float: left; line-height: 1; background-color: #fff; width: 100%; }
.nav, .nav * { list-style: none; margin-left: 0; }
.nav li { float: left; padding: 0; position: relative; width:25%;}
.nav ul li { width: 100%; }
.nav a { display: block; position: relative; padding: 5px ; text-align:center; }
/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ }
/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 29px; /* match top ul list item height */ z-index: 99; }
/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }
/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -1px; }
/* Default Skin */
.nav { font: 14px "lucida sans", Verdana, Arial, Helvetica, sans-serif; letter-spacing:.1em; }
.nav ul { border: 1px solid #ddd; border-bottom: none; }
.nav ul li a { border-bottom: 1px solid #ddd; }
.nav li:hover ul,
.nav li.nav-hover ul { background: #fff; }
.nav a { color: #A70C8A; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; }
.nav li.current_page_item a { color: #fff;background: #A70C8A;border-bottom: 1px solid #A70C8A; }
.nav li.page-item-7 a, .nav li.page-item-222 a, .nav li.page-item-249 a {border-right: 0; }
.nav a:hover { text-decoration: none; background: #ccc; color:#000;}
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #fafafa; }
/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
/* taalkeuze menu */
ul.lang {
display:none; float:right; margin-right:20px;
}
body.pageid-2 ul.lang, body.pageid-212 ul.lang, body.pageid-213 ul.lang {display:block;}
ul.lang li {
display : inline;
}
ul.lang li a {
padding:0 5px 0 2px;
border-right:1px solid #666;
font: 12px "lucida sans", Verdana, Arial, Helvetica, sans-serif; ;
}
ul.lang li#pt a, body.pageid-213 ul.lang li#en a {
border-right:0; padding-right:0;}
ul.lang li a:hover {
}
/* Links */
a:link {color: #666; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #666; text-decoration: underline;}
a:active {color: #666; text-decoration: underline;}
/* Headings */
h1, h2, h3, h4, h5, h6 {font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; clear: both; font-weight:bold;}
h1 {display:none; font-size: 24px; line-height: 28px; padding: 5px 0px; }
h2 { font-size: 16px; line-height: 20px; padding: 5px 0px; }
h3 {font-size: 12px; line-height: 18px; padding: 0px; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }
/* Content */
.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: #000; font-size: 24px; line-height: 28px; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }
/* speciale pagina's */
/* web */
body.pageid-4 img.alignleft, body.pageid-218 img.alignleft, body.pageid-245 img.alignleft {margin-top: 0; margin-bottom: 30px;}
address, body.pageid-4 h3+p, body.pageid-218 h3+p, body.pageid-245 h3+p {font: 12px/1.5 Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; margin-bottom:0;}
/* print */
body.pageid-5 div.item, body.pageid-220 div.item, body.pageid-247 div.item {overflow:hidden;margin-bottom:30px;width:450px;}
body.pageid-5 div.img, body.pageid-220 div.img, body.pageid-247 div.img {float:left;width:225px;}
body.pageid-5 div.bijschrift, body.pageid-220 div.bijschrift, body.pageid-247 div.bijschrift {float:left; width:225px;}
body.pageid-5 img.alignleft, body.pageid-220 img.alignleft, body.pageid-247 img.alignleft { float: left; margin-right: 0; margin-top:0;}
/* Text Elements */
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; }
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code, pre { line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
/* Lists: (ul, ol, dl) */
ul, ol, dl { margin-left: 0; }
.nav { margin-left: 0px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 0; }
li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ol { list-style-type: decimal; }
ul {list-style: none; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
dt { font-weight: bold; }
.fat li { margin-bottom: 10px; }
/* Tables */
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }
/* Forms */
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button { font-family: Cambria, Georgia, "Times New Roman", Times, serif; padding: 3px; }
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #777; }
/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }
/* Comments */
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }
/* Comment Reply */
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }
/* Images */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }
/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }
/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }
/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
/* */
/* main 'top-level' form elements */
/* */
.cform {
margin: 0 auto;
width: 450px;
}
.cform .cf_hidden {
display:none;
border:none!important;
background:none!important;
padding:0!important;
margin:0!important;
}
ol.cf-ol {
margin:0!important;
padding:0!important;
}
ol.cf-ol li {
background:none!important;
margin:0!important; /*some themes may interfere otherwise*/
padding:0;
list-style:none!important;
text-align:left;
}
/* */
/* global definitions for field labels */
/* */
.cform label {
width:200px;
margin:0px 10px 0 0;
text-align:left;
display:block;
padding:2px;
}
label.cf-before {
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
margin:4px 5px 0 0;
}
/* */
/* FORM FIELDS general formatting */
/* */
.cform input,
.cform textarea,
.cform select {
margin:0 0 8px 0;
padding:3px;
background: #cccccc;
border:none;
vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover {
background:#dcdcdc;
}
.cform input:focus,
.cform textarea:focus,
.cform select:focus {
background:#F3F8F8;
}
.cform textarea,
.cform input {
width:450px;
}
.cform textarea {
font-family: arial;
font-size: 0.9em;
height: 6em;
overflow:auto;
}
.cform input.cf_date {
width:395px;
}
/* */
/* formatting for text: "(required)" & other */
/* */
span.reqtxt,
span.emailreqtxt {
display:block; /*for mozilla*/
width:450px;
font-size:9px;
vertical-align:top;
color:#888888;
text-align:right;
margin:0;
height:13px;
line-height:13px;
}
.cform textarea.fldemail,
.cform textarea.fldrequired,
.cform input.fldemail,
.cform input.fldrequired {
margin:0;
}
/* */
/* FORM submit button */
/* */
p.cf-sb {
padding: 0!important;
margin: 0;
text-align:left;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton {
width:100px;
padding:2px;
margin: 5px 3px 0 0;
background:#cccccc;
border:0;
}
/* */
/* FORM FIELDS enhanced error display */
/* */
ol.cf-ol li.cf_li_err {
background:#FFDFDF url(li-err-bg.png) repeat!important;
border-color:#DF7D7D;
border-style:solid;
border-width:1px 0pt;
padding:5px 10px!important;
margin:5px 0!important;
}
ol.cf-ol li ul.cf_li_text_err {
padding:0 0 0 10px;
margin:0;
color:#333;
display:inline-block;
}
ol.cf-ol ul.cf_li_text_err li {
background:url(icon-alert.png) no-repeat left 1px!important;
list-style:none!important;
font-weight:bold;
text-indent:0;
margin:0 0 2px!important;
padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
content:'';
}
/* */
/* 'visitor verification' related styles */
/* */
label.seccap {
width:450px;margin-top: 6px;
}
label.secq{
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
width:auto;
padding:2px 4px 2px 2px;
}
label.secq span {
display:block!important;
width:auto;
}
input.secinput {
vertical-align:text-top;
}
#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
height:15px;
width:450px;
padding: 4px 4px;
margin: 0 0 8px 0;
}
img.captcha {
vertical-align:text-bottom;
margin:0 0 8px 0!important;
padding:0!important;
border:none!important;
float:none!important;
}
img.captcha-reset {
vertical-align:text-bottom;
background: url(captcha_reset_grey.gif) no-repeat;
margin:0 0 10px 3px;
width:21px;
height:21px;
border:none!important;
}
img.imgcalendar {
border:none!important;
}
/* */
/* change formatting of response msgs here */
/* */
div.cf_info {
color:#333;
display:none;
padding:10px 15px!important;
width:420px;
line-height:1.3em;
margin:10px auto;
}
div.cf_info ol {
margin:0;
padding:5px 15px 0 30px;
}
div.cf_info ol li {
padding:1px 0;
margin:2px 0;
}
div.cf_info a {
color:red!important;
text-decoration:underline!important;
}
div.success {
background:#F9F9F9 none repeat scroll 0%;
color:#AAAAAA;
display:block;
}
div.failure {
display:block;
background:#FFDFDF url(li-err-bg.png) repeat!important;
border-color:#DF7D7D;
border-style:solid;
border-width:1px 0pt;
}
div.waiting {
background:#F9F9F9 none repeat scroll 0%;
color:#AAAAAA;
display:block;
}
/* */
/* formatting for invalid user inputs */
/* */
.cform .cf_error {
color:#ad2929;
border:1px solid #ad2929;
}
div.mailerr {
display:block;
}
.mailerr,
.cform .cf_errortxt {
color:#ad2929;
}
/* */
/* disabled fields [disabled] does not work on IE! */
/* */
[disabled] {
color:#dddddd;
border-color:#dddddd!important;
background:none!important;
}
.disabled {
border-color:#dddddd!important;
}
/* */
/* upload box styling */
/* */
.cform input.cf_upload {
width:220px;
background: #f9f9f9;
border:1px solid #888888;
}
/* */
/* Other: link love */
/* */
.linklove {
display:none;
}
.linklove a,
.linklove a:visited {
font-size: 0.8em;
font-family: Tahoma;
color:#aaaaaa!important;
}
/* */
/* Other: browser hacks */
/* */
* html .cform legend {
position:absolute;
top: -10px;
left: 10px;
margin-left:0;
}
* html .cform fieldset {
position: relative;
margin-top:15px;
padding-top:25px;
}
* html ol.cf-ol {
display:inline-block; /*for IE6!!*/
}
* html img.captcha {
margin-bottom:9px!importa