/*
Theme Name: Natural
Theme URI: 
Author: Pauline Timmer
Author URI: http://www.atargatis.nl/
Description: A semantic, HTML5 theme based on Automattic's Toolbox, for sites that have a natural touch.
Version: 1.0
Tags: custom-menu, microformats, SEO-friendly, rtl-language-support, translation-ready, threaded-comments, sticky-post 
.
This theme, like WordPress, is licensed under the GPL.
.
This theme is � 2011 Pauline Timmer.
.
*/

/* Import the Philosopher font from Google Fonts Directory (http://code.google.com/webfonts 
   Nice typeface for browsers that support it. */
@import url('https://fonts.googleapis.com/css?family=Philosopher');

/* -------------------------------------------------------------- 
  
   Reset default browser CSS. Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126
   License: none (public domain)

-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* tables still need 'cellspacing="0"' in the markup */

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   
   Set default typography based on Blueprint
   
   http://code.google.com/p/blueprintcss/
     
-------------------------------------------------------------- */   

body, input, textarea {
    color:#222;    
    font:90% Verdana, Arial, sans-serif;
    line-height:1.3em;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	clear:both;
}

/* Text elements
-------------------------------------------------------------- */

p {
    margin-bottom:1.5em;
}
ul {
	margin: 0 0 1.5em 2.5em;
}
ol {
	margin: 0 0 1.5em 2.5em;
}
ul {
	list-style:disc;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0;
}
dl	{
    margin:0 1.5em;
}
dt {
    font-weight:bold;
}
dd {
	margin-bottom:1.5em;
}
strong {
	font-weight: bold;
}
big {
	font-size: 2em;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}
q {
	quotes: "\201c" "\201d" "\2018" "\2019";
}
q::before {
	content: open-quote;
}
q::after {
	content: close-quote;
}
pre {
	font:75% Monaco, monospace;
	line-height:1.5em;
	margin-bottom:1.5em;
}
code {
	font:75% Monaco, monospace;
}
abbr, acronym {
  border-bottom:1px dotted #333;
  cursor: help;
}
ins {
	text-decoration:none;
	background-color:#eee;
}
sup,
sub {
	height: 0;
	font-size:0.8em;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left:0;
	margin-right:1.67em;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left:1.67em;
	margin-right:0;
	text-align: left;
	width: 33%;
}


/* -------------------------------------------------------------- 
   
   Default styles for Images
  
-------------------------------------------------------------- */  
 
.entry-content .wp-post-image {
	border: 1px solid #ccc;
	float:right;
	margin: 0 0 1em 1em;
	padding: 0.4em;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	border:1px solid #ccc;
	padding:.5em .5em 0;
	margin-bottom:1.5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
	padding: 0;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-icon {
	border: 1px solid #ccc;
	margin: 0 .5em;
	padding-top: .5em;
}
.gallery img {
    margin:0;
}
.gallery-caption {
	padding:.5em .5em 0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:1em;
	margin:0 !important;
}

/* -------------------------------------------------------------- 

   Apply default theme styles and colors 
   
-------------------------------------------------------------- */

/* =Global elements
-------------------------------------------------------------- */

p, ul, ol, dd, pre {
    margin-bottom:1em;
}
pre, code {
	font:0.95em Monaco, monospace;
	line-height:1.4em;
}
blockquote {
    color:#666;
}
table {
    border:1px solid #ccc;
    border-width:1px 1px 0;
    font-size:0.9em;
    line-height:1.4em;
    margin:0 0 1.5em;
    text-align:left;
}
caption {
    text-align:left;
}
tr {
    border-bottom:1px solid #ccc;
}
th, td {
    padding: .7em 1.25em;
}
hr {
    background-color:#ccc;
    border:0;
    color:#ccc;
    height:1px;
    margin-bottom:1.5em;
}
a:link {
    color:#333;
}
a:visited {
    color:#999;
}
a:active,
a:hover {
    color: #110;
}
#site-title, #site-description,
.page-title, .site-name, h1, .speciaal {
	font-family: Philosopher, "Arial narrow", sans-serif;
}

/* =Structure
-------------------------------------------------------------- */

body {
	min-width: 960px;
	background: #131;
	color: #000;
	overflow: scroll;
}
#page {
	display: block;
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
#branding {
    width:960px;
    margin:0 auto;
	position: relative;
}
#access {
    width:220px;
    float:left;
	margin: 10px 0 2.5em;
	position: fixed;
	top: 0px;
}
#socialsidebar {
    width:220px;
    float:left;
	margin: 60px 0 2.5em;
	position: fixed;
	top: 25em;
}
#main {
	width: 740px;
	margin: 0 0 0 220px;
}
#primary {
	float: left;
	margin: 0 -220px 0 20px;
	width: 720px;
}
#content {
	margin: 0 200px 0 0;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 178px;
}
#colophon {
	clear: both;
    width:960px;
    margin:0 auto;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin-left: 0;
	margin-right: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-meta {
	clear: both; /* PT: to make sure to clear properly below floating content */
	display: block;
}
.clear {
	clear: both;
}

