/*  
Theme Name: Protestantse Gemeente | Philippine - Sas van Gent - Sluiskil
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.0
Author: Auke Visman
Author URI: http://www.visaap.nl/

*/
/* ======================= PKN HUISSTIJL KLEUREN ======================= */
/* 	B20009 donker rood		DA59AA hardrose			B5DC10 licht groen	 */
/* 	D81B1B rood				EEA28D zalm				018B71 donker groen	 */
/* 	ED7501 donker oranje	F8C874 zand geel		008AA3 licht blauw	 */
/* 	FCBD00 geel oranje		FEDB66 warm geel		0C2577 donker blauw	 */
/* 	F7A601 licht oranje		FFE65E licht geel		681888 paars		 */
/* 	FDC900 oranje geel		FFEb5B lichter geel		A5017E purper		 */
/* 	000000 zwart			FFF35A lichtste geel	C8027F donker roze	 */
/* 	FFFFFF wit										FFFF00 geel			 */
/* ===================================================================== */
@import url('css/nav.css');

/*  -=-=-=- VASTE WAARDEN -=-=-=- */
* {
	margin: 0;
	padding: 0;
	}
html {
	font-size: 100%; 
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal; 
	text-align: left; 
	color: #000000;
	}	
body {
	font-size: 62.5%; /* de font-grootte is nu standaard 10px (1.0em=10px, 1.4em=14px) */
	text-align: center;
	background: #FFFFFF url("http://images.protestantsegemeente.nl/opmaak/bg_streep.gif") repeat-x scroll top;
	}
img {
	border: 0 none;
	}

/* -=-=-=- OPMAAK -=-=-=- */

div#page {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border: 0px;
	background: url("http://images.protestantsegemeente.nl/opmaak/bg_content.gif") repeat-y center top;
	}
	div#header {
		background: url("http://images.protestantsegemeente.nl/opmaak/img_masthead.jpg") no-repeat center top;
		height: 1%;
		width: 100%;
		}
		div#masthead {
			position: relative;
			height: 150px;
			}
			div#skip { display: none; visibility: hidden; }
			div#navMain {
				position: relative;
				width: 750px;
				margin: 0 5px;
				height: 24px;
				background: url("http://images.protestantsegemeente.nl/opmaak/bg_navMain.gif") repeat-x center top;
				padding: 0 10px;
				}
				div#navZoek {
					float: right;
					margin: 2px 10px;
					}
	div#wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
			background: url('http://images.protestantsegemeente.nl/opmaak/bg_stempel.gif') no-repeat right bottom;
		}
		div#content {
			float: right;
			width: 510px;
			font-size: 1.2em;
			line-height: 1.4em;
			padding: 20px 30px 210px 0;
			margin: 0;
			}
		div#sidebar {
			/* position: relative; */
			float: left;
			margin-left: 8px;
			padding: 20px 5px;
			width: 200px;
			}
	#footer {
		background: #FFFFFF url('http://images.protestantsegemeente.nl/opmaak/img_footer.gif') no-repeat top; 
		border: none;
		width: 780px;
		padding: 0 0 10px 0;
		margin: 0 auto;
		clear: both;
		}

/* -=-=-=- FONTS -=-=-=- */

/* ----- masthead ----- */
div#btn_home a {
				position:relative;
				float: left;
				top: 0px; 
				left: 10px;
				width: 630px;
				height: 50px;
				z-index: 10;
	}
	#btn_home a:link, #btn_home a:visited, #btn_home a:hover, #btn_home a:active { border: 0px;}
div#btn_pkn a {
				position:relative;
				float: right;
				top: 4px; 
				right: 10px;
				width: 98px;
				height: 82px;
				z-index: 10;
	}
	#btn_pkn a:link, #btn_pkn a:visited { background-image: url('http://images.protestantsegemeente.nl/opmaak/logo_pkn_link.jpg'); border: 0px;}
	#btn_pkn a:hover, #btn_pkn a:active { background-image: url('http://images.protestantsegemeente.nl/opmaak/logo_pkn_hover.jpg'); border: 0px;}

