/*
Theme Name:	Onno Dirker versie 2
updated: 30/10/2014
Description: Herziende versie, ontwikkeld door T van Dijk, op basis van Christian MacAuleys 'Near Nothing' theme (http://fabapps.com/wordpress/nearnothing )
Version: 2.0
Author: Tim van Dijk
Author URI: timvd.nl

*/

/* basic reset */
	* { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, ul, pre, blockquote, cite, table { margin-bottom: 0.8em; }
	ul, li{ margin-left: 0; list-style: none;}
	
 
 li{list-style: none;}
 
  wit {
       display: block;
     	height: 15px;
      
}
	 
	strong{
	font-weight: 600;}

/* page wrappers */
	body {
		font-family: 'Source Sans Pro', sans-serif;
		color: #000;
		font-size: 12pt;
	}
/* algemeen */
	
	#kader{
	width: 90%;
	min-width: 870px;
	height: 100%;
	margin-top: 30px;
	margin-left:70px;
	margin-right: 0px;
	}
	
	a:link{
	color: black;
	text-decoration: none;}
	
	a:visited{
	color: black;}

/* navigatie */	
	
	#kader-navigatie{
	max-width:  270px;
	max-height: 200px;
	margin-right: 30px;
	margin-bottom: 65px;
	margin-top: 0px;
	float: left;
	}
	
	ul#navigatie{
	height:100px;
	width:270px;
	float:left;
	z-index: 9999;
	}
	
	#onnodirker a:link{
	display:block;
	min-width:270px;
	min-height:30px;
	float:left;
	margin-top: 0px;
	font-weight: 700;
	font-size: 32pt;
	text-indent: -9999px;
	margin-bottom: -8px;
	letter-spacing: px;
	background-image: url(images/tegel/onnodirker.png);
	background-size: 270px, auto;
	background-repeat: no-repeat;
	background-position: center center;
	
	}
	
	.opacity{
	opacity: 0.25;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	}
	.opacity:hover{
	opacity: 1.0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	/*
	.opacity a:link{
	opacity: 0.14;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	}
	.opacity a:hover{
	opacity: 1.0;
	} */
	
	#witruimte{
	min-width: 15px;
	min-height: 10px;
	float: left;
	display: block;}
	
/* zoek */
	
	fieldset.search {
	border: none;
	width: autopx;
	border:solid;
	border-width:2pt;
	height:25px;
	}
	
	#search{
	float:left;
	margin-top:17.5px;
	margin-bottom:4px;
	}
	.search input, .search button {
	border: none;
	float: left;
	
	}
	.search input.box {
	color:#000;
	letter-spacing: 0.4pt;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 11pt;
	width: 230px;
	height: 25px;
	padding-left:5px;
	padding-right:2px;
	background-color:transparent;
	
	}
	.search input.box:hover {
	outline-style:none;
	outline-width:;
	outline-color:#000;
	}
	.search input.box:focus {
	outline-offset:0.5px;
	outline-style:none;
	outline-width:;
	outline-color:#000;
	}
	.search button.btn {
	width:25px;
	height:25px;
	cursor: pointer;
	text-indent: -9999px;
	margin-right:2px;
	background-image: url(images/tegel/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color:transparent;
	background-size: 25px 25px;
	outline: none;
	border: none;
	}
	.search button.btn:hover {
	background-image:  url(images/tegel/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color:transparent;
	}
	
	
	li{
		list-style:none;
	}

	/* overzicht */	
	
	#atelierveldwerk {
	margin-right: 5px;
	height:200px;
	width:125px;
	float:left;
	background-color:black;
	overflow:visible;
	opacity: 0.40;
	}
	#contact{
	float: right;
	text-align: right;
	margin-top: 6px;
	height: 150px;
	max-width: 150px;
	line-height: 25pt;
	letter-spacing: 0.4pt;
	font-size:13pt;
	font-weight: 500;
	}
	
	
	#contact a:link{
	border-bottom: 1px black solid;
	}
	
	ul#content li{
	float: left;
	display:inline-block;
	margin-left: 0px;
	margin-bottom:100px;
	margin-right:40px;
	height: 200px;
	}

	#category{
	letter-spacing: 0.5pt;
	font-size:10pt;
	font-weight: 500;
	letter-spacing: 0.6pt;
	position:relative;
	max-height: 10px;
	top: 17px;
	z-index: -999;
	float: left;
	opacity: 0.6;
	text-transform:lowercase;
	font-variant: small-caps;
	}
	
	#titel{
	letter-spacing: 0.5pt;
	font-size:13pt;
	font-weight: 500;
	position:relative;
	top:17px;
	z-index: -999;
	left: -1px;
	}
	#excerpt{
	letter-spacing: 0.5pt;
	
	font-size:8pt;
	font-weight: 500;
	position:relative;
	max-height: 10px;
	top: 0px;
	z-index: -999;
	float: left;
	opacity: 0.6;
	}


/* single */
	h3{
	font-weight: 600;
	margin-top: 12px;
	font-size: 32pt;
	margin-bottom: 19px;
	margin-top: 16px;
	min-width: 700px;
	overflow: visible; }
	
	h2{
	font-weight: 400;
	font-size: 18pt;
	margin-bottom: 20px;
	}
	
	#kader-project{
	float: left;
	max-width: 568px;
	line-height: 21pt;
	padding-bottom: 50px;
	letter-spacing: 0.2px;
	word-spacing: 1px;
	}
	#kader-project a:link{
	padding-bottom: -2px;
	border-bottom: 1px black solid;
	}
	
	iframe{
	margin-top:30px;
	margin-bottom:20px;
	position:relative;
	overflow:visible;
	min-width: 870px;
	margin-left: -300px;}
	
	h1{
	font-size: 11pt;
	font-weight: 500;
	position:absolute;
	text-align: right;
	margin-left: -303px;
	margin-top: 1px;
	width: 270px;
	
	
	}