/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
	margin: .25em 0 .2em 240px;
	position: relative;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
    color:#eeb;
	margin: 0 0 2em 240px;
}
#site-title a {
    color:#fc0;
    text-decoration:none;
}
#site-title a:active,
#site-title a:hover {
    color: #eeb;
}
#site-title:hover span:before {
	content: 'Home';
	position: absolute;
	left: -40px;
	font-size: 14px;
	top: 10px;
	color: #eeb;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	font-size: 0.95em;
	padding-top: 130px;
	background: transparent url('images/paard-groen-130.jpg') top left no-repeat;
}
body.page-template-natural-page-php #access {
	background: none;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access ul#menu-hoofdmenu {
	padding-right: 3em;
}
#access li {
	text-align:left;
	position: relative;
}
#access a {
	display: block;
	line-height: 1.2em;
	padding: .3em 0;
	color: #eceab0;
	text-decoration: none;
}
#access a:visited {
	color: #eceab0;
}
#access a:active,
#access a:hover {
	text-decoration: underline;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 1.6em;
	right: -3.6em;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #141;
	border: 1px solid #eceab0;
	border-top:0;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access ul ul li:first-child a {
	border-top: 1px solid #eceab0;
}
#access ul li:hover > ul,
#access ul li a:focus + ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight:bold;
}
#access  .current-menu-item>a:before {
	content: ">>";
	font-size: .8em;
}

/* =Content
-------------------------------------------------------------- */

#content {
	background-color:#f5f5dc;
	color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -1px -1px 1px #ddd;
	-moz-box-shadow: -1px -1px 1px #ddd;
	box-shadow: -1px -1px 1px #ddd;
	padding: 2em 1em 1em;
	margin-bottom: 2em;
	min-height: 340px;
	position: relative;
}
.natural #content {
	z-index: 2;
	height: 464px;
	background: transparent url('images/paard-groen-700.jpg') left top no-repeat;
	overflow-y: auto;
	color: #333;
	padding: 60px 60px 10px 80px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#content nav {
	overflow: hidden;
	color: #666;
	font-size: .8em;
}
#content nav a {
    color: #666;
    text-decoration: none;
}
#content nav a:active,
#content nav a:hover {
    color: #110;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above,
.paged #content #nav-above,
.single #content #nav-above {
	display:none;
/*	margin: 0 0 2em; */
}
#nav-below {
	margin: 2em 0 0;
}
.page-title {
    font-size:2.5em;
	font-weight:bold;
    line-height:1.2em;
    padding:.5em 0 1em 0;
}
.attachment .page-title {
    font-style:italic;
}
.page-title a {
    color:#666;
    text-decoration:none;
}
.page-title a:active,
.page-title a:hover {
    color: #110;
}
.page-title span {
    font-style:italic;
}
.page-title .meta-nav {
    font-style:normal;
}
.hentry {
    padding:0 0 2.5em;
}
.single .hentry {
    padding:0;
}
#content .sticky {
    border:1px solid #ccc;
    margin:0 0 1em;
    padding:1.4em 1.3em 0;
}
.natural .entry-title {
	margin: 0 20px 0;
}
.entry-title {
	font-size:1.8em;
	line-height:1em;
    padding:0;
}
body.page .entry-title,
body.single .entry-title {
	font-size:2.3em;
}
.entry-title a {
    color:#333;
    text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
    color: #110;
}
.entry-meta {
    color:#666;
    font-size:.8em;
    line-height:1.4em;
}
.entry-meta .author {
}
.entry-meta .n {
    font-size:.9em;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}