/* === Navigatie Verticaal == */
/* LEVEL 1 */
	#menu ul { color: #018B71; }
	#menu ul li.page_item {
		color: #018B71; 
		font-size: 1.4em; 
		font-weight: bold;  
		list-style-type: none;
		padding-left:10px; 
		}

/* LEVEL 2 */
	#menu ul li.page_item ul { margin-left: 0; padding: 0; }
	#menu ul li.current_page_item ul { border-left: 2px solid #018B71; margin-left: 0px; padding-left: 10px; 	}
		#menu ul li.current_page_item ul li.page_item { 
			color: #FCBD00; 
			font-size: 1.0em; 
			font-weight: normal;  
			list-style-type: none; 
			}
/* LEVEL 3 */
	#menu ul li.current_page_item ul li.current_page_item ul { border-left: 2px solid #018B71; margin-left: 0px; padding-left: 10px; 	}
	#menu li.page_item ul li.page_item ul li.page_item { font-size: 1.0em; font-weight: normal; list-style-type: none;}
	
	#menu a:link, #menu a:visited { color: #018B71; text-decoration: none; }
	#menu a:hover, #menu a:active { color: #FFFFFF; text-decoration: none; }

	#menu li li.current_page_item a:link, #menu li li.current_page_item a:visited { color: #0C2577; text-decoration: none;}
	#menu li li.current_page_item a:hover, #menu li li.current_page_item a:active { color: #FFFFFF; text-decoration: none; }

.current_page_item a { color: #FF0000; }
							
div#navZoek #searchform {
						margin: 0;
						padding: 0; 
						text-align: center;
						}
	div#navZoek #searchform #s {
						width: 108px;
						height: 14px;
						margin: 0;
						padding: 2px;
						background-color: #DA59AA;
						border: 1px solid #F7A601;
						}
					div#navZoek #searchsubmit a {
						padding: 1px;
						background-color: #F7A601;
						border: 1px solid #F7A601;
						}
						div#navZoek #searchsubmit a:link, div#navZoek #searchsubmit a:visited { background-color: #F7A601; color: #FFFFFF; border: 1px solid #FFFFFF;}
						div#navZoek #searchsubmit a:hover, div#navZoek #searchsubmit a:active { background-color: #F7A601; color: #FFFFFF; border: 1px solid #F7A601; }						

/* ----- /masthead #execphp-397035181 ----- */
#content p { margin-bottom: 10px; }
#content img { background-color: #FFFFFF; border: 1px solid #999999; margin: 5px; padding: 3px;}
			
div#sidebar ul li#events-list,div#sidebar ul li#menu { background-color: #B5DC10; border: 2px solid #018B71; padding: 5px 5px 15px 5px; }
div#sidebar ul li#agenda, 
div#sidebar ul li#events, 
div#sidebar ul li#execphp-397035181, 
div#sidebar ul li#execphp-397035182,
div#sidebar ul li.widget_recent_entries { background-color: #FFF35A; border: 2px solid #ED7501; color: #B20009; padding: 5px 5px 15px 5px; }

div#sidebar ul li ul li a:link,div#sidebar ul li ul li a:visited{color: #B20009;text-decoration:none;}
div#sidebar ul li ul li a:hover,div#sidebar ul li ul li a:active{color: #B20009;text-decoration:underline;}
div#sidebar ul li#actueel, 
div#sidebar ul li#recent-posts { background-color: #FFF35A; border: 2px solid #F8C874; color: #B20009; padding: 5px 5px 15px 5px;}

div#sidebar ul li#agenda ul li, 
div#sidebar ul li#events ul li, 
div#sidebar ul li#execphp-397035181 ul li,
div#sidebar ul li#execphp-397035182 ul li, 
div#sidebar ul li#actueel ul li, 
div#sidebar ul li#recent-posts ul li { color: #B20009; list-style-type: disc; margin-left: 20px; }

