/*
Theme Name: Verlangzamen
Theme URI: www.verlangzamen.nl
Description: theme voor zwali
Version: 0.9
Author: Robert Eijlander
Author URI: http://www.roberteijlander.nl
Tags: simple


	This theme was designed and built by Robert Eijlander

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

*/






/*Typography & Colors */

h1{
color: #224BAB;
}

p{
padding: 15px;
}



/* hieronder de fonts in de posts */

#inhoud h3 {
background-color: white;
color: #927b51; 
font-size: 110%;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding: 3px 3px 3px 15px;
}

#inhoud h2 {
color: #1F242A;
font-size: 130%;
font-weight:bold;
padding: 3px 3px 3px 17px;
margin: 0px;

}

#inhoud h2:hover {
}

#inhoud h2 a{
color: grey;
text-decoration: none;
}

#inhoud h2 a:hover {
color: #1F242A;
text-decoration: none;
}


#commentaar h2 {
background-color: #a89166;
color: grey;
font-size: medium;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding: 3px 3px 3px 15px;
}

#inhoud a{
color: blue;
}


/* SIDEBARMENU...alles inclusief fonts*/
/*als  class = current --> om de huidige plaats te laten zien */


#sidebar {     
float: left;
background-image:url(images/verlangzamensidebarbg.png);
width: 180px;
position: fixed;
top: 0px;
left:50px;
height: 100%;
}

#sidebarblog {     
float: left;
background-color: white;
border: 1px solid white;
width: 150px;
position: fixed;
top: 0px;
left:218px;
height: 100%;
}

/* (weggehaald) ...Fonts & lijsten in de sidebar , dus overgeerft naar sidebarmenu :-)*/

/* spul voor sidebarmenu */

#sidebarmenu{
}

#sidebarmenu ul{
clear: both;
padding: 0px;
}

#sidebarmenu li{
display:block;
text-align: center;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
margin-bottom: 10px;
}

/*de rollover en background etc hangen aan <a>, dus niet aan <li> anders komt rollover en link niet overeen.*/



#sidebarmenu li a{
margin-left: auto;
margin-right: auto;
color: #37414A;
display:block;
letter-spacing:0.01em;
text-decoration:none;
border: 1px solid white;
width: 130px;
padding-top: 15px;
padding-bottom: 15px;


-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background-color: #333333;*/

filter:alpha(opacity=75);
opacity: 0.75;
-moz-opacity:0.75;

-moz-border-radius:15px;
-webkit-border-radius:15px;
behavior:url(border-radius.htc)
}

#sidebarmenu li a:hover{
text-decoration: none;
/*background-color: #111111;*/
filter:alpha(opacity=75);
opacity: 0.75;
-moz-opacity:0.75;
border: 1px solid #cccccc;
}

#sidebarmenu li.current{
list-style-type: none;
}

#sidebarmenu li.current a{
color: #37414A;
/*background-color: #c3c3c3;*/
filter:alpha(opacity=99);
opacity: 0.99;
-moz-opacity:0.;
text-decoration: none;
border: 1px solid grey;
}

#blogbar li a{
margin-left: auto;
margin-right: auto;
width: 130px;

color: grey;
display:block;
letter-spacing:0.01em;
text-decoration:none;
text-transform:uppercase;
border: 1px solid white;
padding-top: 5px;
padding-bottom: 5px;

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color: white;
filter:alpha(opacity=75);
opacity: 0.75;
-moz-opacity:0.75;

}

/* EINDE VAN SIDEBARMENU */


#footer p{
font-size: smaller;
}




/*alle divjes om te positioneren en achtergrondkleuren (behalve <body> staat bovenaan*/



html, body {
height:100%;
margin:0;
padding:0;
width:100%;
}

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
color:grey;
font-family:Tahoma;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}

#bg_image {
height:100%;
width: 100%;
left:0;
position:fixed;
top:0;
z-index:1;
min-width: 800px;
min-height: 600px;

}

#scrollable {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:2;
}

#page {
width: 980px;
margin-left: auto;   /* align for good browsers */
margin-right:auto;
margin-top: 0px;
margin-bottom: 10px;
text-align: left; /* counter the body center */
padding-top: 8px;
}

#searchbox{
float: right;
margin-top: 6px;
}

#searchform{
color:white;
}

#onderheader{
clear:both;
margin-top: 400px;
margin-bottom: 500px;
}

#onderheaderhome{
clear:both;
margin-top: 100px;
}

#inhoud{
float: right;
position: relative;
left: -20px;

background-color: white;
width: 658px;
min-height: 600px;
padding: 1px;
color: grey;

-moz-border-radius:15px;
-webkit-border-radius:15px;
behavior:url(border-radius.htc)
}


#inhoudhome{
float: right;
width: 658px;
min-height: 200px;
padding: 1px;
color: black;
}


#clear{
clear: both;
}

#footer {
clear:both;
color: white;
text-align: right;

}

#footer a{
color:white;
padding: 0px;
}

#footer p{
padding: 0px;
}


#sidebar li.test{
background-color: red;
}


/* classes voor opmaak van posts */
.tijd {
color: white;
/*background-color: #787878;*/
padding: 3px;
padding-right: 10px;
width: auto;
float: right;
margin: 2px;
font-size: smaller;
}

.navigation{
padding: 4px;
margin: 4px;
background-color: #ff7900;
}

.navigation a{
color: white;
}

.entry{
/*border-bottom: 3px solid #224BAB;*/
margin-bottom: 20px;
}



.closebutton{
width: 22px;
height: 22px;
float: left;
display: block;
background-image:url(images/close.png);
position:relative;
bottom:24px;
right:24px;
}

#inhoud img{
max-width: 500px;
}



