/*------------------------------ 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-color:#eee;
}
body, html {
	height:100%;
	min-height:100%;
}

#site {
	width:100%;
	min-height:100%;
}

#content {
	
	position:absolute;
	left:50%;
	
	background-color:white;
	width:625px;
	margin-left:-325px;
	padding:25px;
	padding-top:40px;
}
p.back {
	position:absolute;
	top:20px;
	width:300px;
	height:30px;
}
/*
#poppetje {
	width:400px;
	height:500px;
	position:fixed;
	background:url(/assets/images/poppetje.png) top right no-repeat;
	left:750px;
	top:-50px;
	display:none;
}
*/
p {
	margin:0px;
	/*margin-top:7px;*/
	margin-bottom:25px;
}

ul#menu {
	padding-top:10px;
	width:624px;
	position:absolute;
	height:30px;
}

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

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



.clear {
	clear:both;
}

/*------------------------------ typography ----------------------------------*/
	

h3 {
	margin-bottom:0.3em;
}

a:hover {
	color:black;
}


/**/
h1 {
	margin-bottom:6px;
}

body {
	font-family: Menlo, Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, verdana, sans-serif;
	line-height:1.45em;
	text-align:left;
	letter-spacing:-1.0pt;
	word-spacing:3.0pt;
	
}
h1 a,
h1,h2,h3,h4 {
	font-size:26px;
}
body {
	font-size:15px;
}
h1,h2,h3,h4 {
	color:red;
	margin-top:15px;
	font-family:Arial, sans-serif;
	font-size-adjust:none;
	font-weight:normal;
}
/**/

body pre,
body pre.c {
	background-color:whitesmoke;
	padding:10px;
	border:1px solid #CCC;
	/*margin:10px 0;*/
	margin-bottom:25px;
}
a {
	color:red;
	text-decoration:underline;
}
body h1 a {
	text-decoration:none;
	color:red;
}


#entries img {
	/*visibility:hidden;*/
	margin-bottom:10px;
}
/*------------------------------ 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;
	padding-top:10px;
}

ul.paging li {
	float:left;
	margin-right:10px;
}

.blogpost {
	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:#666;
}

.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;
	*/
	text-align:right;
}

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

ul#entries li ul,
ul#entries li ul li,
ul#entries li ol li{
	margin:0;
	padding:0;
	margin-bottom:10px;
}

ul#entries li ol,
ul#entries li ul {
	margin-top:0px;
	margin-bottom:25px;
}

#content .blogpost li, 
ul#entries li ul li {
	list-style:disc;
	margin-left:54px;
	color:#2B88C2;
	
}

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

#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:22.5px;
	margin-bottom:22.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;
	
}

pre {
	overflow:auto;
}
/*---------------------- blog images new -------------------------------------*/
.blog_image_carousel li{
	float:left;
}
/*---------------------- openframeworks pages --------------------------------*/
#site.of #content {
	background-color:white;
	
}
#site.of #content h1,
#site.of #content h1 a{
	color:#a74039;
}
#site.of #content a:hover {
	
}
#site.of .blogpost {
	border-color:#a74039;
}

.transparent {
	background:url(/assets/images/transparent.png) top left repeat;
}
#site.of #content h1,
#site.of #content h2,
#site.of #content p {
	font-family:Arial, sans-serif;
}
#site.of #content h2 {
	font-size:25px;
}

/*=================== syntax highlighter =====================================*/
body div.syntaxhighlighter {
	 padding:5px 0;
}