/*
Theme Name: Custom theme for simonvdb.be
Theme URI: http://wwww.simonvdb.be/
Description: Custom-made simonvdb.be theme
Version: 0.1
Author: Simon Vanden Bussche
Author URI: http://www.simonvdb.be/
Tags: black, custom header, flexible width, two columns, widgets

	Simonvdb.be
	 http://www.simonvdb.be/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

object {
	margin:0;
	padding:0;
}

body {
	margin: 0; 
	background:#666 url('images/25original.gif'); 
	font-family:Arial;
	font-size:0.8em;
}

div#content {
	background: #444 url('images/35original.gif');
	margin-left:20px;
	margin-top:10px;
	margin-right:20px;
	border:2px solid #AAA;
	padding:2px;
	padding-bottom:0px;
	overflow:auto;
}

div#header, div#footer {
}

/* Header */
div#header {
	background-color:#000;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	/* overflow: auto; */
}

div#header img {
	border:0;
}

img#titelsimon {
	float: left;
}

span#squares {
	background-color:#000;
}

span#squares img {
	margin:2px;
	margin-top:1px;
}

div#menubar {
	clear:both;
	background:#EEE;
	margin:0px 0px 2px 0px;
	padding-top:0px;
	font-size:0.9em;
	overflow: auto;
}

div#menubar span#languages {
	display: block;
	float: left;
	color:#555;
	width:150px;
	text-align:center;
	padding-top:2px;
}

div#menubar span#languages ul {
	margin:0;
	margin-left:20px;
	padding:0;
}

div#menubar span#languages ul li {
	margin:0;
	padding:0px 3px 0px 2px;
	float:left;
	position:relative;
	list-style-type:none;
}


div#menubar span#languages a:link, div#menubar span#languages a:visited {
	text-decoration: none;
	color:#000;
}

div#menubar span#languages a:hover {
	text-decoration: none;
	color:#666;
}

div#menubar span#languages ul li.active a:link, div#menubar span#languages ul li.active a:visited {
	color: #666;
}

div#menubar div.menu {
	display: block;
	float: left;
}

div#menubar div.menu ul {
	float: left;
	list-style: none; 
	margin:0;
	padding:0;
}

div#menubar div.menu li {
	float:left; position: relative;
	padding-top:2px; margin-right:2px; margin-bottom:0px; padding-bottom:2px;
}

div.menu li ul {
	display: none;
}

div#menubar div.menu li a:link, div#menubar div.menu li a:visited {
	background-color:#EEE;
	padding: 2px 9px 0px 9px;
	margin: 0px 0px 2px 0px;
	color:#333;
	text-decoration:none;
	border-bottom: 0px solid #FFF;
}

div#menubar div.menu li a:hover, div#menubar div.menu li.current_page_item a:link, div#menubar div.menu li.current_page_item a:visited {
	background-color:#000;
	color: #FFF;
	
	border-bottom-width:0px;
	padding:2px 9px 2px 9px;
	margin:0px 0px 0px 0px;
}

div#menubar div.menu li.page-item-141 a:link, div#menubar div.menu li.page-item-143 a:link, div#menubar div.menu li.page-item-141 a:visited, div#menubar div.menu li.page-item-143 a:visited { /* red for links */
	border-bottom-color:#D76868;
	border-bottom-style:solid;
	border-bottom-width:0px;
}

/* div#menubar div.menu li.page-item-141 a:hover, div#menubar div.menu li.page-item-143 a:hover { /* red for links
	border-bottom: 0px solid #EEE;
} */ 

div#menubar div.menu li.page-item-125 a:link, div#menubar div.menu li.page-item-128 a:link, div#menubar div.menu li.page-item-125 a:visited, div#menubar div.menu li.page-item-128 a:visited { /* green for about me */
	border-bottom: 0px solid #60DB40;
}

/* div#menubar div.menu li.page-item-125 a:hover, div#menubar div.menu li.page-item-128 a:hover { /* green for about me 
	border-bottom: 0px solid #EEE;
} */

div#menubar div.menu li.page-item-136 a:link, div#menubar div.menu li.page-item-138 a:link, div#menubar div.menu li.page-item-136 a:visited, div#menubar div.menu li.page-item-138 a:visited { /* blue for portfolio */
	border-bottom:0px solid #01AAE2;
}

