/*
Theme Name: Ik Ben Merel
Theme URI: http://www.ikbenmerel.nl/
Author: Djasp
Description: The word famous Djasp is back with another... oh, no wait.. it's his first WordPress theme.
Version: 1
*/

/* GENERAL STYLES
=============================================================== */

BODY {
	background-color: #AFE0F1;
	margin: 0;
	padding: 0;
}

BODY,  TH, TD, P, INPUT, BUTTON, SELECT, UL, LI, TEXTAREA {
	font-family:"Lucida Grande","Segoe UI", Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	/* color: #000;
	*font-family: Segoe UI, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;*/
	font-weight: normal;
}

/* wrappers and columns 
=============================================================== */
#wrapper { /* main wrapper, centers the page */
	position: relative;
	background: #AFE0F1 url(images/zonnetje.jpg) no-repeat; /* sun */
	width: 1000px;
	margin: auto;
}

#wrapperBg {
	background: url(images/achtergrond.gif) no-repeat bottom center; /* clouds */
}

#bg {
	position: absolute;
	background: url(images/voorgrond.png) no-repeat bottom center; /* foilage front */
	width: 1000px;
	z-index: 20000;
	height: 180px;
	margin-top: -180px;
	margin-left: -140px;
}

#branding { /* header */

	text-align: center;
	height: 225px;
	padding-top: 70px;
	padding-left: 110px;
	background: url(images/header.gif) no-repeat top center; 
}
#branding H1 {
	position: relative;
	top: 30px;
	left: 30px;
	padding: 0;
	margin: 0;
}

#branding H1 A {
	font-size: 70px;
	color: #fff;
	text-decoration: none;
}

#branding H1 A IMG {
	border: none;
}
#contentwrapper {
	margin: auto;
	width: 766px;
}
#content { /* main column */
	float: left;
	width: 600px;
	z-index: 9000;
}

#sidebar { /* sidebar */
	float: right;
	width: 150px;
	overflow: hidden;
}

#footer { /* footer */
	bottom: 0;
	clear: both;
}

/* CONTENT
=============================================================== */
 A:link {
	color: #CD4F9C;
	text-decoration: none;
}

A:hover {
	color: #CD4F9C;
	text-decoration: underline;
}

A:visited {
	color: #CD4F9C;
	text-decoration: none;
}

/* NAVIGATION 
=============================================================== */
.navigation {
	width: 569px;
	height: 17px;
	margin-bottom: 8px;
	padding: 4px 16px 12px 16px;
	background: url(images/nav.png) no-repeat top left;
}

.navigation A {
	font-weight: bold;
}
/* POST
=============================================================== */
.post {
	margin-bottom: 16px;
}
.posttop {
	width: 600px;
	background: url(images/posttop.png) no-repeat top left;
	padding: 15px;
}
.posttop H2 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 30px;
}

.posttop H2 A {
	color: #CD4F9C;
}

.posttop H2 A IMG {
	border: none;
}
.writer {
	color: #999;
	font-size: 12px;
	background: url(images/postbg.png) repeat-y;
	padding: 0px 15px;
	margin: 0;
}

.post p {
	margin: 0;
	padding: 0;
}
.entry {
	color: #333;
	background: url(images/postbg.png) repeat-y;
	padding: 0px 15px;
}

.commentbar {
	color: #333;
	padding-left: 15px;
	background: url(images/postbg.png) repeat-y;
}

.postbottom {
	width: 600px;
	background: url(images/postbottom.png) no-repeat bottom left;
	height: 16px;
}

/* COMMENTS
=============================================================== */
.comments {
	width: 600px;
}

.comments H3 {
	color: #32ABE1;
	font-size: 24px;
	margin-top: 0px;
	padding-left: 15px;
}

.comments OL.commentlist {
	margin: 0;
	padding: 0;
}

.comments OL.commentlist LI {
	list-style-type: none;
	margin: 0;
	padding: 15px;
}

.comments .alt {
	border: 1px solid #ccc;
	background: url(images/wit.png);
}
.comments IMG {
	border: none;
}

.commentform {
	margin-top: 15px;
	padding-left: 15px;
	height: 600px;
}

.commentform #comment {
	width: 570px;
}
/* SIDEBAR
=============================================================== */
#sidebar {
	font-size: 12px;
	line-height: 18px;
}

.sidetop {
	width: 150px;
	background: url(images/sidetop.png) no-repeat top left;
	height: 16px;
}

.sidebg {
	background: url(images/sidebg.png) repeat-y;
	padding: 4px;
	width: 142px;
}

.sidebottom {
	width: 150px;
	background: url(images/sidebottom.png) no-repeat bottom left;
	height: 14px;
}
#sidebar H2 {
	color: #21A6E7;
	font-size: 24px;
	margin: 0;
	padding: 0;
	margin-left: 6px;
}
#sidebar ul, #sidebar UL OL {
	margin: 0;
	padding: 0;
}

#sidebar UL LI {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
}

#sidebar UL P, #sidebar UL SELECT {
	margin: 5px 0 8px;
}

#sidebar UL UL, #sidebar UL OL {
	margin: 5px 0 0 10px;
}

#sidebar UL UL UL, #sidebar UL OL OL {
	margin: 0 0 0 10px;
}

OL LI, #sidebar UL OL LI {
	list-style: decimal outside;
}

#sidebar UL UL LI, #sidebar UL OL LI {
	margin: 3px 0 0;
	padding: 0;
}

/* IMAGES
=============================================================== */
P IMG {
	padding: 0;
	max-width: 100%;
	border: 1px solid #CD4F9C;
}

IMG.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

IMG.alignright {
	padding: 5px;
	margin: 0 0 2px 7px;
	display: inline;
}

IMG.alignleft {
	padding: 5px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* Archief 
=============================================================== */
H2.pagetitle {
	font-size: 40px;
}