/*
THEME NAME: Sonshine
THEME URI: http://sonshine.nl/
DESCRIPTION: Tailormade for Sonshine (based on the Thematic framework).
VERSION: 1.1
AUTHOR: Mark Dingemanse
AUTHOR URI: http://vormdicht.nl
TEMPLATE: thematic
*/



/* Sonshine colours 
ROOD 
ORANJE
GEEL
ACHTERGRONDGRIJS
#cd071e
#e6511e
#ffd800
#ddd4d4
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* Basic setup
************************************************* */

body {
background-color:#ddd4d4;
}
#wrapper {
	background:#ddd4d4 url('images/bg-main.png') repeat-y top center;
}
#header {
	background-color:#fff;
	width:960px;
	margin:auto;
}
#header #branding {
	height:240px;
	margin:0;
	padding:0;
}

#main {
	width:960px;
	padding:0;
}
#main #container {
	width:560px;
	margin:1em 0em 0 2em;
	padding:0;
	min-height:400px;
}
#main #content {
	width:560px;
	padding:0;
	margin:0;
}
#sidebar {
	width:320px;
	float:right;
}
#sidebar .aside {
	width:320px;
	border:none;
	color:#333333;
	right:0;
}
#sidebar .main-aside {
	padding:0;
}
#sidebar .xoxo {
	padding:0;
	margin:2em 2.5em;
}
#sidebar .xoxo .widgetcontainer {
	margin:0 0 2em 0;
}

#sidebar .xoxo .widgetcontainer ul {
	margin-left:14px;
}

.widget_wp_sidebarlogin form p.submit input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.widget_text .textwidget blockquote {
	font-style:normal;
	padding-left:30px;
	margin:0;
	color:#333;	
	background:url('images/quote_11.png') no-repeat top left;
}

#sidebar .xoxo .widget_categoryposts ul { margin:0; list-style:none; }
#sidebar .widget_categoryposts p { margin:0; }

#sidebar .avatar_container {
	display:none;
}

#primary {
	padding-top:3em;
}

#footer {
	width:960px;
	margin:0 auto;
	border-top:none;
}
#footer #siteinfo {
	margin:0 2.5em;
}


/* Header, branding & images
************************************************* */

#topnav {
	position:absolute;
	left:1.3em;
	top:10px;
	z-index:1;
}
#topnav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#topnav ul li {
	display:block;
	float:left;
	margin:0 1em;
	margin-right:1em;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.09em;
}
#topnav a:link, #topnav a:visited {
	color:#000;
	text-decoration:none;
}
#topnav a:hover, #topnav a:active {
	color:#cd071e;
}
#topnav li a.disabled {
	color:#999;
}


#blog-title a {
	position:relative;
	top:2em;
	left:1.5em;
	display:block;
	width:375px;
	height:116px;
	background:url('images/sonshine-logo.png') no-repeat 0 0 ;
	text-indent:-9000px;
}
#header-img {
	position:absolute;
	right:0;
	top:0;
	width:480px;
	height:240px;
	background-color:#ccc;
}

body.parent-pageid-4 #blog-title,
body.slug-koop-n-kerk #blog-title {
	display:none;
}
body.parent-pageid-4 #header-img,
body.slug-koop-n-kerk #header-img {
	position:absolute;
	right:0;
	top:0;
	width:926px;
	height:240px;
	background-color:#ccc;
}


/* Navigation 
************************************************* */

#access {
	border:none;
	border-top:6px solid #e6511e;
	background-color:#cd071e;
	padding-top:0px;
	height:32px;
}

.sf-menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
	margin-left:6px;
	height:32px;
	overflow:visible;
}
.sf-menu li {
	background-color:#cd071e;
}


.menu .sf-menu li a {
	text-transform:lowercase;
	font-weight:bold;
	color:#fff;
	font-size:1.1em;
	border:none;
	border-left:1px solid #cd071e;
}

.sf-menu li a:hover,
.sf-menu li.sfHover a {
	color:#cd071e;
	background-color:#fff;
	border-left:1px solid #cd071e;
}

.sf-menu li.sfHover ul li a {
	color:#cd071e;
}

.sf-menu li.current_page_item a,
.sf-menu li.current_page_parent a {
	color:#cd071e;
	background-color:#fff;
	border-left:1px solid #cd071e;
}
.sf-menu li.page-item-4 {
/*	background:url('images/knk-nav-bg.png') no-repeat center 0; */
}


/* Secondary navigation
************************************************* */

