/*
Stylesheet for JoostPijpker.nl
*/

@media screen {

* { 
	margin:0;
	padding:0;
	}

body { 
	color:#232323;
	font:12px "Lucida Grande", Arial, sans-erif; 
	}
	
h1, 
h2, 
h3 { 
	font-weight:normal;
	margin:0 0 10px;
	}

p { 
	margin:0 0 15px 0; 
	}

#header {
	background:#002442 url('images/header.gif') top center no-repeat;
	height:170px;
	overflow:hidden;
	width:100%;
	}
	
	#header a {
		display:block;	
		height:60px;
		margin:54px auto 0;
		overflow:hidden;
		width:470px;
		text-indent:-9999px;
		}
	
#navigation_wrapper {
	background:#bbbbbb url('images/navigation_bg.gif') repeat-x top left;
	height:44px;
	width:100%;
	}
		div#navigation {
			margin:0 auto;
			position:relative;
			width:800px;	
			}

			div#navigation ul.menu {
				list-style:none;
				overflow:hidden;
				width:540px;
				}
			
				div#navigation ul.menu li {
					float:left;
					}
				
					div#navigation ul.menu li a {
						color:#ffffff;
						display:block;
						float:left;
						font: 20px Helvetica, Arial, sans-erif;
						font-weight:bold;
						line-height:40px;
						padding:0 20px;
						text-decoration:none;
						text-transform:lowercase;
						}
					
					div#navigation ul.menu li a:hover {
						color:#a5a5a5;
						border-bottom:4px solid #ff6600;
						}
					
			div#navigation form#searchform {
				display:block;
				height:28px;
				right:5px;
				overflow:hidden;
				position:absolute;
				top:6px;
				width:250px;
				}
			
				.screen-reader-text { 
					position:absolute;
					left:-9999px;
					top:-9999px; 
					}
				
				form#searchform input.text {
					background:#454545 url('images/searchfieldBG.gif') no-repeat top left;
					border:none;
					color:#bbbbbb;
					display:block;
					float:left;
					height:28px;
					padding:0px 6px;
					width:207px;
					}
				
				form#searchform input.submit {
					background:#454545 url('images/searchbutton.gif') no-repeat top left;
					border:none;
					display:block;
					float:left;
					height:28px;
					text-indent:-9999px;
					width:31px;
					}
					
				form#searchform input.submit:hover {
					background:#454545 url('images/searchbuttonHover.gif') no-repeat top left;
					}

#content {
	background:url('images/contentBG.gif') repeat-y top center;
	margin:0px auto;
	overflow:hidden;
	width:800px;	
	}
	
	#main {
		float:left;
		margin-right:20px;
		padding:30px 0;
		width:510px;
		}
		
		#main h2 {
			color:#0084c6;
			font-size:22px;
			}
			
			#main h2 a {
				color:#0084c6;
				text-decoration:none;
				}
			
			#main h2 a:hover {
				text-decoration:underline;
				}
				