/* div#menubar div.menu li.page-item-136 a:hover, div#menubar div.menu li.page-item-138 a:hover { /* blue for portfolio
	border-bottom: 0px solid #EEE;
} */

div#menubar div.menu li.page-item-131 a:link, div#menubar div.menu li.page-item-133 a:link, div#menubar div.menu li.page-item-131 a:visited, div#menubar div.menu li.page-item-133 a:visited { /* yellow for projects */
	border-bottom:0px solid #FF0;
}

/* div#menubar div.menu li.page-item-131 a:hover, div#menubar div.menu li.page-item-133 a:hover { /* yellow for projects
	border-bottom: 0px solid #EEE;
} */

span.menuitem img {
	padding-bottom:1px;
	padding-right:1px;
}

span#additionalitems {
	float: right;
	margin:0;
	padding:0;
}

span#additionalitems img {
	margin-right:3px;
	margin-left:3px;
}

/* Page */
div#page {
	clear:left;
	/* margin-top: 7px; */
	margin-right:177px;
}

div#page div.category a:link, div#page div.category a:visited {
	text-decoration: none;
	border:none;
	color: #777;
}

div#page div.category a:hover {
	text-decoration: none;
	border:none;
	color: #000;
	background-color:#B998DC;
}

div.post {
	background-color:#FFF;
	padding: 10px 9px 10px 12px;
	margin-bottom:2px;
	overflow:auto;
	/* border:1px solid #DDD; */
}

div.post img {
	margin:3px;
}

div.date {
	background-color: #000;
	color: #FFF;
	padding:2px 10px 2px 10px;
	margin-right:3px;
	font-size:0.85em;
	display:inline;
}

div.category {
	background-color: #EDDCFF;
	color: #000;
	padding:2px 10px 2px 10px;
	font-size:0.85em;
	display:inline;
	/* border: 1px solid #B998DC; */
}

div#page h2 {
	margin: 5px 5px 3px 0px;
	font-size:1.5em;
	font-family: Arial;
	color:#555;
}

div#page a:link, div#page a:active, div#page a:visited {
	color:#555;
	text-decoration:none;
	border-bottom:1px solid #DDD;
}

div#page a:hover {
	background-color:#DBBAFE;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #FFF;
}

div#page div.entry p {
	margin-top:0;
	margin-bottom:8px;
	padding:0;
}

div#page p.postmetadata {
	margin-top: 20px;
	margin-bottom: 0px;
	color: #777;
}

div.comments {
	background-color:#DDD;
	color:#000;
	border: 1px solid white;
	padding:9px;
	margin-bottom:7px;
	padding-bottom:14px;
}

div.navigation {
	background-color: #CCC;
	color:#FFF;
	/* border:1px solid #000; */
	margin-bottom: 2px;
	margin-top:1px;
	padding-left:12px;
	padding-right:12px;
	overflow:auto;
}

div#page div.navigation a:link, div#page div.navigation a:visited {
	border:none;
}

div.navigation div.alignleft {
	float: left;
}

div.navigation div.alignright {
	float: right;
}

div.post hr {
	float:right;
	width:10px;
	height:8px;
	border:0;
	background: #FFF url('images/witblokje1.gif') no-repeat 0px -5px;
}

div#commentsection {
	background-color: #FFF;
	margin-top:0px;
	margin-bottom:2px;
	padding: 2px 9px 10px 12px;
}

h3#comments {
	margin:5px 0px 5px 0px;
	color:#555;
}

ol.commentlist {
	margin:0px;
	padding-left:0px;
	list-style-type:none;
}

ol.commentlist li {
	background: #EEE url('images/05original.gif');
	border:1px solid #DDD;
	margin-bottom:4px;
	padding:4px;
}

div.comment-meta {
	background-color: #000;
	color: #FFF;
	padding:2px 10px 2px 10px;
	margin-right:3px;
	font-size:0.85em;
	display:inline;
}

div#page div.comment-meta a:link, div#page div.comment-meta a:visited {
	color:#FFF;
	text-decoration:none;
	border:0px;
}

div#page div.comment-meta a:hover {
	color:#CCC;
	background-color:#000;
}

div.comment-author {
	display:inline;
}

div#respond h3 {
	margin:10px 0px 5px 0px;
	color:#555;
}

