/*  
Theme Name: Marjolein
Theme URI: http://www.indivisuals.nl
Description: This is a theme developed by indivisuals and Marjolein Rutgers.
Version: 1.0
Author: Maarten van der Glas @ Indivisuals
Author URI: http://www.indivisuals.nl/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{ /* weghalen van ongewenste margins of paddings */
	margin: 0;
	padding: 0;
}

body{ /* alles wat binnen de body tags gebeurt */
	margin: 12px; /* witregel background */
	font-family: Georgia, serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
	color: #0000000;
}

h1{
	font-family: Georgia, serif;
	font-size: 24px;
	padding: 0 0 3px 0;
}

a h2:link{ /* koptext links zijn zwart */
	text-decoration: none;
	font-style: italic;
	background-color: white;
	color: black;
}

a:link, a:visited{ /* links hebben een andere kleur */
	text-decoration: none;
	background-color: transparent;
	color: grey;
} 


a h2:visited{ /* koptext links zijn zwart */
	text-decoration: none;
	background-color: white;
	color: black;
}

a:hover{
	text-decoration: none;
	background-color: grey;
	color: white;
	padding: 0px 0px 0px 0px; /* link krijgt randje (wordt ietjes breder) bij mouse over */
}

p{
	padding: 3px 0 0 0;
}

.sidekop a{
	font-size: 12px;
	font-family: Century Gothic, san-serif;
	text-decoration: none;
	font-style: italic;
	background-color: black;
	color: white;
	padding: 0px 0px 0px 4px;
}

.sidekop a:hover{
	font-size: 12px;
	font-family: Century Gothic, san-serif;
	text-decoration: none;
	font-style: italic;
	background-color: grey;
	color: white;
	padding: 0px 3px 0px 4px;
}

.sidekop{
	font-size: 12px;
	font-family: Century Gothic, san-serif;
	text-decoration: none;
	font-style: italic;
	background-color: black;
	color: white;
	padding: 0px 0px 0px 4px;
}

#wrapper_paars{
	width:  900px;
	/*margin: 250px 40px 25px auto; */
	background-image: url('images/paarse-achtergrond.jpg');
	background-attachment: fixed;
	background-repeat: repeat-x;
	margin:0 auto;
	padding: 25px; /* boven-marge van de achtergrond in de pagina */
	text-align: left;
	min-height:600px;
}

#wrapper_blauw{
	width:  900px;
	/*margin: 250px 40px 25px auto; */
	background-image: url('images/blauwe-achtergrond.jpg');
	background-attachment: fixed;
	background-repeat: repeat-x;
	margin:0 auto;
	padding: 25px; /* boven-marge van de achtergrond in de pagina */
	text-align: left;
	min-height:600px;
}

#wrapper_roze{
	width:  900px;
	/*margin: 250px 40px 25px auto; */
	background-image: url('images/roze-achtergrond.jpg');
	background-attachment: fixed;
	background-repeat: repeat-x;
	margin:0 auto;
	padding: 25px; /* boven-marge van de achtergrond in de pagina */
	text-align: left;
	min-height:600px;
}


#header{
	float: left;
	width: 900px;
	margin-bottom: 10px;	/* onder marge (lege ruimte) header */
}

#hoofdstreepje{ /* het streepje onder de header */
		border-bottom: 1px dashed #868686; 
		width: 190px;
		padding: 10px 10px 0px 0px;

}

#container{
	float:  right;
	width: 620px;
	padding: 0px 10px 10px 10px; /* wit rand om de text bokken */
	margin: 0 25px 4px 0px; /* afstand blok text tot andere blokken */
	background-color: white;
}

.post{
	padding: 14px 0px 0px 0px; /* top right bottom left */
	text-decoration: none;
	font-style: italic;
	background-color: white;
	color: black;
	
	/*border-bottom: 1px dashed #ccc; */
}

.page{
	padding: 6px 0px 3px 10px; /* top right bottom left */
	/*border-bottom: 1px dashed #ccc; */
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
}

.post h2{ /* de h2 van posts */
	padding: 6px 0px 3px 10px; /* top right bottom left */
	font-family: Georgia, serif;
	font-size: 22px;
}

.entry{
	padding: 6px 0px 0px 10px; /* top right bottom left */
	font-family: Georgia, serif;
	font-size: 12px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc; 
	line-height: 16px;
	font-style: italic;
	/* line-height: 18px; /* regel afstand binnen een post */
}

p.postmetadata{
 	/* border-top: 1px dashed #ccc; */
 	padding: 0px 0px 0px 10px; /* top right bottom left */
	margin: 0px 0 8px 0; /* MARGE ONDER EN BOVEN DE POST META DATA */	
	font-size: 10px;
}

.navigation{
	padding: 0px 0 3px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}


.sidebar{
	float: left;
	width:  200px;
	background: white;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	display: inline;
}


.widgettitle{
	font-size: 12px;
	font-family: Century Gothic, san-serif;
	text-decoration: none;
	font-style: italic;
	background-color: black;
	color: white;
	padding: 0px 10px 0px 7px;
}


.sidebar ul{ 
/* opmaak voor de sidebar lijst haalt de bullets weg! */
	list-style-type: none;
	margin: 4px; 
	/* de tekst in de sidebar wordt op gelijke hoogte gebracht als de entry tekst */
	padding: 2px 25px 0 2px; /* subkop padding ten opzichte van de koppen */ /* top right bottom left */
}


.sidebar ul ul li{
	padding: 1px 0 0 0px; /* het opheffen van over geerfde padding */
	line-height: 15px; /* de regelhoogte in de sidebar lijst in pixels */
}

.sidebar li ul li{
	padding: 6px 0px 2px 0px; /* het opheffen van over geerfde padding */
/*	line-height: 15px; /* de regelhoogte in de sidebar lijst in pixels */
}


.sidebar ul li{
	padding: 1px 0px 0 0px; /* de lijsten binnen de sidebar krijgen padding */
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
}

.sidebar ul li h2{ /* de stijl van de koppen van de sidebar */
	font-family: Century Gothic, san-serif;
	font-size: 12px;
	font-style: italic;
	color: white;
	background-color: black;
	padding: 1px 2px 2.2px 3px;
}


/*
#left { 
float: left; 
width: 200px; 
margin: 0 10px; 
padding: 0 25px 0 0; 
background-color: white; 
color: #5D2816; 
}

#left h2 { 
margin: 0 0 10px ; 
padding: 10px; 
font-size: 1.2em; 
background-color: black; color: #white 
}

#left a:link, #left a:visited { color: #30261B; background-color: transparent; font-size: 0.85em; }
#left a:hover { color: #93601B; background-color: transparent; }
#left ul { margin: 0px; padding: 0; }
#left ul li { list-style-type: none; margin: 0px; padding: 0px 0px 30px 0px; }
#left ul ul li { list-style-type: none; color: #5D2816; margin: 0px 5px 0px 10px; padding: 0px 5px 5px 5px; }
#left ul.children { margin: 0px; padding: 5px 5px 0px 0px; }
#left ul.children li { margin: 0px; padding: 0px 5px 5px 12px; }

*/
#footer{
	clear: both;
	width: 880px;
	padding-top: 90px;
	text-align: center ;
	
}