/* 



Theme Name: Oulipo



Theme URI: http://andreamignolo.com/oulipo



Description: A grid-based, black and white WordPress theme



Version: 1.0.6



Author: A. Mignolo 



Author URI: http://andreamignolo.com







------------------------------------------------------------------*/



#img { height: 100%; width: 40px; background: url('/afbeeldingen/wirebindinghalfBalfa.png')  repeat-y; 

position : absolute;

z-index : 3;

left : 0;

top : 0;

position : fixed;

}





img {border:0px; }





#img a, a hover{



	display:block; background: none;

}



#imgB { height: 100%; width: 40px; background: url('/afbeeldingen/wirebindinghalfBalfaA.png')  repeat-y; 

position : absolute;

z-index : 10;

left : 0;

top : 0;

position : fixed;

}





#imgPhilipsTower {

position : absolute;

z-index : -20;

left : 0;

top : 0;

position : fixed;



}

.thumb3 {position : absolute ;position: fixed;

top:20px; right: -100px;

z-index:

1

}

#slideshow a img {border : none;}

      #slideshow {

        width: 600px;

height: 400px;

color: #ffffff;

        background: transparent;

border: 0 solid black;

padding: 4px; 

      }





#enlargeImg {

margin-top : 50px;

margin-left : 50px;



}





#pictobrowser, .pictobrowser { 

	margin-left: -200px

}



#galleryFlash {

	border: 0; 

	z-index: -100;

}





.bedekPhotoBucket {

width: 100px;

position : relative;

top: -110px; left : 930px;

margin : 0;

}



.bedek {

height: 40px;

width: 300px;

top: -80px; right: -500px; 

position : relative;

margin : 0;

}





div.bedek a, div.bedek a:link, div.bedek a:visited, div.bedek img {

display:block; float:right; background : none; border: none;

}

div.bedek a:hover img {

visibility:hidden; background : none; 



}



textarea { width:20em;

 background-color: silver; 

 border: 0;scrollbar: none

 

}

hr {  dotted; color:#cccccc; background-color:#cccccc; height:1px;border:none}







.folder {font-family: Trebuchet MS, _sans, Geneva, Helvetica, Arial, 

sans-serif;font-size : 11px; letter-spacing : 2px;}

/* the menu */

	#menu, #menuB, #menuC, #menuD  {

		border: 0; 

		margin : 0;  

		padding:0;

		position: absolute; 

		top: 0; 

		position : fixed;

		z-index : 4;	

	}

	ul li {list-style-type: none;}



	#menu {left: 345px;

		

	

	}

	

	#menuB {left: 480px;

		

	

	}		

	





	#menuC {left: 620px;

		

	

	}		

	





	#menuD {left: 725px;

		

	

	}	#menu ul,li, #menuB ul,li, #menuC ul,li, #menuD ul,li{

		margin:0;

		padding:0;

		border:0;

		font-size : 11px; 

		letter-spacing : 2px; 

	}





	

	#menu li, #menuB li, #menuC li, #menuD li{

		

		padding:3px;

		padding-left:0px; 			

		}

			



	#menu a, #menuB a, #menuC a, #menuD a {

		border:0 solid white;

		text-decoration:none; padding:3px;

		width :150%; /* IE */}



			

	#menu li>a, #menuB li>a, #menuC li>a, #menuD li>a { width:150%; letter-spacing: 2px} 







		

		

/* others */



	 li a.submenu {

		background:url("/afbeeldingen/icoon.png") right no-repeat; 		

		}

	

	li a.submenu:hover {

		background : #666666; color : #ffffff;

		}.album a:hover, #photos a:hover  {



		background : none; 



		}

	li a:hover, .text a:hover{

		background : #666666; color : #ffffff;

		}

	/* hovers with specificity */

	

	li.folder:hover { z-index:-100; }		

			

	ul ul, li:hover ul ul {

		display:none;

	}



	li:hover ul, li:hover  li:hover ul {

		display:block;

	}

#bread {

position : absolute;

z-index : 2;

border : 0;

margin : 0;

width : 1200px;

padding : 0;

left : 54px;

top : 0;

position : fixed;



}	

#bread a,#bread li  {font-size : 9px;

line-height : 1.4em;

letter-spacing :2px;

padding-left : 2px;

border : none;

display : inline;

color : olive;}





#main_nav a:hover, #bread a:hover {

background : #666666;

color : #ffffff;

}





/* =Global



------------------------------------------------------------------*/







html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .more-link  {



	margin:0;



	padding:0;



	}