.entry-meta a {
    color:#999;
    text-decoration:none;
	background: #eeb;
}
.entry-meta a:active,
.entry-meta a:hover {
    color: #110;
}
.entry-meta abbr {
    border:none;
    cursor:text;
    font-size:.9em;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}
.entry-content,
.entry-summary {
    padding:1.4em 0 0 0;
}
.natural .entry-content {
  padding-left: 170px;
}
.entry-content h1,
.entry-content h2 {
    font-size:1.6em;
    padding:.8em 0 .4em;
}
.entry-content h3 {
    font-size:1.4em;
    padding:.4em 0 .4em;
}
.entry-content h4 {
    font-size:1em;
	font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.entry-content .site-name {
	font-size: 1.1em;
	color: #555;
}
.entry-content a {
	font-size: .9em;
	font-weight: bold;
	color: #060;
	text-decoration: underline;
}
.entry-content a:active,
.entry-content a:hover {
    color: #110;
}
.entry-content table {
    margin-left:1px;
}
.entry-content embed {
    margin:0 0 1.4em 0;
}
.entry-content form label {
    font-size:.8em;
	font-weight:bold;
    line-height:1.4em;
}
.entry-content form label input {
    margin-bottom:.5em;
}
.entry-content form input {
    font-size:.7em;
}
/* nog bekijken of entry-utility nodig is!!! */
.entry-utility {
	clear:both;
    color:#666;
    font-size:.8em;
    line-height:1.4em;
    margin:0 0 3em 0;
}
.entry-utility a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.entry-utility a:active,
.entry-utility a:hover {
    color: #110;
}
.edit-link {
	clear:both;
	display:block;
	margin:1.5em 0 0;
}
.entry-content>.edit-link {
	font-size: .8em;
}
.page-link {
	font-size: .8em;
    font-weight:bold;
    line-height:1.4em;
	margin: 0 0 2em;
    padding:1.8em 0 0;
    word-spacing:0.5em;
}
.page-link a {
    border:1px solid #333;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.page-link a:active,
.page-link a:hover {
    color: #110;
	background-color: #eeb;
}
ul#links-page,
ul#archives-page {
    list-style:none;
    margin-left:0;
    overflow:hidden;
}
li.linkcat {
	margin-top: 1em;
}
li.content-column {
    float:left;
    margin-right:1.25em;
    width:45%;
}
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
    padding:0 0 1.4em 0;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	padding: 1%;
	margin: 0 auto;
	border: none !important;
	}
.gallery-caption {
	margin-left: 0;
	}
.wp-caption-text,
.gallery-caption {
    color:#666;
    font-size:.8em;
    line-height:1.4em;
}
#author-info {
    margin:0 0 2.75em;
    overflow:hidden;
}
#author-info .avatar {
    float:left;
    margin:.3em 1em 0 0;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
	margin-bottom: 0;
}
#footersearch #searchform input#s {
	width: 200px;
	margin-bottom: 0;
}
input[type=text] {
	margin: 0 1em .2em 0;
	padding:.5em;
	border: 2px solid #ccc;
	width: 60%;
}
textarea {
	border: 2px solid #ccc;
	padding: .5em;
	width: 80%;
}
#searchform {
	overflow: hidden;
	background: #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 15px 10px;
	border-bottom: 2px solid #333;
}
#footersearch {
	width: 270px;
}
#footersearch #searchform {
	overflow: hidden;
	background: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	border-bottom: 0;
}
#searchform input {
	float: left;
}
#searchform input[type="text"] {
	background: #eee;
	color: #777;
	border: none;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 3px #777;
	-moz-box-shadow: inset 1px 1px 1px #777;
	box-shadow: inset 1px 1px 1px #777;
}
#footersearch #searchform input[type="text"] {
	padding: 3px;
}
#searchform input#searchsubmit {
	background: #333;
	color: #eee;
	border: none;
	margin: 0;
	padding: 5px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset -1px -1px 1px #000;
	-moz-box-shadow: inset -1px -1px 1px #000;
	box-shadow: inset -1px -1px 1px #000;
}
#footersearch #searchform input#searchsubmit {
	padding: 3px;
}
#searchform input[type="text"]:hover,
#searchform input[type="text"]:focus {
	background: #fff;
	color: #444;
}
#searchform input#searchsubmit:active {
	background: #777;
	-webkit-box-shadow: inset -1px -1px 1px #555;
	-moz-box-shadow: inset -1px -1px 1px #555;
	box-shadow: inset -1px -1px 1px #555;
}

