@import "reset.css";


body {
	background: url('../images/body_bg.jpg') no-repeat scroll center top #EEEDE4;
	font-family: 'Lucida Grande', 'Lucida sans';
	font-size: 14px;
	line-height: 20px;
	color: #4F4F4F;
}

h1 {
	vertical-align: baseline;
	font-size: 24px;
	margin: 20px 0 36px;
}

h2 {
	font-size: 20px;
	vertical-align: baseline;
	margin: 5px 0 15px;
}

h3 {
	font-size: 18px;
	vertical-align: baseline;
	margin: 7px 0 15px;
}

p {
	font-size: 14px;
	vertical-align: baseline;
	margin: 7px 0 19px;	
}

a {
	color: #0069a2;
	text-decoration: none;
}

div#container {
	margin: 0 auto;
	width: 620px;
	padding: 0 19px 0 19px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

}


div#maincontent {
	width: 600px;
}

	


	div.post {
		border-bottom: 1px solid #ccc; /*#fff;*/
		padding: 0 0 19px 0;
	}
	
	div.post + div.post {
		padding-top: 20px;
	}

	div#maincontent div.post p + ul,
	div#maincontent div.post ul + p,
	div#maincontent ol + p,
	div#maincontent p + p {
		padding: 20px 0 0 0;
	}



	div#maincontent p.post + p {
		padding: 0;
	}

	div#maincontent p span {
		display: block;
		float: left;
		padding: 0 10px 0 20px;
	}

	div#maincontent ul {
		list-style: none outside;
	}

	div#maincontent ol {
		list-style: upper-roman outside;
		padding: 0 0 0 20px;
	}

	div#maincontent ol li {
		
	}



	div#maincontent ul li {
		padding: 0 0 0 20px;
		background: url('../images/tick.png')  no-repeat 0px 5px;

	}

	span.date {
		background: url('../images/date.png') no-repeat -1px 1px;
	}

	span.time {
		background: url('../images/time.png')  no-repeat 0px 1px;
	}

	span.tag {
		padding: 0 0 0 20px;
		background: url('../images/tag_green.png')  no-repeat 0px 1px;
	}

	span.comments {
		padding: 0 0 0 20px;
		background: url('../images/comments.png')  no-repeat 0px 3px;
	}

	span.permantlink {
		padding: 0 0 0 20px;
		background: url('../images/link.png')  no-repeat 0px 3px;
	}

	#reaction {
		padding: 20px 0 0 0;
	}
	
	#reactions {
		padding: 20px 0 0 9px;
		position: relative;
		border-left: 1px solid #ccc;
	}

	div#maincontent div#reactions div.reaction {
		border-bottom: 1px solid #ccc;
	}
	

	div#maincontent div.visual {
		position: relative;
		margin: 17px 0 25px 0px;
		width: 578px;
		height: 83px;
		border: 1px solid  #0075b3; /*#fff;*/
	}


	div#maincontent div.visual div.imagelinks {
		display: none;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 573px;
		height: 20px;
		padding: 0 0 5px 5px;
		background: url('../images/overlay.png') 0px 0px;
	}

	div#maincontent div.visual div.imagelinks a {
		color: #fff;
	}

	div#maincontent div.visual div.imagelinks a:hover,
	div#maincontent div.visual div.imagelinks a:active,
	div#maincontent div.visual div.imagelinks a.active{
	
		font-weight: bold;
	}

	div#content.portfolio div#maincontent div.visual {
		width: 578px;
		height: 248px;
		border: 1px solid #0075b3;
	}

	div.portfolio div.blog {
		width: 578px;
		height: 248px;
		border: 1px solid #0075b3;
	}

	div.image {
		border: 1px solid #0075b3;
		padding: 4px;
		margin: 0 5px 5px 0;
		width: 100px;
		height: 75px;
		float: left;
		text-align: center;
	}


	div#maincontent p span.imagebox {
		display: block;
		float: none;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border: 1px solid #0075b3;
		padding: 4px;
		margin-top: 10px;
	}
	
	div#maincontent ul li.deadline {
		padding: 0 0 0 20px;
		background: url('../images/calendar.png')  no-repeat 0px 1px;
	}

	div#maincontent ul li.link {
		padding: 0 0 0 20px;
		background: url('../images/link.png')  no-repeat 0px 1px;
	}

	div#maincontent ul li.note {
		padding: 0 0 0 20px;
		background: url('../images/note.png')  no-repeat 0px 1px;
	}

	ul.tags {
		padding: 10px 0;
	}

	ul.tags label {
		display: block;
	}

	ul.tags li {
		float: left;
		width: 200px;
		padding: 0 0 0 20px;
		background: url('../images/link.png')  no-repeat 0px 1px;

	}




.clear:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
/*.clear { display: inline-block; }*/


br.clear {
	float: none;
	clear: both;
}





fieldset {
	margin: 20px 0 20px 0;
}


fieldset legend {
	padding: 5px;
}

fieldset label, 
fieldset .label {
	display: block;
	float: left;
	width: 60px;
	height: 15px;
	line-height: 11px;
	padding: 8px 20px 5px 0;
	margin: 0;
	text-align: right;
}


fieldset textarea,
fieldset .input, 
fieldset .selector {
	/*color: #fff;*/
	display: block;
	float: left;
	width: 500px;
	height: 15px;
	line-height: 11px;
	padding: 8px 0 5px 0;
	margin: 0;
	border: 0px;
	font-family: Verdana;
	font-size: 11px;
	
	background: url('../images/textarea_bg.gif');
}

fieldset textarea {
	height: 130px;
	line-height: 25px;
	padding: 0;
	background: url('../images/textarea_bg.gif') 0 23px;
}


fieldset .inputerror {
	border: solid 2px #7F2929;
	background: #ECB5B5;
}

fieldset .readmore {
	height: 25px;
	width: 498px;
	margin: 0 0 0 80px;
	padding: 8px 0 10px 0;
	background: none;
	border: 1px solid #0075b3;
}


.error {
	display: block;
	border: 1px solid #910000;
	background: #e8c8c8;
	color: #910000;
	padding: 5px;
	margin: 5px 0px;
}

.ok,
.melding {
	display: block;
	margin: 5px 0px;
	padding: 5px;
	border: solid 1px #146DB6;
	background: #FFFDD1;

}



#thesis {
	position: absolute;
	z-index: 2001;
	top: 20px;
	right: 100px;
}



div#maincontent  p.alert {

	border: 1px solid #ffcc00; 
	padding: 10px 30px; 
	background: url('../images/comments.png')  no-repeat 5px 50%  #ffffcc;
}