/*
Posts
*/	
							
		#main div.post {
			margin-bottom:30px;
			}
			
			#main div.post h2 {
				margin-bottom:5px;
				}
				
			#main div.post div.meta {
				color:#6c6c6c;
				font-size:10px;
				margin-bottom:15px;
				}
				
				span.day {
					text-transform:capitalize;	
					}
				
				#main div.post div.meta a,
				#main div.post div.entry a {
					color:#ff6600;
					font-weight:bold;
					text-decoration:none;
					}
				
				#main div.post div.meta a:hover,
				#main div.post div.entry a:hover {
					color:#6c6c6c;
					}
					
			#main div.post div.entry {
				margin-bottom:20px;
				}
				
			#main div.post div.entry h3 {
				color:#0084c6;
				font-size:12px;
				font-weight:bold;
				margin-bottom:5px;
				}
					
				#main div.post div.entry a.more-link {
					background:url('images/readMore.gif') no-repeat right center;
					color:#0084c6;
					padding:0 12px 0 5px;
					}
					
				#main div.post div.entry a.more-link:hover {
					color:#6c6c6c;
					}
					
				#main div.post div.entry img {
					margin-bottom:-4px;
					}
			
			#main div.post div.tagsSocial,
			#main div.navigation {
				background:#f4f4f4;
				display:block;
				overflow:hidden;
				padding:8px;
				position:relative;
				width:494px;	
				}
				
					#main div.navigation a {
						color:#0084c6;
						font-weight:bold;
						text-decoration:none;
						}
						
					#main div.navigation a:hover {
						color:#6c6c6c;
						}
					
					#main div.navigation div.next-posts { 
						background:url('images/navigationNext.gif') no-repeat right center;
						float:right;
						padding-right:15px;
						}
					
					#main div.navigation div.prev-posts { 
						background:url('images/navigationPrev.gif') no-repeat left center;
						float:left;
						padding-left:15px;
						}
				
				#main div.post div.tagsSocial div.tags {
					font-weight:bold;
					}
				
					#main div.post div.tagsSocial div.tags a {
						color:#0084c6;
						text-decoration:none;
						}
						
					#main div.post div.tagsSocial div.tags a:hover {
						color:#6c6c6c;
						}
				
				#main div.post div.tagsSocial div.share {
					font-weight:bold;
					float:right;
					height:16px;
					margin-left:10px;
				}
				
				#main div.post div.tagsSocial div.iconTainer {
					float:right;
				}
				
				#main div.post div.tagsSocial div.share a {
					display:block;
					float:left;
					height:16px;
					margin-left:5px;
					overflow:hidden;
					text-indent:-9999px;
					width:16px;
				}
				
				#main div.post div.tagsSocial div.share a.twitter {
					background:url('images/twitterIcon.gif') no-repeat top right;
					}
					
				#main div.post div.tagsSocial div.share a.facebook {
					background:url('images/facebookIcon.gif') no-repeat top right;
					}
			
				#main div.post div.tagsSocial div.share a.hyves {
					background:url('images/hyvesIcon.gif') no-repeat top right;
					}
				
				#main div.post div.tagsSocial div.share a.linkedIn {
					background:url('images/linkedinIcon.gif') no-repeat top right;
					}
				
				#main div.post div.tagsSocial div.share a.delicious {
					background:url('images/deliciousIcon.gif') no-repeat top right;
					}
				
				#main div.post div.tagsSocial div.share a.digg {
					background:url('images/diggIcon.gif') no-repeat top right;
					}
				
			#main div.post a.post-edit-link {
				background:#ff6600;
				color:#ffffff;
				display:block;
				font-weight:bold;
				margin:10px 0 -6px 0;
				padding:8px;
				text-decoration:none;
				width:99px;
				}
				
			#main div.post a.post-edit-link:hover {
				background:#6c6c6c;
				}

/*
Reacties
*/

		#main div.comments {
			margin-bottom:30px;	
			}
		
			#main div.comments h2 {
				margin-bottom:0;	
				}
			
			#main div.comments p.else {
				margin-top:10px;	
				}
				
			#main div.comments ol.commentlist li.comment { 
				border-bottom:1px solid #eaeaea; 
				padding:15px 0 0; 
				}
				
			#main div.comments ol.commentlist li.comment:last-child {
				border:none;
				padding-bottom:0px;
				}
				
				#main div.comments ol.commentlist li.comment div.vcard {
					margin-bottom:10px;
					}
				
					#main div.comments ol.commentlist li.comment div.vcard cite.fn { 
						color:#ff6600;
						font-style:normal;
						font-weight:bold;
						}
						
						#main div.comments ol.commentlist li.comment div.vcard cite.fn a {
							color:#ff6600;
							text-decoration:none;
							}
							
						#main div.comments ol.commentlist li.comment div.vcard cite.fn a:hover {
							color:#6c6c6c;
							}
							
					#main div.comments ol.commentlist li.comment div.vcard span.says { 
						color:#6c6c6c;
						font-size:10px;
						}
						
					#main div.comments ol.commentlist li.comment div.vcard a.comment-edit-link {
						color:#0084c6;
						display:block;
						float:right;
						font-weight:bold;
						line-height:32px;
						text-decoration:none;
						}
							
					#main div.comments ol.commentlist li.comment div.vcard a.comment-edit-link:hover {
						color:#6c6c6c;
						}
				
					#main div.comments ol.commentlist li.comment div.vcard img.avatar {
						float:right;
						margin:0 0 10px 10px;
						}
						
				#main div.comments ol.commentlist li.comment div.commentText {
					padding:0 10px;
					}
					
					#main div.comments ol.commentlist li.comment p.reactionModerate {
						font-style:italic;
						padding:0 10px;
						}

				#main div.comments ol.commentlist li.comment p.commentDate {
					color:#6c6c6c;
					font-size:10px;
					margin:-5px 0 0;
					}