/* Class for labelling required form items */
.required {
	color: #8b0000;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
	clear:both;
    padding:1.5em 0 0;
}
#comments {
    font-size:.8em;
    line-height:1.4em;
}
#comments h2 {
    font-size:1.6em;
    line-height:1.5em;
    padding:0 0 1.2em 0;
}
ol.commentlist,
ul.commentlist {
    list-style:none;
    margin:0;
}
ol.commentlist ul.children,
ul.commentlist ul.children {
    list-style:none;
}
ol.commentlist {
    border:1px solid #ccc;
    border-bottom:none;
    margin:0 0 2em 0;
}
.commentlist li {
    background:#fafafa;
    border-bottom:1px solid #ccc;
    padding:1.2em 1.5em 0 1.5em;
    position:relative;
}
.commentlist li.alt {
    background:#fff;
}
.commentlist a {
    color: #666;
	text-decoration: none;
}
.commentlist a:active,
.commentlist a:hover {
    color: #110;
}
.commentlist li.bypostauthor {
    background:#ffc;
}
ul.commentlist li {
    border:1px solid #ccc;
    margin:0 0 1.2em 0;
}
.commentlist li .avatar {
    position:absolute;
    top:1.5em;
    left:1.5em;
    width:36px;
    height:36px;
}
.commentlist .comment-author {
	font-weight: bold;
}
.commentlist li cite {
	display: block;
	font-style: normal;
    padding:.6em 0 0 4em;
}
.commentlist li cite::before {
	content: "[";
}
.commentlist li cite::after {
	content: "]";
}
.commentlist li .says {
	display: none;
}
.commentlist .comment-meta {
    color:#666;
    font-size:.75em;
    padding:0 0 .6em 5.33em;
}
.commentlist .comment-content {
	padding: 1em 0 0;
}
.commentlist li .comment-content  a,
.commentlist li.pingback  a {
	color: #161;
	text-decoration: underline;
}
.commentlist li .comment-content  a:active,
.commentlist li .comment-content  a:hover,
.commentlist li.pingback  a:active,
.commentlist li.pingback  a:hover {
	color: #110;
}
.reply {
    font-size:.75em;
    padding:0 0 1.6em;
    text-align:right;
}
/* is er een class comment-navigation??? */
.comment-navigation {
    font-weight:bold;
    padding:0 0 1.2em 0;
    margin-right:0.5em;
}
.comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
    color: #110;
}
.comment-navigation a,
.comment-navigation span {
    margin-right:0.5em;
}
#trackbacks-list .comment-content {
    position:absolute;
    left:-10000px;
}
#respond h3 {
    font-size:1.1em;
    font-weight:bold;
    line-height:1.5em;
    padding:0 0 .5em 0;
}
#respond {
    background:#fff;
    border:1px solid #ccc;
    overflow:hidden;
    padding:1.4em 1.4em .4em;
    position:relative;
}
.logged-in-as a {
	color: #666;
	background-color: #eeb;
	text-decoration: none;
}
.logged-in-as a:active, 
.logged-in-as a:hover {
	color: #110;
}
#cancel-comment-reply-link {
    font-size:.85em;
    position:absolute;
    top:2em;
    right:1.75em;
}
#cancel-comment-reply-link a {
    color:#666;
}
#commentform label {
    font-weight:bold;
}
#respond input[type=text] {
	display: block;
	width: 60%;
	background-color: #f5f5dc;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
	background-color: #f5f5dc;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}
