/*  
Theme Name : Janneke
Theme URI  : http://www.janneke.biz/
Description: Wordpress-template janneke.biz
Author     : Anouk de Leeuw, Ayz sites 
Version    : 30 september 2007
//-------------------------------------------------------------------------------------------*/
@import url(css/reset.css);
body{ 
	font-family:  Georgia, serif;
	color: #966938; 
	font-size: 11px;
	background: #6a0d16; 
}

.txt p{margin-bottom: 1em}
.txt h1 {font-size: 160%; font-weight: bold; margin-bottom: 0.5em; color: #a97741;}
.txt h2 {font-size: 130%; font-weight: bold; margin-bottom: 0.5em; color: #a97741;}
.txt img{float: right; margin: 20px; border: 2px inset #a97741;}
.txt a{color: #ea4910; text-decoration: none;}
.txt a:hover{text-decoration:underline;}
.txt h1 a, .txt h2 a{color: #a97741;}

#container{
	/* note: min-width & max-width worden ook gezet in resp. ie.css en ie.js */
	position: relative; 
	width: auto; min-width:664px; max-width: 1000px; 
    margin: 0 auto;
    padding: 132px 0 0 110px; /* 110 is linkerpositie voor het boek */
    background: url(css/img/rand_links2.png) repeat-y scroll 53px top;
    /* lost om onduidelijke redenen het offset-probleem op... waarom?*/ 
    line-height:0.8;
}

#header{
	position: absolute; top:0; left:0;
	width: 100%; height:200px;
	background: url(css/img/kop3.jpg) no-repeat scroll top left; 
	text-indent:-9000px;
}
#boek{
	position: relative; /* ivm laagvolgorde, anders valt de kop over het boek heen */ 
	height: 68px; width: 100%; 
	background: url(css/img/rand_rechts1.jpg) no-repeat scroll right 40px; 
	z-index:8;
}
#inner{
	background: #ffffe1 url(css/img/rand_rechts1.jpg) repeat-y scroll right top; 
	padding: 68px 40px 50px 150px;
	width: auto;
}
#content { 
	width: 60%;
	float: left;
}
.post { 
	background: url(css/img/vlekje.gif) no-repeat scroll 20px 20px;
	margin-bottom: 4em;
}
.post .meta{
	margin-bottom: 1em; 
	padding-left:2em;
}



#sidebar{
	/* padding-top: 20px; */
	padding-top:50px;
	float: right;
	width: 25%; 
}
#sidebar h2{font-weight: bold; font-size: 110%; color: #a97741;}
#sidebar ul ul{margin: 0 0 1em 1em;}
#sidebar li a{color: #966938; text-decoration: none;}

.clear{	clear:both;}

#nav li {position:absolute; padding-top: 10px; padding-left: 20px; 	z-index:10; min-width: 100px; height: 58px;}
#nav li a {color: #966938; font-size: 15px; 
	text-decoration: none; font-weight: bold; 
}
#nav li a:hover, #nav li.current_page_item a{color: #a97741; font-size: 16px; }
#nav li.current_page_item, #nav li.current_page_ancestor{
	background: url(css/img/nav_selected.gif) no-repeat scroll left top; 
}
#nav li.page-item-3 {top: 190px; left: 15%;}
#nav li.page-item-4 {top: 173px; left: 25%;}
#nav li.page-item-5 {top: 155px; left: 38%;}
#nav li.page-item-6 {top: 170px; left: 57%;}
#nav li.page-item-7 {top: 185px; left: 69%;}
#nav li.page-item-8 {top: 200px; left: 82%;}

#lijst{
	position: fixed; bottom: 0; left: 0; 
	width: 220px;	height: 221px;
	}
#lijst img{
	margin-left: 10px;
	margin-top: 35px;
	width:200px; height:150px;
}
#lijst div{	
	position:absolute; top:0; left:0;
	width: 220px;	height: 221px;
	background: url(css/img/lijst2.gif) no-repeat scroll left top; 
}
a#copy {
	display: block; position: absolute; bottom: 2px; right: 50px;
	font-size: 85%; 
	color: #e6e0b0; 
	text-decoration: none;
}
/* contactformulier */ 
form#contactform {
}
label{
	text-align:right;
	width:11em;
	padding-right: 1em;
	float:left;
}
form fieldset {
	padding: 1em 0.5em 0.5em 0.5em; 
	margin: 0 0 0.5em 0; 
}
form .fi{
	width: 60%; 
	margin: 0 0 0.5em 0; 
	font-size: 100%; 
}

form input.nolabel{
	margin: 0 0 0 10em;
}
#knop{
	padding: 0 1em; 
}
textarea{
	height: 15em; 
}
input.special{display:none;}
p.mailform_error{color: #ea4910; font-weight:bold;}
/* ---------------------------------------------------- */