/*
Reageer
*/

		#main div#respond {
			background:#f4f4f4;
			overflow:hidden;
			padding:10px 15px;
			}
			
			#main div#respond a.respondLogout,
			#main div#respond a.respondLogin,
			#main div#respond a.respondProfile {
				color:#0084c6;
				font-weight:bold;
				text-decoration:none;
			}
			
			#main div#respond a.respondLogout:hover,
			#main div#respond a.respondLogin:hover,
			#main div#respond a.respondProfile:hover {
				color:#6c6c6c;
			}
			
			#main div#respond a.respondLogout {
				background:url('images/readMore.gif') no-repeat right center;
				margin-left:5px;
				padding-right:12px;
				}
				
			#main div#respond input.text {
				background:#ffffff;
				border:1px solid #bbbbbb;
				color:#232323;
				display:block;
				float:right;
				font-size:12px;
				height:28px;
				margin-bottom:5px;
				padding:0px 6px;
				width:228px;
				}
				
			#main div#respond label {
				display:block;
				margin-bottom:5px;
				line-height:30px;
				}
				
			#main div#respond textarea.textarea {
				background:#ffffff;
				border:1px solid #bbbbbb;
				color:#232323;
				display:block;
				font:12px "Lucida Grande", Arial, sans-erif; 
				height:100px;
				margin-bottom:5px;
				padding:6px 6px;
				width:466px;
				}
				
			#main div#respond p.emailwarning {
				color:#6c6c6c;
				float:left;
				font-size:10px;
				margin:10px 0 0;
				}
			
			#main div#respond input.submit {
				background:#0084c6 url('images/submitArrow.gif') no-repeat center right;
				border:none;
				color:#ffffff;
				cursor:pointer;
				display:block;
				float:right;
				font:12px "Lucida Grande", Arial, sans-erif; 
				font-weight:bold;
				line-height:14px;
				margin-bottom:5px;
				overflow:hidden;
				padding:7px 25px 7px 10px;
				}
				
			#main div#respond input.submit:hover {
				background:#6c6c6c url('images/submitArrowHover.gif') no-repeat center right;
				}
		
/*
Zoeken
*/	

		#main div.searchBlock {
			background:#f4f4f4;
			margin-bottom:30px;
			overflow:hidden;
			padding:10px 15px 15px;
			}
			
			#main div.searchBlock label {
				font-weight:bold;
				line-height:30px;			
				}
			
			#main div.searchBlock input.text {
				background:#ffffff;
				border:1px solid #bbbbbb;
				color:#232323;
				display:block;
				float:right;
				font-size:12px;
				height:28px;
				margin-right:15px;
				padding:0px 6px;
				width:275px;
				}
				
			#main div.searchBlock input.submit {
				background:#0084c6 url('images/searchSubmit.gif') no-repeat 0px 0px;
				border:none;
				cursor:pointer;
				display:block;
				float:right;
				height:30px;
				overflow:hidden;
				text-indent:-9999px;
				width:86px;
				}
				
			#main div.searchBlock input.submit:hover {
				background-position:0 -30px;
				}