a, a:link, a:visited {color: silver;



	outline: none;



	text-decoration: none;



	letter-spacing: .1em; 

}







h1, h2, h3, h4, h5, h6 {



	font-weight: normal;



}







blockquote:before, blockquote:after {



	content: "";



}







blockquote, q {



	quotes: "" "";



}







/* =Layout



------------------------------------------------------------------*/







#wrapper {



	width: 62em;



	margin: 0 auto;





}









#main_nav{position: absolute; z-index:10;

		top: 150px; left: 55px; width:150px;

		position : fixed;}







#main_nav h1, .masthead a {font-size: 22px; letter-spacing: 5px;  

	line-height: 19px;

	color: #FF9900;

	text-transform: uppercase;font-weight:normal;

	font-family:Trebuchet MS;

	}



#content {



	width: 50em;



	margin: 2em 0 0 0;



	float: right;



	display: inline;



	min-height: 30em;



}







#entry_content {



	width: 30em;



	margin: 0 2.5em 0 4.5em;



	float: left;



	display: inline;



}







#supplementary {



	width: 11em;



	margin: 0 0 0 0;



	float: right;



	display: inline;



}













#footer_info {



	margin: 0 0 0 20em;



    width: 45em;



	float: left;



	

}



#footer_contact {



	width: 15.7em;



	float: right;



	display: inline;



}





#main_nav ul {



	margin: 2.5em 0 0 0;



}











.meta ul {



	margin: 1em 0 0 0;



}







.meta li {



	margin: .3em 0 0 0;



	line-height: 1.5em;



	padding: 0 0 .2em 0;



}







ul#categories li, ul#archives li {



	border-bottom: 0;



}







#footer {



	clear: both;



	border-top: 1px solid #000;



}







.date, .description {



	margin: .1em 0 1.5em 0;



	padding: 0;



}











.header {



	margin: 0 0 1.5em 0;



}







.entry {



	margin: 0 0 4em 0;



}







.alignleft {



	float: left; 



}







.alignright {



	float: right;



}







.entry img.alignright {



	margin: 0 0 1.5em 1em;



}







.entry img.alignleft {



	margin: 0 1.5em 0 0; 

	

}







.offsite img {



	margin-top: 1em;



	border: 0;



}







#main_nav h1.masthead a {



	line-height: 1em;



}







dd.gallery-caption {



	font-size: 11px;



	color: #ccc;



	line-height: 12px;



	margin-top: .5em;

	



}







.entry .gallery {



	margin-top: 0;



	padding-top: 0;



}









#entry_content .sticky {



	border: 1px dotted #CCC;



	padding: 15px;



	margin-bottom: 20px;



}









/* =Typography







------------------------------------------------------------------*/















body, .delicious-desc {



	

	





	font-family:Trebuchet MS,



  Tahoma, _sans, Geneva, Helvetica, Arial,







       sans-serif; font-size: 15px; letter-spacing: 1px; line-height: 1em;







}



















h1, h2, h3, h4, h5, #main_nav ul, .date, .description, .ctitle, .fin,







 	.entry > p:first-child:first-line, .error, .navigation, .more-link, .comment-author, .comment-meta {







	font-family:Constantia, Georgia, "Times New Roman", Times, serif;



}





h1, .date, .description {



	text-transform: uppercase;letter-spacing:1px; font-weight:normal; 



}







h1 {



	font-size: 1.3em;}







h2 {



	font-size: 1.7em;	margin-bottom: 1.2em;



	margin-top: 0.1em;



	line-height: 20px; 

}







h3 {



	font-size: 1.7em;letter-spacing:1px





	margin: 1em 0 0 0;



	border-bottom: 1px solid #eee;



}







#supplementary h3, h2.widgettitle {



	margin: 2em 0 -.7em 0;



	font-size: 1.15em;



	font-variant: small-caps;



	border-bottom: none;



}







.widget li {



	border-bottom: 0;



}







h4 {



	font-size: 1.4em;



	margin: 2em 0 0 0;



	font-variant: small-caps;



}







h5 {



	font-size: 1.3em;



	margin: .8em 0;



}







#main_nav ul {font-family: Trebuchet MS, Tahoma;



	text-transform: uppercase;



	font-size: .75em;

}







.entry {	

	font-size: .75em;



	line-height: 1.9em; text-transform: none



}







#entry_content p  {



	margin: .7em 0 2em 0;



}







.description, .date  {



	font-size: .8em;



	color: #aaa;



}







.commentcount {



	color: #aaa ;



}