form#commentform input {
	border:1px solid #000;
}

form#commentform textarea {
	margin-bottom:0px;
}

form#commentform input#submit {
	background-color:#333;
	color:#FFF;
	margin-top: 5px;
}

div.post ul {
	list-style-type:square;
	/* padding-left:5px; */
}

li.linkcat {
	list-style-type:none;
	margin-left:-30px;
}

div#page li.linkcat h2 {
	font-size:1.1em;
}

ul.blogroll {
	list-style-type: square;
	margin-left:-20px;
	margin-bottom:10px;
}

ul.blogroll li {
	margin-bottom:3px;
}

div.post img.wp-smiley {
	margin:0px;
	padding:0px;
}

div#page h2.pagetitle {
	padding:3px 0px 2px 12px;
	background-color:#CCC;
	margin:0px 0px 2px 0px;
}

div.project {
	border:1px solid #DDD;
	background: #EEE url('images/05original.gif');
	padding:3px;
	padding-left:5px;
	margin-bottom:5px;
	overflow:auto;
	display:block;
}

/* div.project a {
	background-color:#CCC;
	cursor:pointer;
}

div.project a:hover {
	background-color:#EEE;
}

div#page div.project a:link, div#page div.project a:visited {
	border:none;
} */

img.alignleft {
float:left;
margin-right:5px;
}

img.alignright {
float:right;
margin-left:5px;
}

/* Sidebar */
div#sidebar {
	margin: 0px 0px 0px 0px;
	float:right;
	width:175px;
	clear:both;
}

div#sidebar ul {
	list-style-type: none;
	margin:0;
	padding-left:0;
}

div#sidebar ul li ul {
	list-style-type: square;
	margin-left:5px;
	padding-left:15px;
}

div#sidebar ul li ul li {
	padding-bottom:2px;
	margin-left:-2px;
}

div#sidebar ul li#delicious-cached {
	background: #FFF url('images/deliciouslogo2.gif') no-repeat 155px 5px;
}

div#sidebar ul li#delicious-cached a:hover {
	background-color: #8EB5FF;
	color:#000;
}

div#sidebar ul li#delicious-cached ul {
}

div#sidebar ul li#delicious-cached ul li {
	/* border-bottom:1px solid #EEE; */
	padding-left:0px;
}

div#sidebar ul li#delicious-cached p {
	display:none;
}

li.widget {
	background-color:#FFF;
 	margin-bottom:2px;
	padding:4px;
	color:#777;
	margin-right:0px;
}

div#sidebar a:link, div#sidebar a:visited {
	text-decoration: none;
	color: #333;
}

div#sidebar a:hover {
	color: #000;
	background-color: #FF8;
}

label.screen-reader-text {
	display: none;
}

#s {
	width: 103px;
	border:1px solid #333;
	height:16px;
	margin:0;
	padding:0;
}

#searchsubmit {
	background-color:#333;
	color:#FFF;
	height:20px;
	width:50px;
	border:none;
	margin:0;
	padding:0;
}

h2.widgettitle {
	margin:0;
	font-size:1em;
}

li.widget_search h2.widgettitle {
	display: none;
}

div#sidebar li.widget_meta a:hover {
	color:#000;
	background-color: #82FD62;
}

div#sidebar li.widget_archive a:hover {
	color:#000;
	background-color: #F98A8A;
}

div#sidebar ul li#collapsible-archive ul {
	list-style-type:none;
	margin-left:0px;
	padding-left:5px;
}

div#sidebar ul li#collapsible-archive ul li ul {
	list-style-type:square;
	padding-left:35px;
}

/* Footer */
div#footer {
	clear: both;
	margin-top: 0px;
	margin-left:20px;
	padding-top: 3px;
	padding-left: 5px;
	color:#BBB;
	font-size:0.9em;
	/* border-top:1px solid #999; */
}

div#footer a:link, div#footer a:visited {
	text-decoration:none;
	color:#DDD;
}

div#footer a:hover {
	text-decoration:none;
	color:#FFF;
}

div#footer div.menu ul {
	float: left;
	list-style-type: none; 
	margin:0;
	padding:0;
}

div#footer div.menu li {
	float:left; padding:2px; padding-right: 4px; position: relative;
}

div#footer p {
	margin-top: 0;
	clear: left;
}