/*
Contact
*/

		.socialMediaIcons {
			margin:20px 0 40px;
			overflow:hidden;
			}
		
			.socialMediaIcons a {
				display:block;
				float:left;	
				height:25px;
				margin-left:54px;
				text-indent:-9999px;
				}
			
			.socialMediaIcons a.contactTwitter {
				background:#0084c6 url('images/contactTwitter.gif') no-repeat 0px 0px;
				margin-left:1px;
				width:86px;
				}
				
			.socialMediaIcons a.contactFacebook {
				background:#0084c6 url('images/contactFacebook.gif') no-repeat 0px 0px;
				width:91px;
				}
				
			.socialMediaIcons a.contactLinkedin {
				background:#0084c6 url('images/contactLinkedin.gif') no-repeat 0px 0px;
				width:88px;
				}
				
			.socialMediaIcons a.contactFlickr {
				background:#0084c6 url('images/contactFlickr.gif') no-repeat 0px 0px;
				width:62px;
				}
				
		.contactForm {
			background:#f4f4f4;
			margin-bottom:30px;
			overflow:hidden;
			padding:10px 15px 15px;
			}
			
			div#main div.contactForm h2 {
				margin-bottom:10px;
				}
				
			div#main div.contactForm p {
				margin-bottom:5px;
				}
			
			.contactForm input.wpcf7-text,
			.contactForm span.captcha-747 input {
				background:#ffffff;
				border:1px solid #bbbbbb;
				color:#232323;
				display:block;
				float:right;
				font-size:12px;
				height:28px;
				margin-bottom:5px;
				padding:0px 6px;
				width:228px;
				}
				
			.contactForm span.captcha-747 input {
				float:none;
				width:50px;		
				}
				
			.contactForm label {
				display:block;
				margin-bottom:5px;
				line-height:30px;
				}
				
			.contactForm textarea {
				background:#ffffff;
				border:1px solid #bbbbbb;
				color:#232323;
				display:block;
				font:12px "Lucida Grande", Arial, sans-erif; 
				height:100px;
				margin-bottom:5px;
				padding:6px 6px;
				width:466px;
				}
				
			.contactForm input.wpcf7-submit {
				background:#0084c6 url('images/submitArrow.gif') no-repeat center right;
				border:none;
				color:#ffffff;
				cursor:pointer;
				display:block;
				float:right;
				font:12px "Lucida Grande", Arial, sans-erif; 
				font-weight:bold;
				line-height:14px;
				margin-bottom:5px;
				overflow:hidden;
				padding:7px 25px 7px 10px;
				}
				
			.contactForm input.wpcf7-submit:hover {
				background:#6c6c6c url('images/submitArrowHover.gif') no-repeat center right;
				}
				
			.contactForm .bottomRow {
				overflow:hidden;
				}
				
				.contactForm .bottomRow label {
					float:left;
					font-weight:bold;
					margin-right:10px;
					}
				
				.ajax-loader {
					display:none;
					}
				
				.contactForm .bottomRow img.wpcf7-captcha-captcha-747,
				.contactForm .bottomRow span.captcha-747 {
					float:left;
					}

				.contactForm .bottomRow img.wpcf7-captcha-captcha-747 {
					height:30px;
					margin-right:10px;
					}
					
				.contactForm .bottomRow span.captcha-747 {
					
					}
				
				.contactForm span.wpcf7-not-valid-tip {
					background:none repeat scroll 0 0 #FFFFFF;
					border:1px solid #FF6600;
					float:none;
					font-size:10pt;
					height:28px;
					left:238px;
					padding:0;
					position:absolute;
					text-indent:-9999px;
					top:0;
					width:240px;
					z-index:100;
					}
					
				.contactForm span.captcha-747 span.wpcf7-not-valid-tip {
					left:0px;
					width:62px;
					}
				
				.contactForm div.wpcf7-validation-errors,
				.contactForm .wpcf7-mail-sent-ok{
					border:none;
					color:#ff6600;
					font-weight:bold;
					margin:10px 0 0;
					padding:0;
					}
					
/*
Tagscloud
*/	

		div.tagscloud {
			background:#f6f6f6;
			margin-bottom:30px;
			padding:10px 15px 15px;
			}
			
			div.tagscloud p {
				margin-bottom:7px;	
				}
			
			div.tagscloud a {
				color:#0084c6;
				font-weight:bold;
				text-decoration:none;
				}
			
			div.tagscloud a:hover {
				color:#6c6c6c;
				}
				