#entry_content .date {



	margin: -2em 0 2em 0;



}







.entry > p:first-child:first-letter {



	font-size: 1.5em; 

	

}







.entry > p:first-child:first-line {



	font-variant: small-caps;



	font-size: 1.3em;



}







.entry ul, .entry ol {



	margin: 1.5em 0 0 0;



	padding-left: 2.2em;

	

}











#search {







	margin-top: 1.5em;







	border-bottom: 1px dotted #999;







}















.search {







	text-transform: uppercase;







	font-size: 7px;







	padding-right: .5em;







}















#searchform {







	margin-top: -1em;







	text-align: right; height: 20px;







	padding: 0 0 1em 0;



 











	}







input {background-color: #cccccc; 



	border: 0 #cccccc;



	}







.paypall {background-color: #ffffff; 



	border: 0



	}







blockquote {



	width: 90%;



	margin: 2em auto;



	padding: 0 0 0 1em;



	border-left: 2px solid #000;



	font-style: italic;



}







.entry img {



	margin:.5em auto 0 auto;



	padding: 3px;



	border: 1px solid #000;



	display: block;



}









.entry img.wp-smiley {



	display: inline;



	border: 0;



	padding: 0;



	margin: 0;



}







#entry_content .caption {



	margin: -2.4em 2em 1.5em 0;



	font-size: .85em;



	color: #666;



	text-align: center;



}







#entry_content .caption a, ol.footnotes a {



	font-size: 1.0em;



}







#entry_content h3 a {



	font-weight: normal;



	font-variant: small-caps;



	color: #000;



	font-size: .75em;



}









#supplementary ul li ul li {



	border-bottom: 1px dotted #EEE;



}







#supplementary p {



	line-height: 1.5em;



}







.meta {



	margin: 0;



	font-size: .7em;



	line-height: 1.9em;



}







.footnotes {



	margin: 3em 0 0 0;



	padding-left: 2.2em;



	border-top: 1px dotted #999;



	font-size: .85em;



	line-height: 1.2em;



}







li.footnote {



	margin-top: .5em;



}







.wp-tag-cloud {



	padding-left: 0;



}







.highlight {



	color: #ff9900;



}







.error {



	font-size: 5em;



	text-align: center;



}







#footer {



	font-size: .7em;



	line-height: 1.7em;



}







#footer p {color: #000;



	margin: 0;



	padding: 0;



}







#footer_contact {



	padding: 1em 0 1em 1em;



}







#footer_info {text-align: right;



	height: 3.2em;



	padding: 1em 1.9em 1em 1em;



	border-right: 1px dotted #000;



}











#entry_content .fin {



	text-align: center;



	font-size: 1.3em;



	margin: 3em 0 4em 0;



}







.more-link .bracket {



	line-height: 5em;



	font-size: 1.5em;



}







.post_nav {



	position: fixed;



	width: 15.5em;



}







code {



	font-size: 1.2em;



}







.navigation {



	font-size: .9em;



	border-top: 1px solid #EEE;



	font-variant: small-caps;



}







.spacer {



	height: 2em;



	background: url(./images/spacer.png) top center no-repeat;



	padding-right: 1em;



}











/* =Link Styles



------------------------------------------------------------------*/







a {



	color: #666;



}







#main_nav h1.masthead a {



	color: #FF9900;



}



#main_nav h1.masthead a:hover {



	border-right: none;



}







h2 {



	border-bottom: 1px solid #EEE ; 

}





h2 a, #main_nav a {



	color: #000;



}



.front h2 a, #main_nav .front a {



	color: silver;



}





h2 a:hover{



	color: #FF9900;



	

}







h3 {



	margin: 2em 0 0 0;



}







img a, img a:hover {



	text-decoration: none;



}







.entry a, .navigation a {



	letter-spacing:.2em;



	text-transform: uppercase;



	color: #FF9900;



	



	text-align: left; 



	display: inline;

}







.entry a:hover, .navigation a:hover {



	color: #FF9900;



	border-bottom: 1px dotted #333;





}







.entry sup {



	font-size: 11px;



	color: #aaa;



}







.entry sup a {



	border: 0;



	color: #3399FF;



	margin: 0;



	font-weight: normal;



	font-size: 10px;



}







#supplementary .post_nav ul.about_nav li a, #supplementary .post_nav ul.single_post_meta a, #supplementary ul.contact_key li a {



	color: #888888;



	border-bottom: 0;



}







#main_nav li {



	border-bottom: 1px solid #EEE;



}







