*{
    margin: 0;
    padding: 0;
    border: 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Helvetica Neue", "Arial", "Bitstream Vera Sans", sans-serif;
	color: #333;
	background-image:url(images/bg_top.jpg);
	background-repeat:repeat-x;
	}

#container {
	width: 800px;
	text-align: left; /*voor IE */
	margin: 0 auto;
}

.clear{
	clear:both;
}

li{
	list-style-type:none;
}

.alignleft{
	float:left;
}

.alignright{
	float:right;
}

blockquote{
	background-color:#EBEBEB;
	background-image:url(images/blockqoute_bg.jpg);
	background-repeat:no-repeat;
	width:450px;
	margin-left:15px;
	padding-left:55px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:15px;
}


/* links --------------------------------------------------------*/
a{
	color:#0099FF;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: 0099FF;
	outline:none;
}

a.active, a.selected, a:hover {
	color:#000000;
}

#header a, #footer a, .blok a{
	text-decoration:none;
	border:0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* header --------------------------------------------------------*/

#header{
	height:191px;
	margin-bottom:10px;
	padding-top:10px;
}

.description{
	color:#0099FF;
	font-size:14px;
	padding-left:5px;
}

.description a{
	text-decoration:none;
}

.description a:hover {
	color:#0099FF;
}


/* Left --------------------------------------------------------*/

#left{
	width:550px;
	float:left;
}

.postmetadata a:hover{
	color:#FFFFFF;
}

.post{
	background-color:#FAFAFA;
	padding:5px;
	padding-right:5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size:12px;
	line-height:16px;
	border: 1px solid #000000;
}

.postmetadata{
	background-color:#000000;
	background-image:url(images/bg_hout.jpg);
	background-repeat:repeat;
	color:#FFFFFF;
	padding:5px;
	margin-top:5px;
	text-align:right;
}

.navigation{
	background-color:#333333;
	padding:5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	color:#FFFFFF;
}

.navigation:hover{
	background-color:#000000;
	color:#FFFFFF;
}

.navigation a:hover{
	color:#FFFFFF;
}

.post h1{
	font-size:24px;
	padding-bottom:10px;
	line-height:24px;
}

.post h1 a:hover{
	color:#000000;
}

.datum{
	width:60px;
	height:50px;
	float:left;
	margin-left:-80px;
	margin-top:-6px;
	border: 1px solid #000000;
	background-color:#FFFFFF;
}

.dag{
	text-align:center;
	font-size: 24px;
	padding:6px;
	color:#000000;
}

.maand{
	background-color:#000000;
	text-align:center;
	color:#FFFFFF;
	padding:3px;
}

.reacties{
	float:left;
	font-size:14px;
}

.reacties a{
	text-decoration:none;
}


/* Right --------------------------------------------------------*/

#right{
	float:left;
	width:240px;
	margin-left:5px;
}

.zoekveld{
	width:130px;
}

.zoekbutton{
	width:50px;
}

.blok{
	background-color:#EBEBEB;
	margin-top:5px;
	padding:10px;
	border: 1px solid #333;
}

#twitter_div li{
	background-color:#FAFAFA;
	margin-bottom:5px;
	font-size:12px;
}

#right h2{
	margin-bottom:5px;
}


/* Footer --------------------------------------------------------*/

#container_footer{
	width: 800px;
	text-align: left; /*voor IE */
	margin: 0 auto;
	padding-top:10px;
}

#footer{
	background-color:#000000;
	background-image:url(images/bg_hout.jpg);
	background-repeat:repeat;
	font-size:12px;
}

#footer .kolom{
	float:left;
	width:240px;
	padding-top:2px;
	margin-right:20px;
}

#footer li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top:5px;
}

#footer li:hover{
	color:#FFFFFF;
}

#footer li:hover a{
	color:#FFFFFF;
}

#powered_by{
	text-align:center;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

#flickr{
	padding-left:460px;
	height:100%;
}

#flickr img{
	padding:3px;
	border: 2px solid #CCCCCC;
	margin:3px;
}

#flickr img:hover{
	border: 2px solid #0099FF;
}

#footer h2{
	color:#FFFFFF;
	padding-bottom:5px;
}

#footer .kjgrcGravatar{
	width:45px;
	height:45px;
	margin-bottom:5px;
	border: 2px solid #FFFFFF;	
}

#footer .kjgrcGravatar:hover{
	border: 2px solid #0099FF;
}

.grav_comment{
	float:left;
	padding-right:5px;
}

.grav_author{
}


/* Commentform --------------------------------------------------------*/

#commentform{
	padding:5px;
	margin-bottom:10px;
	margin-right:5px;
	width:645px;
}

#panel {
	display: none;
	color: #FFFFFF;
	background-color: #000000;
	border: 2px solid #000000;
	font-size:12px;
	margin-right:5px;
}

.slide{
	background-image:url(images/bg_knop.gif);
	background-repeat:no-repeat;
	height:48px;
	padding-left:35px;
	padding-top:12px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-right:5px;
}

.slide a{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	outline:none;
}

.slide a:hover{
	color:#0099FF;
}

textarea{
	width:300px;
}

label
    {
    float: left;
    width: 150px;
	text-align: right;
    margin-right: 15px;
	font-size:11px;
    }

input
    {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    margin-bottom: 10px;
	width:200px;
    }

input:focus {
	background-color:#000000;
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
}

textarea {
	width:200px;
	height:100px;
	background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #322d27;
    margin-bottom: 10px;
	min-height:100px;
}

textarea:focus {
	background-color:#000000;
	color:#FFFFFF;
	border: 1px solid #FFFFFF
}

/* Commentaar --------------------------------------------------------*/

.commentaar{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:5px;
	font-size:12px;
	line-height:16px;
}

.comment_text{
	border: 1px solid #000000;
	padding:5px;
	margin-bottom:5px;
	margin-left:55px;
	background-color:#EBEBEB;
}

.gravatar_comment{
	border: 2px solid #0099FF;
	float:left;	
}

.commentmetadata{
	padding-left:85px;
	font-size:14px;
	background-color: transparent;
	background-image: url(images/pijl_comment.jpg);
	background-repeat: no-repeat;
	background-position: 65px;
	margin-top:-5px;
}

.commentmetadata a:hover{
	color:#000000;
}

.author{
	font-weight:bold;
}

.author a{
	color:#000000;
}

.author a:hover{
	color:#0099FF;
}

/* About pagina --------------------------------------------------------*/

.rechts_cv
{
	float:left;
}

.links_cv
{
	width:135px;
	float:left;
}
