/**
 * Theme Name: Healing en Reading
 * Theme URI: http://www.conceptfuse.com
 * Description: Custom template for Healing en Reading.
 * Version: 1
 * Author: Murat Aydin
 * Author URI: http://www.conceptfuse.com
 * Tags: 
 *Template: hybrid
 */
  

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	/* @import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	@import url('../hybrid/library/css/18px.css');
	/* @import url('../hybrid/library/css/20px.css'); */
	/* @import url('../hybrid/library/css/21px.css'); */
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */


/* Plugins CSS */
	@import url('../hybrid/library/css/plugins.css');
/*
*************
colors
dark
#183152	
#375D81
#ABC8E2
#C4D7ED
#E1E6FA
light
*/	 
/* Hybrid content left 2 column fixed */
.breadcrumb {
	display: none;
}

/* Wrapper for the content and primary/secondary widget sections */
body {
	background: #F2F7FA;
	}
#container {
	overflow: hidden;
	float: right;
	width: 640px;
	}
/* Primary widget section */
	#primary {width : 160px;}


	/* Secondary widget section */
	#secondary {width: 160px;}


/* Layout */
/**
 * Two columns with content floated left.
 * Fixed width of 960px.
*/

#body-container {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	}
#header-container {
	position: relative;
	height: 170px;
}
#container {
	overflow: hidden;
	float: right;
	width: 640px;
	margin-top: -18px;
	}

.content {
	overflow: hidden;
	float: left;
	width: 470px;
	}
.no-widgets .content, .no-default-widgets .content {
	width: 640px;
	}

#primary {
	position: relative;
	float: right;
	width: 160px;
	}

#secondary {
	position: relative;
	clear: right;
	float: right;
	width: 160px;
	}

#subsidiary {
	overflow: hidden;
	}

#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
	}

#footer-container {
	clear: both;
	overflow: hidden;
	}

#footer {
	clear: both;
	overflow: hidden;
	}	
	
	
/* Body */
body {
	background: #F2F7FA;
	font: normal normal normal 12px/20px Verdana, sans-serif;
	color: #252326;
	}

/* Body container */
#body-container {
	margin: 18px auto;
	}

/* Links */
a {
	color: #6667ff;
	text-decoration: none;
	}
a:visited {
	color: #6667ff;
	}
a:hover, a:active {
	color: #5354ff;
	text-decoration: underline;
	}

/* Headers */
h2, h3, h4, h5, h6 {
	font-family: Verdana, sans-serif;
	color: #252326;
	font-weight: bold;
	}
h2 {
	font-size: 21px;
	}
h3 {
	font-size: 19px;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 15px;
	}
h6 {
	font-size: 13px;
	}

/* Lists */
ul {
	list-style: square;
	}

/* Blockquotes */
blockquote {
	display: none;
	font-family:  "verdana";
	font-size: 14px;
	font-style: normal;
	color: #555;
	font-style: italic;
	
	border-bottom: 1px dotted #ebe1c6;
	margin:0 18px 18px;
	padding:0 ;
	line-height: 21px;
	}
blockquote p{
	margin-bottom: 0;
}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: normal;
	}

/* Code */
pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	}
code {
	padding: 0 3px;
	background: #eee;
	}
pre code {
	background: transparent;
	}

/* Tables */
table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
caption {
	font-size: .9em;
	font-style: italic;
	text-align: right;
	}
td, th {
	padding: 3px 6px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
th {
	background: #eee;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Georgia, serif;
	color: #333;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Breadcrumb */
.breadcrumb {
	margin: 0 0 30px 0;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.breadcrumb a {
	color: #111;
	text-decoration: none;
	}
.breadcrumb a:hover {
	color: #d54e21;
	text-decoration: underline;
	}

/* Images */
.post img {
	max-width: 568px;
	padding: 5px;
	border: 1px solid #ccc;
	}

.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	}

/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	margin-top: 6px;
	padding: 6px 1px 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	padding: 5px;
	border: 1px solid #ccc;
	}

/* Header */
#header {
	margin: 36px 0 40px 320px;
	position: absolute;
	}

/* Blog title */
#site-title {
	font: normal normal 29px/29px calibri, sans-serif;
	margin: 0 0 10px 0;
	
	width: 640px;
	text-transform: uppercase;
	border-bottom: 1px solid #6c93cd;
	}
#site-title a {
	color: #375D81;
	}
#site-title a:hover {
	text-decoration : none;
}

/* Blog description */
#site-description {
	display: none;
	position: absolute;
	top: 55px;
	left: 440px;
	width: 200px;
	font: italic normal normal 16px/20px calibri,sans-serif;
	margin: 0;
	color: #666;
	}

/* Navigation */
#navigation {
 	background:transparent url(images/nav_bg2.png) repeat-y top center;
	overflow: visible;
	float: left;
	z-index: 100;
	width: 300px;
	border: 0px solid;
	padding-top: 150px;
	margin-top: -150px;
	padding-bottom: 54px;
	}
#navigation ul {
	list-style: none;
	margin: 0;
}