#main_nav a {



	display: block;



	width: 100%;



	line-height: 1.6em;	



	padding-top: .3em;



}







#main_nav a:hover, .current_page_item, .current {



	width: 100%;



	border-right: 3px solid #EEE;



}

#menuD .page_item {padding-left: 5px}





#footer a {



	border-bottom: 1px solid #eee;



}







#footer a:hover {



	color: #3399FF;



	border-bottom: 1px solid #FF9900;



}







#supplementary a {



	color: #888;



}



#supplementary a:hover {



	color: #FFFFFF;







}











#supplementary .offsite a, .offsite a hover {



	border: 0;



}







.entry h3 a, .entry h3 a:hover {



	color: #333;



	text-decoration: none;



	border: 0;



}







.entry a.more-link {



	color: #666;



	font-variant: small-caps;



	font-size: 1.2em;



	border: 0;



	text-align: center;



	display: block;



	margin: 1em auto;



	text-transform: none;



	font-weight: normal;



	clear: both;



	



}











/* =Plug-in Styles



------------------------------------------------------------------*/











ul.delicious li {



	margin: 1em 0;



	line-height: 1.5em;



	padding-bottom: .8em;



}







.twitter {



	margin: 0 0 4em 0;



	font-size: .7em;



	color: #999;



}







.smartarchives {



	margin: 2em 0 3em 0;



	font-size: .8em;



}







.smartarchives ul {



	margin: 0 0 1.5em 0;



}



	



.smartarchives h2 {



	margin: 0 0 0 0;



}







.smartarchives h2 a {



	text-decoration: none;



	color: #000;



	border: 0;



}







.smartarchives h2 a:hover {



	text-decoration: none;



	border: 0;



}







.monthly {



	clear: both;



	padding-top: 3em;



}







ul.archive_block {



	padding-left: 0;



	width: 100%;



	overflow: hidden;



	padding-bottom: 2em;



}







#content .archive_block li {



	float: left;



	display: inline;



	padding: 5px 7px;



	background: #000;



	color: #FFF;



	font-size: 11px;



	margin-left: .2em;



	margin-bottom: .2em;



}







#content .archive_block li.empty {



	font-size: 11px;



	color: #333;



}







#content .smartarchives .archive_block li a {



	color: #CCC;



	border-bottom: 0;



	font-weight: normal;



	font-size: 11px;



	border-bottom: 1px dotted #336699;



	



}







.contactform {



	margin: 2em 0;



}







.contactform label {



	font-weight: bold;



}







.contactleft {



	margin: 1em 0 0 0;



}







#contactsubmit {



	margin: 1em 0 0 0;



}



















/* =Threaded Styles



------------------------------------------------------------------*/







ul.commentlist cite {



	font-style: normal;



	font-weight: bold;



}







ul.commentlist span.says {



	display: none;



}







ul.commentlist .comment-author, ul.commentlist .comment-meta {



	font-variant: small-caps;



}







ul.commentlist .comment-meta {



	margin-top: -.5em;



}









h3#comments {



	margin-bottom: 1em;



	clear: both;



}







ul.commentlist .navigation {



	border: 0;



}







ul.commentlist .comment.bypostauthor .vcard img {



	border: 1px solid #FF9900;



}







ul.commentlist .comment .comment-author.vcard img{



	border: 1px solid #000;



}







.depth-2 {



	margin-top: 2em;



}











/* =Comment Styles



------------------------------------------------------------------*/



ul.commentlist, ul.commentmeta {



	margin: 0;



	padding: 0;



}











ul.commentmeta {



	margin-top: 2em;



}







img.avatar {



	margin: 0 1em 0 0;



	float: left;



	display: inline;



}







.commenttext {



	margin-left: 4.4em;



	border-bottom: 1px dotted #000;



	padding-bottom: 1.5em;



}







#comments, #respond {



	margin: 3em 0 0 0;



	border: 0;



}







.moderation {



	margin-left: 4.4em;



}







.ctitle {



	font-variant: small-caps;



}







/* =Better image scaling in IE



------------------------------------------------------------------*/







img { -ms-interpolation-mode:bicubic; }











/* =Required 



------------------------------------------------------------------*/







.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.alignleft {



	float: left;



}







.alignright {



	float: right;



}







#entry_content .entry p.wp-caption-text {



	color: #a9a9a9;



	text-align: center;



	font-size: 11px;



	margin-top: 0;



}







/* =Widget



------------------------------------------------------------------*/



.textwidget {



	margin-top: 15px;



	padding-bottom: 15px;



	border-bottom: 1px dotted #CCC;



}