.form-submit {
    padding:.5em 0 0;
    text-align:right;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area {
	background-color:#f5f5dc;
	color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -1px -1px 1px #ddd;
	-moz-box-shadow: -1px -1px 1px #ddd;
	box-shadow: -1px -1px 1px #ddd;
    padding:1em 0 0;
	margin-bottom: 2em;
}
.widget {
	margin: 0 1em;
}
aside.widget_search #searchform input#s {
	margin-bottom: 5px;
	width: 90%;
}
aside.widget_search input {
	float: left;
}
.widget,
.widget input {
    font-size:.8em;
    line-height:1.4em;
    margin-bottom:.6em;
}
.widget p,
.widget ul,
.widget ol,
.widget dd,
.widget pre {
    margin-bottom:1.4em;
}
.widget pre,
.widget code {
    font-size:.75em;
    line-height:1.5em;
}
.widget .current_page_item a {
    color: #110;
}
.widget .current_page_item .page_item a {
    color:#666;
}
.widget .current_page_item .page_item a:hover,
.widget .current_page_item .page_item a:active {
    color: #110;
}
.widget {
    color:#666;
}
.widget a {
    color:#666;
}
.widget a:active,
.widget a:hover {
    color: #110;
}
.widget h1 {
    font-size:1.6em;
    line-height:1.5em;
}
.widget h1 a {
    text-decoration:none;
}
.widget caption {
    font-size:.9em;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.widget ul {
    list-style:none;
    margin-left:0;
}
.widget ul ul {
    list-style:disc;
    margin:0 0 1.7em 1.5em;
}
.widget ul ul li {
    padding:1px 0;
}
.widget ul ul ul {
    margin-bottom:0;
}
.widget form,
.widget table {
    margin-bottom:1.7em;
}
.widget table {
    border:none;
}
.widget thead {
    border:1px solid #ccc;
}
.widget tbody {
    border:1px solid #ccc;
}
.widget th, .widget td {
    border-right:1px solid #ccc;
    padding:.25em .8em;
}
.widget tfoot tr {
    border:none;
}
.widget tfoot td {
    border-color:transparent;
}
.widget_tag_cloud {
    margin:0 0 1.5em 0;
}
.widget_tag_cloud div {
	padding-top: 10pt;
	line-height: 22pt;
}

/* =Footer
-------------------------------------------------------------- */

#colophon {
	font-size:.75em;
    line-height:1.5em;
	margin: 0 0 1em 240px;
    color:#eceab0;
	overflow:hidden;
}
#colophon div,
#colophon aside,
#colophon nav {
	float: left;
}
#colophon aside {
	padding-left: 30px;
}
#colophon .nosocial,
#colophon .socialvak {
}
footer .footervcard {
	clear: both;
	padding: 10px;
	width: 690px;
    border-bottom:1px solid #eceab0;
}
footer .footervcard .vcard div {
	margin-right: 10px;
}
footer .footervcard .vcard div:last-child {
	margin-right: 0;
}
footer .footervcard .vcard div:before {
/*	content:" \2014  ";  brede liggende streep */
/*	content: " | "; */
	content: " # ";
}
footer .footervcard .vcard div:first-child:before {
	content: none;
}
footer .footervcard .vcard span {
	padding-left: 4px;
}
#colophon nav {
	margin-left: 20px;
}
#colophon nav a {
    color:#eceab0;
	text-decoration:none; 
	padding: 0 5px;
}
#colophon a:active,
#colophon a:hover {
	text-decoration:underline; 
}
#footermenu ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding-left: .5em;
}
#footermenu li {
	display:inline;
}
#footermenu li:before {
/*	content:" \2014  ";  brede liggende streep */
	content: " | ";
}
#footermenu ul li:first-child:before {
	content: none;
}

/* Niet-inhoudelijke pagina's
-------------------------------------------------------------- */
.smaller .entry-content {
	font-size:.8em;
	line-height: 1.2em;
}