#secondary-nav {
	background-color:#fff;
	display:block;
	width:960px;
	margin:0 auto 0 auto;
	padding:0.2em 0 1em 0;
}
#secondary-nav ul {
	display:block;
	list-style:none;
	padding:0 1em 1px 1em;
	margin:0;
	height:40px;
}
#secondary-nav ul li {
	display:block;
	float:left;
	margin-left:0.1em;
	padding:0 12px;
}
#wrapper #secondary-nav ul li a {
	font-size:0.9em;
	text-transform:lowercase;
	display:block;
	padding:4px 0 0px 0;
	text-decoration:none;
	font-weight:normal;
	color:#e6511e;
}

#wrapper #secondary-nav ul li.current_page_item a,
#wrapper #secondary-nav ul li a:hover {
	border-bottom:1px solid #e6511e;
}
#wrapper #secondary-nav ul li.current_page_item a {
	font-weight:normal;
}
.page-parent #wrapper #secondary-nav ul li.page-item-652 a {
	border-bottom:1px solid #e6511e;
}


/* Cufon fixes */

.cufon-active .sf-menu li {
}
.cufon-active .sf-menu li a {
	padding-bottom:7px;
}
.cufon-active .menu .sf-menu li a {
	font-size:16px;
}

.cufon-active #secondary-nav ul {
	padding-top:8px;
}
.cufon-active #wrapper #secondary-nav ul li a {
	font-size:16px;
}


/* Specific pages
************************************************* */


/* Welkom */

.home #main #container {
	margin-top:0px;
}
.home h1.entry-title {
	display:block;
	text-indent:-900px;
	background:url('images/welkom.jpg') no-repeat -7px top;
	height:68px;
	width:271px;
}
.home #sonshine-news {
	background:url('images/nieuwsvanp-p.png') no-repeat right 30px;
	padding-top:35px;
	border-top:1px solid #CCCCCC;
}
.home #main {
	overflow:visible;
}
#knk_ad {
	display:none;
}
.home #knk_ad {
	display:block;
	width:359px;
	z-index:1;
	right:0px;
	position:relative;
	overflow:hidden;
}
.home #knk_ad img {
	margin-left:-2px;
}

/* Comite van aanbeveling table */
.slug-comite-van-aanbeveling #content table, .slug-comite-van-aanbeveling #content table tr, .slug-comite-van-aanbeveling #content table td {
	border:none;
}


/* Typography 
************************************************* */


/* Set the font-size */

.entry-meta, .entry-utility {
	font-size:11px;
}
.entry-utility {
}
#main p, #main ul, #main ol, #main dd, #main pre {
	font-size:11px;
    margin-bottom:1em;
	line-height:1.6em;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.entry-title a:hover, .entry-title a:active {
	color:#cd071e;
}
h2.entry-title {
	font-size:1.4em;
}
#content h2.entry-title a {
}
#content h2.entry-title a:hover {
}
#sidebar h3.widgettitle {
	font-weight:bold;
	font-size:1.8em;
}
.entry-content h1 {
	font-size:1.6em;
}
.entry-content h2 {
	color:#cd071e;
}
.entry-content h3 {
	color:#000;
	font-weight:bold;
	font-size:19px;
	font-style:normal;
}
.entry-content h4 {
	font-style:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:normal;
	text-transform:none;
}
.entry-content strong {
	font-style:bold;
}

/* 	Paul, hier staan de kleuren voor de links in het content-gedeelte
	Color spreekt voor zich; text-decoration gaat over 'underline' of niet.
	Het is wel aan te bevelen om Link + Visited en Hover + Active visueel
	te onderscheiden. Voor bezoekers is het namelijk heel irritant en onverwacht
	om geen visuele feedback te krijgen.
*/
#main .entry-content p a:link, #main .entry-content p a:visited {
	color:#cd071e;
	text-decoration:none;
}
#main .entry-content p a:hover, #main .entry-content p a:active {
	color:#cd071e;
	border-bottom:1px solid #cd071e;
}
span.edit-link {
	float:right;
	position:absolute;
	top:3.5em;
	right:380px;
	text-transform:lowercase;
	font-size:9px;
}

.wpcf7 input, .wpcf7 textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:inherit;
	padding:4px;
}

/* Comment */

form #commentform * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.comment .comment-author {
}

/* Images */

#content {
	overflow:visible;
}
#content .wp-caption {
	margin-top:4px;
	margin-bottom:0;
}
#content .alignleft {
	margin-left:-35px;
}
#content .alignright {
	margin-right:-55px;
}


/* Sonshine colours 
ROOD 
ORANJE
GEEL
ACHTERGRONDGRIJS
#cd071e
#e6511e
#ffd800
#ddd4d4
*/