/*
Theme Name: Michael
Description: Michael's thema
Version: 2.0
Author: Paps en mams
*/

/* Algemeen spul */
html,body {
margin:0; 
padding:0; 
background: #333; 
color: #222222; 
font-family: 'Comic Sans MS', sans-serif; 
font-size: 10pt;
}

body {
text-align: center;
}

a {
color: #069 
}

a img { text-decoration: none; border-width: 0px; }
h1, h2 {
font-family: 'Comic Sans MS', sans-serif;
font-weight: normal;
color: #069;
}
.small, small { font-size: 85%; }
/*
De container staat om ALLES heen en
zorgt dat de site in het midden staat enzo
*/
#container { 
text-align: left; 
position:relative; 
width: 770px; 
margin: 50px auto 1em auto; 
background-image: url(images/bg-def.gif);
}

/* Is vooral om de header blauw te maken, #header zorgt voor de bovenste ronding */
#header-container { height: 120px; background: transparent url(images/bg-006.gif) 0 0 repeat-y; }

#header {
position: relative;
margin: 0;
height: 110px;
padding-top: 10px;
background: transparent url(images/bg-topcurve.gif) 0 0 no-repeat;
}

#header img {
position: absolute;
left: 188px; 
}

/* De plaatjes / knoppen naar de onderdelen van de site */
#topmenu {
height: 60px;
list-style-type: none;
position: absolute;
top: 90px;
left: 200px;
padding: 0;
}

#topmenu li {
height: 60px;
margin-left: 0;
margin-bottom: 0;
margin-right: 2px;
margin-top: 0;
float: left;
list-style: none;
padding: 0;
}

#topmenu img, #michael img { 
	position: relative; 
}

#tekstballon2 {
background-repeat: no-repeat;
padding-top: 27px;
font-size: 12pt;
text-align: center;
font-weight: bold;
color: black;
height: 75px;
width: 190px;
background-image: url(images/tekstballon2.png);
position: absolute;
top: 20px;
left: 140px;
}

/* De foto van Michael */
#michael-header {
position: absolute;
top: -30px;
left: 15px;
}

/* De daadwerkelijke tekst van de site */
#content {
float: right;
width: 520px;
text-align: left;
margin-top: 70px;
margin-right: 30px;
margin-bottom: 30px; 
}
.alignleft {
	float: left;
	margin-right: 1em;
}

.alignright {
	float: right;
	margin-left: 1em;
}

.aligncenter { display: block; margin: 0 auto; }

/* Het menu aan de linkerkant */
.postmetadata { font-size: 9pt; }#sidebar { 
position: relative; 
top: -160px; 
margin-bottom: 20px;
text-align: left;
width: 170px;
margin-top: 120px;
margin-left: 20px;
font-size: 9pt;
}

#sidebar a { color: #222222; }
#sidebar ul { padding: 0px; list-style-type: none; margin: 0px; }
#sidebar li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

/* de footer, dus... */
#sidebar li ul { padding: 0px; margin: 0px; }
#sidebar .current_page_item { font-weight: bold; }
#footer {
text-align: center;
clear: both;
height: 30px;
background: #333 url(images/bg-bottomcurve.gif) top center no-repeat;
padding-top: 20px;
color: #666;
font-size: 8pt
}

#footer a {
text-decoration: none;
color: #666;
}

/* Alles met deze class is onzichtbaar */
.nodisplay {
display: none;
}

/* De tekst binnen de tekstballonnen */
.bubbletext {
position: absolute;
top: 53px;
left: 173px;
}

/* Spul voor de lego-pagina */
.legoblock { width: 166px; margin-right: 10px; margin-bottom: 10px; float: left; position: relative; text-align: center; background: #fff; /* border: 1px solid #cde; */ }
.last { margin-right: 0; clear: right; }
.legoblock p { margin: 0.5em 0; }
.legoblock .desc { height: 2em; width: 166px; line-height: 1em}
.legoblock .pic { width: 166px; height: 140px; overflow: hidden; background: white; padding-top: 10px; }
.legoblock img { width: 160px; }
.clear { clear: both; }

/* Spul voor de archieven */
#archives { line-height: 1.4em; }
#archives ul, #archives li { margin: 0 0 0 0.5em; padding: 0 }

.archive-currentyear { font-weight: bold; }
.archive-currentyear li { font-weight: normal; }
.archive-currentmonth a { font-weight: bold; }
hr { background: #ddeeff url(images/lijn.gif); margin-bottom: 1em; margin-top: 1em; border: none; height: 4px; }
textarea#comment { width: 100%; }
ul.commentlist, ul.commentlist li { padding: 0px; margin: 0px; list-style-position: inside; list-style-type: none; }
.commentmetadata { padding-top: 13px; text-align: right; clear: none; float: right; }
.commentlist h2 { margin-left: 0px; margin-bottom: 0em; margin-right: 0px; margin-top: 0px; }
#tbtop, #tbbottom { padding-left: 17px; width: 160px; border: 1px solid transparent; }
#tbtop { margin: 0px; background-position: 0 top; height: 125px; background-repeat: no-repeat; background-image: url(images/tekstballon_top.png); }
#tbtop h2 { font-weight: bold; top: 100px; position: relative; margin: 0px; color: black; font-size: 12pt; }
#tbbottom { margin: 0px; padding-bottom: 2em; background-position: 0 bottom; background-repeat: no-repeat; background-image: url(images/tekstballon_bottom.png); }
.clear { clear: both; }
#michael { position: absolute; top: -20px; left: 20px; }
.comment-page-numbers { text-align: center; }

#wp-admin-bar {position: fixed; z-index: 100; top: 0; left: 0; width: 100%; -moz-opacity: 0.8; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}
img#wp-stats {visibility: hidden; }

.navigation { text-align: center; }
.navigation div { display: inline; width: 120px; }