@import url(undohtml.css);

body {
	background:#008aff;
}


/* Posities
---------------------------------------------------------------------------------------------------------- */

#wrapper {
	background: #b00099 url(/img/golven.gif) repeat-x 0 100%;
}

#container {
	position: relative;
	width: 877px;
	/* width: 656px; */
	margin: 0 auto;
}

#header {
	height: 150px;
	width: 656px;
	background: #fff url(/img/header.gif) no-repeat 0 0;
}

#header h1 a {
	top: 15px;
	left: 50px;
	position: absolute;
	border: none;
	width: 555px;
	height :90px;
}

#header h1 a span {
	display: none;
}

#content {
	width: 656px;
	background: #fff;
	padding: 1px 0 100px 0px;
}

#sidebar {
	position: absolute;
	top: 0;
	left: 660px;
	width :250px;
	padding: 0 0 120px 0;
	background: #fff url(/img/vlinder.gif) no-repeat 100% 100%;
}

#footer {
	width: 800px;
	height: 200px;
	background: #fff;
	background: url(/img/footer.gif) no-repeat 0 50%;
}


/* Content
---------------------------------------------------------------------------------------------------------- */

.item {
	position: relative;
	font: 13px/20px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #b00099;
	padding: 0 50px 0 55px;
	margin: 0px 0 60px 0;
	background: #fff url(/img/schuinestreep.gif) repeat-y 0% -9px;
}

.item h2 {
	position: relative;
	top: -6px;
	font: bold 30px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 9px 0;
}


.item h2 a {
	text-decoration: none;
	color: #b00099;
}

.item h2 a:hover {
	color: #0000ff;
}

.item p {
	padding: 0 0 20px 0;
}

.item img {
	padding: 5px 0 5px 0;
}

.item p.meta {
	position: relative;
	top: 5px;
	padding: 0 0 0 0;
	font: bold 13px/20px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.item p a {
	color: #b00099;
	text-decoration: underline;
}

.item p a:hover {
	text-decoration: none;
	color: #000;
	padding: 2px 0 2px 0;
}


/* Comment
---------------------------------------------------------------------------------------------------------- */

.comment {
	font: 13px/20px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #b00099;
	padding: 0 50px 0 55px;
}

.comment .posted {
	color: #999;
}

.entry {
	font: 13px/20px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #b00099;
	padding: 40px 50px 0 55px;
}

.entry p {
	padding: 10px 0 0 0;
}


/* Side
---------------------------------------------------------------------------------------------------------- */

#sidebar h3 {
	font: 20px "trebuchet ms", trebuchet, tahoma, verdana, arial, helvetica, sans-serif;
	color: #b00099;
	padding: 0;
	margin: 30px 0 0 30px;
}

#sidebar ul {
	margin: 0 0 0 30px;
	font: 13px/20px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#sidebar ul li {
	background: url(/img/bullet_hartje.gif) no-repeat 0 0.6em;
	padding: 2px 15px 0 15px;
	color: #b00099;
}

#sidebar ul li a {
	color: #b00099;
}

#sidebar h3.message {
	font: 16px "trebuchet ms", trebuchet, tahoma, verdana, arial, helvetica, sans-serif;
	color: #f00;
	padding: 0;
	margin: 30px 0 10px 30px;
}

#sidebar p.message {
	font: 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #f00;
	margin: 0 30px 10px 30px;
}

#sidebar .commentTotal {
	color: #999;
}


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

#footer p {
	position:relative;
}

#footer p {
	position:relative;
	top:-50px;
	left:50px;
	font: 11px/20px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 0;
	margin: 0;
	width: 550px;
}


/* These are standard sIFR styles... do not modify 
---------------------------------------------------------------------------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}