h8{
	font-size: 11pt;
	font-weight: 500;
	position:absolute;
	text-align: right;
	margin-left: -285px;
	margin-top: 1px;
	width: 270px;
	
	}
	voetnoot{
	font-style: italic;
	font-size:8.5pt;
	line-height: 14px;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	font-weight: 500;
	position:absolute;
	text-align: left;
	margin-top: 7.5px;
	left:68px;
	min-width: 270px;
	padding-bottom: 5px;
	max-width: 270px;
	}
	bijschrift{
	font-style: italic;
	font-size:8.5pt;
	line-height: 11.5pt;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	font-weight: 500;
	position:absolute;
	text-align: left;
	margin-top: 25px;
	left:68px;
	min-width: 270px;
	padding-bottom: 5px;
	max-width: 270px;
	}
	onderschrift{
	font-style: italic;
	font-size:8.5pt;
	line-height: 11.5pt;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	font-weight: 500;
	position:absolute;
	text-align: left;
	margin-top: 7px;
	margin-left: -303px;
	min-width: 270px;

	}
	#photospace{
	min-width: 870px;
	min-height: 652px;
	display: block;
	margin-bottom:18px;
	}
	
	#photospace a:link{
	border-bottom: none}
	
	project-afbeelding a:link{
	margin-left: -300px;
	cursor:crosshair;
	}
	#marginmintop{
	margin-top: -300px;}
	
/* essay */
	#kader-essay{
	float: left;
	max-width: 568px;
	line-height: 21pt;
	padding-bottom: 50px;
	letter-spacing: 0.3px;
	word-spacing: 1px;

	}
	#kader-essay img{
	width: 568px;
	height: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	cursor: crosshair;
	}

/* journal */
	h4{
	font-weight: 600;
	margin-top: 12px;
	font-size: 32pt;
	margin-bottom: 5px;}
	
	#kader-journal{
	float: left;
	margin-top: -55px;
	max-width: 1024px;
	min-width: 1024px;
	line-height: 21pt;
	padding-bottom: 50px;
	}
	#kader-journal img{
	float: left;
	max-width: 270px;
	height: auto;
	margin-right: 30px;
	margin-bottom: 35px;
	margin-top: 8px;
	opacity: 0.9;
	cursor: crosshair;
	}
/* marges */
	#marges{
	min-width: 930px;
	min-height: 30px;
	margin-left: -30px;
	margin-top: -23px;
	position: absolute;
	background-image:  url(images/marges.png);
	background-repeat: no-repeat;
	}
	#marges-onder{
	float: left;
	min-width: 930px;
	min-height: 30px;
	margin-left: -30px;
	margin-top: -22px;
	background-image:  url(images/marges-onder.png);
	background-repeat: no-repeat;
	}
/* Masks */
	#mask img{
	min-width: 900px;
	max-width: 900px;
	min-height: 30px;
	margin-left: -15px;
	margin-top: -10px;
	position: absolute;
	z-index: 9999;
	opacity: 0.9;
	pointer-events:none;
	}
	
	
	
/* Glossary */
	#kader-glossary{
	margin-top: 120px;
	z-index: -99999;
	position: absolute;
	float: left;
	max-width: 275px;
	line-height: 21pt;
	padding-bottom: 50px;
	letter-spacing: 0.3px;
	word-spacing: 1px;
	}
	#kader-glossary a:link{
	font-size: 8pt;
	font-style: italic;
	padding-bottom: -2px;
	border-bottom: 01px black solid;
	line-height: 21pt;
	}
	#column{
	font-size: 10pt;
line-height: 21pt;
	
	letter-spacing: 0.2px;
	word-spacing: 1px;
	width: 870px;
	margin-top: -10px;
	margin-bottom: 25px;
	

	-webkit-column-count: 3;
  -webkit-column-gap: 30px;

  -moz-column-count: 3;
  -moz-column-gap: 30px;

  column-count: 3;
  column-gap: 30px;
  }

#column2{

	font-size: 10pt;
line-height: 21pt;
	
	letter-spacing: 0.2px;
	word-spacing: 1px;
	width: 870px;
	margin-top: -10px;
	margin-bottom: 25px;
	

	-webkit-column-count: 6;
  -webkit-column-gap: 30px;

  -moz-column-count: 6;
  -moz-column-gap: 30px;

  column-count: 6;
  column-gap: 30px;
  }
  #column3{

	font-size: 10pt;
line-height: 21pt;
	
	letter-spacing: 0.2px;
	word-spacing: 1px;
	width: 870px;
	margin-top: -10px;
	margin-bottom: 25px;
	

	-webkit-column-count: 3;
  -webkit-column-gap: 30px;

  -moz-column-count: 3;
  -moz-column-gap: 30px;

  column-count: 3;
  column-gap: 30px;
  }
#column3 li{
 list-style:decimal;
 }
 /* button */
 input[type="submit"]
{
	margin-top: 5px;
    border:1px solid black;
    text-decoration:none;
    padding: 2px;
    color:black;
    background-color: transparent;
}