#navigation ul ul {
	/*background: #efe6d0;*/
	
}
#page-nav {
	background: url(images/logo.png) no-repeat top center;
	padding: 0 36px;
	padding-top: 144px;
	margin-top: -125px;
}
#page-nav li {
	
	}
#page-nav li.current_page_item {
	
	}

#page-nav li li {
	
	}
#page-nav li li.current_page_item {
	
	}

#page-nav li a {
	display: block;
	padding: 4px 5px;
	color: #d1e905;
	background:transparent;
	border-bottom: 1px solid #D7F205;
	
	}

#page-nav li.current_page_item a {
	
	
	
	}
/* Drop-downs style  
#page-nav li:hover ul, li.sfHover ul {
	top: 32px;
	}
#page-nav li li a {
	border-top: none;
	margin-right: 0;
	}
*/#page-nav li ul {
	background: #8ca1d5;
	border-top: 1px solid #ccc;
	}
/*
#page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul  {
	top: -1px;
	}
#page-nav li li li {
	margin-left: -1px;
	}
 */
 
 
/* Secondary navigation */
#simple-section-nav .widget-title {
	margin:0;
	margin-top: 36px;
	color: #542950;
	text-align: center;
	border-bottom: 1px solid #D7F205;
	font-style: normal;
	padding-bottom: 9px;
	margin-bottom: 0px;
}
#simple-section-nav ul {
	list-style:  none;
	margin: 0 auto;
}

#simple-section-nav li a{
	display: block;
	padding: 4px 5px;
	color: #542950;
	background:transparent;
	border-bottom: 1px solid #D7F205;
	text-decoration: none;
	text-align: center;
}
#simple-section-nav li a:hover{
	text-decoration: underline;
}

#simple-section-nav


/* Container (wraps content, primary, and secondary) */
#container {
	margin-bottom: 21px;
	}

/* Main content */
.content {
	margin: 0 0 21px 0;
	}


/* Posts */
.post {
	overflow: hidden;
	margin: 0 0 40px 0;
	}
.single .post, .attachment .post, .page .post {
	margin: 0;
	}

/* Archive information */
.author-info, .search-info {
	overflow: hidden;
	margin: 0 0 40px 0;
	}

/* Entry title */
.entry-title {
	font-size: 21px;
	margin: 0;
	font-weight: normal;
	line-height: 22px;
	text-transform: capitalize;
	}
.archive .entry-title, .search .entry-title {
	font-size: 21px;
	margin: 0;
	}
.page-title, .attachment-title {
	margin: 0 0 21px 0;
	}
.entry-title a {
	color: #1A2131;
	}

/* Byline */
.byline {
	margin: 0 0 30px 0;
	font-style: italic;
	color: #666;
	}
.archive .byline, .search .byline {
	margin: 0;
	}
.byline .byline-prep {
	text-transform: lowercase;
	}

/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 10px 0;
	}

/* Entry metadata */
.entry-meta {
	clear: both;
	font-style: italic;
	color: #666;
	}

/* Page links (multiple-paged posts) */
p.pages a {
	margin: 0 3px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Navigation links */
.navigation-links {
	margin-bottom: 21px;
	font-style: italic;
	}
.navigation-links .previous {
	float: left;
	max-width: 50%;
	}
.navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
	}
.navigation-attachment {
	overflow: hidden;
	}

/* WP Pagenavi plugin */
.wp-pagenavi {
	margin-bottom: 21px;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 15px 0;
	color: #464646;
	}
.widget a {
	color: #464646;
	text-decoration: underline;
	}
.widget a:hover {
	color: #d54e21;
	text-decoration: none;
	}

/* Widget titles */
.widget-title {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #111;
	}

/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	margin: 0 0 21px 0;
	padding: 20px 20px 0 20px;
	border: 1px solid #ccc;
	}

/* Comments template */
#comments-template {
	clear: both;
	}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment metadata */
.comment-meta {
	margin: 10px 0 21px 0;
	font-size: 13px;
	color: #666;
	}
.comment-author {
	font-size: 15px;
	color: #000;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
	}
#comments-template label {
	font-size: .9em;
	}

/* Respond textarea */
textarea {
	width: 98%;
	}

/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #f9f9f9;
	}

/* Footer container */
#footer-container {
	margin: 0 0 21px 0;
	}

/* Subsidiary */
#subsidiary {
	margin: 0 0 21px 0;
	}

/* Footer */
#footer {
	font-style: italic;
	color: #444;
	}
#footer .copyright {
	display: inline;
	float: left;
	margin-right: 9px;
	}

/* Wp7 form control styles */

form div {
	clear:left;
	display:block;
	margin:5px 0 0;
	padding:1px 3px;
	width:500px;
}

form div label {
	display:block;
	float:left;
	margin:0 0 5px;
	padding:3px 5px;
	text-align:left;
	width:100px;
}

textarea#bericht{
	width: 250px;
}
textarea#bijzonderheden{
	width: 250px;
}
.wpcf7-form-control-wrap{
 	margin: 0;
 	padding: 1px 3px;
 	width: 200px;
}	
.wpcf7-button{
	margin: 0 auto;
	width: 50px;
}