/*= Prijslijst
-------------------------------------------------------------- */
#prijslijst td {
	text-align: center;
}
#prijslijst td.teken {
	padding-right: 0;
}
#prijslijst td.bedrag {
	text-align: right;
	padding-left: .5em;
}
#prijslijst th span {
	font-style: italic;
}

/* =vCard
-------------------------------------------------------------- */
/* Text meant only for hcard-readers */
.hide { display: none; }
#vcard { background: #fff url(images/bg-form.gif) repeat-x; color: #333; font-size: .8em; line-height: 1.2em; border: 1px solid #fff; border-color: #fff #fff #ababab; width: 205px; margin: 0 20px 20px 0; padding: 10px; float: left;}
#vcard a {
    color:#060;
}
#vcard a:active,
#vcard a:hover {
    color: #110;
}
#vcard a.org { display:block; font-size: 1.4em; margin-bottom:0.6em; 
	font-family: Philosopher, "Arial narrow", sans-serif; text-decoration: none; }
#vcard>div { margin-bottom: 0.8em; }
#vcard a.link { font-size: .85em; margin-top: 2.0em; }

/* =Layout contactformulier
-------------------------------------------------------------- */
.container { background: #fff url(images/bg-form.gif) repeat-x; color: #333; font: 1em/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #fff; border-color: #fff #fff #ababab; width: 420px; padding: 10px; }

/* Algemene formulier opmaak */
body.page-template-page-contact-php .entry-content { position: relative; padding-top: 2.5em; }
.container { position: relative; float: right; }
.entry-content p.message-header { display: none; }
/* -- !Fieldsets & Legends -- */
.container fieldset { border: none; position: relative; padding: 0; }
.container fieldset legend { font-size: 1.5em; color: #333; margin-bottom: 1em; padding: .5em 0 1em; border-bottom: 1px solid #999; }
/* -- !Fields -- */
.container fieldset div.note { font-size: .8em; margin-bottom: 20px; padding: 0; }
.container fieldset div.note  .error { font-size: 1.2em; color: #8b0000; margin-bottom: 20px; padding: 0; }
.container fieldset div.input { margin: 0 0 5px; padding: 3px 0 3px 150px; }
.container fieldset div.label { margin: 0; padding: 0 0 0 150px; }
.container fieldset div.controls { margin: 25px 0 0; padding: 0; }
.container fieldset div.input  .error { color: #8b0000; }
/* Labels */
.container fieldset div label { color: #666; float: left; display: block; font-size: 1em; font-weight: bold; line-height: 1.1; margin: 7px 0 0 -150px; width: 130px; padding-top: 0;}
/* Input defaults */
.container fieldset div input, 
.container fieldset div textarea, 
.container fieldset div select { border: 1px solid #a3b4c4; border-color: #636d77 #a3b4c4 #c7d2de; color: #333; display: block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.1; margin: 0; }
/* Focus */
.container fieldset div input:focus, 
.container fieldset div textarea:focus, 
.container fieldset div select:focus { border-color: #636d77; }
/* Text inputs */
.container fieldset div input { background: #FFF url(images/bg-form-input.gif) repeat-x left top; padding: 6px 5px; width: 258px; }
/* Select menus */
.container fieldset div select { padding: 0 0 0 3px; width: 268px; }        
/* Textareas */
.container fieldset div textarea { background: #FFF url(../../images/bg-form-input.gif) repeat-x left top; height: 89px; padding: 6px 5px; width: 258px; }
/* Submit en reset */
.container fieldset div.controls { background: none; overflow: hidden; }
.container fieldset div.controls input { float: right; width: auto; }
/* -- !Submit en reset buttons -- */
.container  fieldset .controls input.submit,
.container  fieldset .controls input.reset { cursor: pointer; height: 24px; margin: 0 0 0 10px; width: 102px; 
	background: #333;
	color: #eee;
	font-weight: bold;
	border: none;
	padding: 5px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset -1px -1px 1px #000;
	-moz-box-shadow: inset -1px -1px 1px #000;
	box-shadow: inset -1px -1px 1px #000;
}
.container  fieldset .controls input.submit:active, 
.container  fieldset .controls input.reset:active { 
	background: #777;
	-webkit-box-shadow: inset -1px -1px 1px #555;
	-moz-box-shadow: inset -1px -1px 1px #555;
	box-shadow: inset -1px -1px 1px #555;
}

/* =Layout plattegrond
-------------------------------------------------------------- */

#plattegrond a { display: block; background: #fff url(../../images/bg-form.gif) repeat-x; font: .75em/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #fff; border-color: #fff #fff #ababab; width: 205px; margin-top: 5px; padding: 10px; }

/* Specifieke opmaak
-------------------------------------------------------------- */
.button {
	display: inline-block;
	background-color: #4a2e22;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-moz-border-radius: 5px 3px 3px;
	-webkit-border-radius: 5px 3px 3px;
	border-radius: 5px 3px 3px;
	-webkit-box-shadow: inset 3px 3px 6px #666, inset -3px -3px 6px #000;
	-moz-box-shadow: inset 3px 3px 6px #666, inset -3px -3px 6px #000;
	box-shadow: inset 3px 3px 6px #666, inset -3px -3px 6px #000;
	padding: 0.4em;
	text-align: center;
}
.button a {
	display: block;
	text-decoration: none;
	color: #eceab0;
}
.button a:active,
.button a:hover {
	color: #fff;
}

/* -------------------------------------------------------------- 

   Apply theme styles for social media buttons 
   
-------------------------------------------------------------- */

footer .socialvak {
clear: both;
padding-top: 15px;
margin-bottom: 10px;
height: 4.4em;
padding: 10px;
width: 690px;
border-bottom:1px solid #eceab0;
}
footer .socialvak p {
margin: 0 0 5px 0;
display: block;
padding: 2px;
font-size: 1.2em;
}
.socialvak ul {
	list-style: none;
}
#socialsidebar ul.socialbuttons,
footer ul.socialbuttons {
text-align: left;
margin: 0;
padding: 0;
}
footer ul.socialbuttons li {
float: left;
}
#socialsidebar ul.socialbuttons li,
footer ul.socialbuttons li {
list-style: none;
text-align: left;
margin: 0;
}
footer ul.socialbuttons li.twitter {
margin-left: 35px;
}
footer ul.socialbuttons li.plusone {
margin-left: 15px;
}
#socialsidebar ul.socialbuttons li {
margin: 5px;
}
/* sidebar social media buttons */
#socialsidebar .socialvak {
float:left;
height:100px;
background:#f5f5dc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:-1px -1px 1px #ddd;
-moz-box-shadow:-1px -1px 1px #ddd;
box-shadow:-1px -1px 1px #ddd;
}
#socialsidebar .socialvak  p{
margin:5px 10px 0 10px;
font-size:1.1em;
color:#131;
}
#socialsidebar .socialvak ul {
width:156px;
height:78px;
}
#socialsidebar .socialvak ul  li{
float:left;
}
#socialsidebar .socialvak ul li a {
width:64px;
height:64px;
display:block;
padding:1px;
border:1px solid #f5f5dc;
}
#socialsidebar .socialvak ul li a:hover {
background:#fff;
border:1px solid #ccc;
}
#socialsidebar .socialvak ul li a span {
text-indent:-9999px;
width:64px;
height:64px;
display:block;
}
#socialsidebar .socialvak a.facebook span {
background: url('images/facebook.png') 0 0 no-repeat;
}
#socialsidebar .socialvak a.twitter span {
background: url('images/twitter.png') 0 0 no-repeat;
}

/* -------------------------------------------------------------- 
   
   Default plugin styles for Natural
   Credits: Thematic's Ian Stewart
  
-------------------------------------------------------------- */  

/* =Ajax Edit Comments
-------------------------------------------------------------- */

.edit-comment {
    margin-bottom:18px;
}

/* =WordPress Stats
-------------------------------------------------------------- */

img#wpstats {   /* hide WordPress Stats smiley */
    width:0px;
    height:0px;
    overflow:hidden;
}