* {
	margin: 0;
	padding: 0;
}

body {
	background: url(africa.png) no-repeat top right;
	font: 13px/16px "arial", sans-serif;
}

h1 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 6px;
}

p {
	margin-bottom: 16px;
}

a {
	color: #000;
	text-decoration: underline;
}


#logo {
	margin: 0;
	}
	#logo a {
		background: url(logo.png) no-repeat;
		display: block;
		height: 172px;
		margin: 40px 0 0 40px;
		outline: none;
		text-indent: -9999px;
		width: 420px;
	}
	#sublogo {
		background: url(logo.png) no-repeat 0 -170px;
		display: block;
		height: 35px;
		margin: 0px 0 0 40px;
		outline: none;
		text-indent: -9999px;
		width: 420px;		
	}

#pagewrap, #footer {
	margin: 0 auto;
	width: 1000px;
}

#navigation {
	float: left;
	height: 100%;
	margin: 185px 0 0 30px;
	width: 240px;
	}
	#navigation ul {
		list-style: none;
	}
	#navigation ul li a {
		background: url(navigation.png) no-repeat;
		display: block;
		height: 30px;
		margin: 12px 0 0 0;
		outline: none;
		text-indent: -9999px;
		width: 160px;
		}
		#navigation a#nav-blog {
			background-position: 0 0;
			}
			#navigation a#nav-blog:hover, #navigation a#nav-blog.active {
				background-position: -162px 0;
			}
		#navigation a#nav-stories {
			background-position: 0 -46px;
			}
			#navigation a#nav-stories:hover, #navigation a#nav-stories.active {
				background-position: -162px -46px;
			}
		#navigation a#nav-video {
			background-position: 0 -93px;
			}
			#navigation a#nav-video:hover, #navigation a#nav-video.active {
				background-position: -162px -93px;
			}
		#navigation a#nav-photo {
			background-position: 0 -140px;
			}
			#navigation a#nav-photo:hover, #navigation a#nav-photo.active {
				background-position: -162px -140px;
			}
		#navigation a#nav-contact {
			background-position: 0 -188px;
			}
			#navigation a#nav-contact:hover, #navigation a#nav-contact.active {
				background-position: -162px -188px;
			}
		#navigation a#nav-about {
			background-position: 0 -235px;
			}	
			#navigation a#nav-about:hover, #navigation a#nav-about.active  {
				background-position: -162px -235px;
			}

#main_content {
	float: left;
	margin: 100px 0 0 0;
	padding-right: 20px;
	width: 440px;
}	

h4.contact {
	display: block;
	height: 44px;
	margin: -100px 0 0 230px;
	width: 200px;
	text-indent: -9999px;
	z-index: -1;
	}	

#sidebar {
	float: left;
	margin: 55px 0 0 50px;
	padding-bottom: 5px;
	position: relative;
	top: -5px;
	width: 150px;
}

#sidebar #clickfor {
	display: block;
	height: 61px;
	margin-top: 55px;
	width: 200px;
	text-indent: -9999px;
	}
	#sidebar #clickfor.publicaties {
		background: url(klik_publicaties.png) no-repeat;
	}
	#sidebar #clickfor.projecten {
		background: url(klik_projecten.png) no-repeat;
	}
	#sidebar #clickfor.photo {
		background: url(klik_fotos.png) no-repeat;
	}
	#sidebar #clickfor.bram {
		background: url(klik_bram.png) no-repeat;
	}

#sidebar h4.followme {
	
	}
	#sidebar h4.followme.first {
		margin-top: 100px;
	}
	#sidebar h4.followme a {
		display: block;
		height: 51px;
		margin: 0 0 15px 50px;
		text-indent: -9999px;
		width: 150px;
		}
		#sidebar h4.followme a.twitter {
			background: url(volgmij_twitter.png) no-repeat;
		}
		#sidebar h4.followme a.flickr {
			background: url(volgmij_flickr.png) no-repeat;
		}
		#sidebar h4.followme a.hyves {
			background: url(volgmij_hyves.png) no-repeat;
		}				
	
#sidebar ul {
	list-style: none;
	margin-top: 10px;
	}
	#sidebar ul li {
		display: block;
		padding: 7px 0;
		border-bottom: 1px solid #939598;
		}
		#sidebar ul li a {
			color: #939598;
			text-decoration: none;
			}
			#sidebar a.active, #sidebar a:hover {
				color: #00afed;
			}
			
span.postinfo {
	display: block;
	height: 13px;
	margin: -5px 0 0 0;
	font-style: italic;
}
	
#footer {
	clear: both;
	color: #bbb;
	padding-top: 20px;
	text-align: center;
	}
	#footer a {
		color: #bbb;
	}