/*
CV
*/	

			h3.cvHeader {
				color:#ff6600;
				}

			table.cv {
					border:none;
					border-collapse:collapse;
					line-height:16px;
					margin-bottom:30px;
				}
				
				table.cv th {
					color:#6c6c6c;
					text-align:left;
					vertical-align:top;
					width:145px;
				}
				
				table.cv td {
					padding-left:15px;
					width:350px;
				}
				
					table.cv td dl {
						margin:5px 5px 15px;
						overflow:hidden;
						}
							
						table.cv td dl dt {
							clear:left;
							float:left;
							font-style:italic;
							}
							
						table.cv td dl dd {
							float:left;
							padding-left:5px;
							}
				
/*
Sidebar
*/					

	#sidebar {
		float:right;
		padding-top:30px;
		width:270px;
		}
	
		#sidebar h2 {
			background:url('images/sidebarHeader.gif') no-repeat top right;
			color:#ff6600;
			display:block;
			font-size:22px;
			line-height:38px;
			padding:0 10px 6px 25px;
			width:235px;
			}
			
		#sidebar ul {
			list-style:none;
			margin:0 15px 0 22px;
			}
			
			#sidebar ul li.twitter-item {
				border-bottom:1px solid #e3e3e3;
				margin-bottom:10px;
				padding-bottom:10px;
				}
				
			#sidebar ul li.twitter-item:last-child {
				border:none;
				padding-bottom:0px;
				}
				
				#sidebar ul li a.twitter-user {
					color:#0084c6;
					font-weight:bold;
					text-decoration:none;
					}
					
				#sidebar ul li a.twitter-user:hover {
					color:#232323;
					}
				
				#sidebar ul li a.twitter-link {
					border-bottom:1px dotted #0084c6;
					color:#232323;
					text-decoration:none;	
					}
					
				#sidebar ul li a.twitter-link:hover {
					border-bottom:1px solid #0084c6;
					}
					
				#sidebar ul li span.twitter-timestamp {
					font-size:10px;
					color:#6c6c6c;
					text-decoration:none;	
					}
					
		#sidebar a.goTo {
			color:#6c6c6c;
			display:block;
			margin:0 15px 30px 22px;
			text-align:right;
			text-decoration:none;
			}
			
		#sidebar a.goTo:hover {
			font-weight:bold;
			}
			
		#sidebar a.twitter {
			background:url('images/twitterLogo.gif') no-repeat top right;
			line-height:18px;
			padding-right:74px;
			width:159px;
			}
			
		#sidebar a.flickr {
			background:url('images/flickrLogo.gif') no-repeat top right;
			line-height:16px;
			padding-right:57px;
			width:176px;
			}
			
		#quick-flickr {
			margin:0 5px 10px 22px;
			}
				
			#quick-flickr img {
				border:none;
				height:72px;
				margin:0 8px 5px 0;
				width:72px;
				}
		
		#sidebar li.linkcat {
			list-style:none;
			}
		
		#sidebar ul.favorites,
		#sidebar ul.blogroll {
			margin:0 0 30px 30px;
			}
			
			#sidebar ul.favorites li,
			#sidebar ul.blogroll li {
				background:url('images/favoritesArrow.gif') no-repeat left center;
				padding-left:15px;
				}
				
				#sidebar ul.favorites li a,
				#sidebar ul.blogroll li a {
					color:#6c6c6c;
					line-height:20px;
					text-decoration:none;
					}
					
					#sidebar ul.favorites li a:hover,
					#sidebar ul.blogroll li a:hover {
					font-weight:bold;
					}

/*
Footer
*/	

#footer {
	background:#bbbbbb;
	border-bottom:4px solid #0084c6;
	color:#ffffff;
	display:block;
	line-height:30px;
	text-align:center;
	width:100%;
	}
	
	#footer a {
		color:#ff6600;
		font-weight:bold;
		text-decoration:none;
		}
		
		#footer a:hover {
			color:#ffffff;
			}

} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */