/*------------------------------ reset ---------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------ general -------------------------------------*/
body {
	background:url(/assets/images/bg.gif) top left repeat-x transparent;
}
body, html {
	height:100%;
	min-height:100%;
}

#site {
	width:100%;
	min-height:100%;
	background:url(/assets/images/gradient.gif) 770px 0 repeat-y transparent;
}

#content {
	width:650px;
	margin-left:60px;
	padding:25px;
	padding-top:90px;
}

#poppetje {
	width:400px;
	height:500px;
	position:fixed;
	background:url(/assets/images/poppetje.png) top right no-repeat;
	left:750px;
	top:-50px;
}

p {
	margin:0px;
	margin-top:7px;
	margin-bottom:5px;
}

#menu li {
	float:left;
	margin-right:10px;
	font-weight:bold;
	font-size:11px;
}

#menu li a {
	color:black;
	border-bottom:none;
	
}

#menu {
	position:absolute;
	top:15px;
}
.clear {
	clear:both;
}

/*------------------------------ typography ----------------------------------*/
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, verdana, sans-serif;
	font-size:13px;
	color:#666;
	line-height:1.35em;
}

h1 {
	font-size-adjust:none;
	font-weight:normal;
	margin-bottom:0.4em;
}
h1,
h1 a {
	font-size:24px;
}
	
h1,h2,h3,h4 {
	color:black;
	font-size:15px;
	margin-top:15px;
}
h3 {
	margin-bottom:0.3em;
}

a {
	color:#F4017D;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom:1px solid #DD018E;
}

a:hover {
	color:#DD018E;
}

strong {
	color:#0088cc;
}

body pre,
body pre.c {
	background-color:whitesmoke;
	padding:10px;
	border:1px solid #CCC;
	font-size:11px;
	margin:10px 0;
}

/*------------------------------ form ----------------------------------------*/
label {
	width:120px;
	float:left;
	color:black;
	
	padding-right:15px;
}

.form-row {
	margin-bottom:10px;
}

.form-row-buttons {
	padding-left:134px;
}

.form-row span {
	font-style:italic;
	margin-left:134px;
	line-height:32px;
}

textarea,
.type-input {
	width: 304px;
	font-family:Arial, sans-serif;
	font-size:14px;
}

textarea {
	height:200px;
}

form {
	margin-top:20px;
}

h1 a {
	border-bottom:0;
}

body table th{
	color:white;
	background-color:#DD018E;
}
table th, 
table td {
	padding:5px;
	margin:0;
	text-indent:0;
	border:1px solid #CCC;
}


/*------------------------------ paging/blog ---------------------------------*/
ul.paging {
	margin:10px 0px;
	margin-top:20px;
	border-top:1px solid #CCC;
	padding-top:10px;
}
ul.paging li {
	float:left;
	margin-right:10px;
}

.blogpost {
	border-bottom:1px solid #CCC;
	padding-bottom:50px;
	margin-top:50px;
}

.blog-comments {
	padding-bottom:40px;
	margin-bottom:40px;	
	border-bottom:1px solid #CCC;
}

.blog-comments .meta {
	color:black;
}

.blog-comments .author {
	margin-right:15px;
}

.blog-comments .date {
	color:#CCC;
}

.blog-comments li {
	margin-bottom:30px;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	background-color:#F8F8F8;
	padding:10px;
}

ul#entries li {
	margin-top:60px;
}

.blogpost p img,
ul#entries li img {
	margin-top:20px;
	margin-bottom:20px;
}

p.date {
	font-size:11px;
	margin:0;
}

ul#entries li ul,
ul#entries li ul li {
	margin:0;
	padding:0;
}

ul#entries li ul {
	margin-top:0px;
	margin-bottom:10px;
}

#content .blogpost li, 
ul#entries li ul li {
	list-style:disc;
	margin-left:14px;
}

#content .blogpost ul.blog_images li,
ul#entries li ul.blog_images li {
	list-style:none;
}
/*--------------------- Images -----------------------------------------------*/
.blog_images {
	width:600px;
}

#content ul.blog_images li,
ul#entries ul.blog_images li {
	margin-top:0;
}
#content ul.blog_images li,
body #site ul#entries ul.blog_images li {
	float:left;
	margin:0;
	margin-right:10px;
	margin-bottom:5px;
	padding:0;
	width:140px;
	height:140px;
	
}

#content ul.blog_images li a,
#sb-nav a,
ul.blog_images li a {
	text-decoration:none;
	padding:0;
	border:0;
}
#content ul.blog_images li img,
ul#entries ul.blog_images li img {
	margin:0;
	padding:0;
	
}