div#sidebar ul li#overig, #overig { background-color: #FFF35A; border: 2px solid #F8C874; padding: 5px 5px 15px 5px; }

	#agenda a:link, #agenda a:visited, 
	#events a:link, #events a:visited,
	#execphp-397035181 a:link, #execphp-397035181 a:visited,
	#execphp-397035182 a:link, #execphp-397035182 a:visited,
	#actueel a:link, #actueel a:visited, 
	#recent-posts a:link, #recent-posts a:visited { color: #B20009; text-decoration: none; border-bottom: 1px solid #B20009; }
	
	#agenda a:hover, #agenda a:active, 
	#events a:hover, #events a:active, 
	#execphp-397035181 a:hover, #execphp-397035181 a:active, 
	#execphp-397035182 a:hover, #execphp-397035182 a:active, 
	#actueel a:hover, #actueel a:active, 
	#recent-posts a:hover, #recent-posts a:active { color: #ED7501; text-decoration: none; border-bottom: 1px solid #ED7501; }

	#menu h2, 
	#agenda h2, 
	#events h2, 
	#execphp-397035181 h2,
	#execphp-397035182 h2,
	#actueel h2, 
	#recent-posts h2, 
	#overig h2 { margin: 5px 0 10px 10px;}
	

	#agenda h2, 
	#events h2,
	#execphp-397035181 h2, 
	#execphp-397035182 h2, 
	#actueel h2, 
	.widget_recent_entries h2{ color: #B20009; }
	
	#actueel strong, 
	#recent-posts strong, 
	#events strong,
	#execphp-397035181 strong, 
	#agenda strong { padding-left: -5px;}	
	
.widecolumn .entry p {
	font-size: 1.05em;
	}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}
.widecolumn {
	line-height: 1.6em;
	}
.narrowcolumn .postmetadata {
	text-align: center;
	}
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
.textaccent { color: #ff9900; }
h1 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 2.5em;
	text-align: left;
	}
	h1, h1 a, h1 a:hover, h1 a:visited {
		text-decoration: none;
		color: white;
		}
h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	margin:0 0 10px;
	}

h3 {
	font-size: 1.3em;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:link, .entry p a:visited { color: #B20009; }
.entry p a:hover, .entry p a:active { color: #ED7501; }


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

h2 a:hover, h3 a:hover {
	color: #B20009;
	text-decoration: none;
	}

/* End Typography & Colors */



/* Begin Structure */
.post {
	margin: 0 0px;
	text-align: left;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}


#footer p {
	color: #999999;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
#footer p a:link, #footer p a:visited { color: #999999; }
#footer p a:hover, #footer p a:active { color: #333333; }

/* End Structure */



/*	Begin Headers */

h2 {
	margin: 0 0 20px 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists */

.entry ul 		{ margin: -10px 0 10px 0; padding: 0; } 
.entry ul li 	{ margin: 0 0 0 15px; list-style-type: disc; }

.entry ol 		{ margin: -10px 0 10px 20px; padding: 0; }
.entry ol li 	{ margin: 0; padding: 0; text-indent: -17px; list-style-type: decimal; } 
.entry ol li ol 	{ margin: 0 0 0 20px; padding: 0;  }
.entry ol li ol li 	{ margin: 0; padding: 0; text-indent: -17px; list-style-type: lower-alpha; }

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-position:inside;
	list-style-image: none;
	margin-bottom: 15px;
	}
#sidebar li li {
	list-style-type: square;
	list-style-position:outside;
	list-style-image: none;
	margin-bottom: 15px;
	padding-left:10px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin:0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal inside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 5px 0 0 13px;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: left;
	}
.wpcf7 form {
	background-color: #FFF35A; border: 2px solid #F8C874; padding: 5px;
	}
select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	text-align: left;
	margin-top: 50px;
	padding: 5px;
	}

.commentlist {
	padding: 0;
	text-align: left;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar form {
	margin: 0;
	}
/* End Sidebar */

/* Begin Various Tags & Classes */
pre, p.wp-caption-text { color: #999999; font-size: 0.9em; line-height: 1.2em; margin: 0px 0px 10px 5px; padding-left: 5px; border-left: 1px solid #999999; }
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	width: 100%;
	margin-bottom: 50px;
	} *html .navigation { margin-bottom: 0px; }

/* --- WIDGETS --- */	
/* events */
#events-list h2 { color: #018B71; }
#events-list ul li {color: #018B71;}