/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	html{
		background: url(../images/background.jpg) fixed;
	}
	
	body {
		font-family: 'Open Sans', sans-serif;
		color: #382d24;
		
		
	}
	
	@font-face {
	font-family: 'Chunk';
	src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('Chunkfive-webfont.woff') format('woff'), 
	     url('Chunkfive-webfont.ttf')  format('truetype'),
	     url('Chunkfive-webfont.svg#svgFontName') format('svg');
	}
	
	
	
	h1, h2{
		font-family: 'Chunk', serif;
		padding: 0 0 10px;
		
		font-weight: 700;
	}
	
	.header p {
		padding: 0 2% 10px;
		font-size: 12px;
		text-align: center;
	}
	
	.header{
		background:#ddd1ba;text-align:center;
	}
	
	.header h1{
		line-height: 35px;
		font-size: 27px;
	}
	
	.container.main{
		
		padding-bottom: 20px;
		
		text-shadow: 1px 1px 1px white;
		background: url(../images/background2.jpg)  top center repeat-y;
	}
	
	.totop{
		font-family: 'Chunk', serif;
		text-decoration: none;
		font-weight: 700;
		font-size: 9px;
		color: #fefdf6;
		cursor: pointer;
		margin-top: 2px;
	}
	
	a.totop:hover{
               text-decoration: none;
  }
	
	.backtotop{
		text-align: center;
		margin-top: 10px; height:64px;background:url(../images/terugnaarboven.png)top center;
	}
	
	.backtotop p{
		margin-top: 19px;
		margin-left: 32px;
text-shadow: 1px 1px 1px #be443f;		
	}
	

	
	.titel h1{
		color:#fffac2;
		background-color: #382d24;
		display:inline-block;
		font-size: 22px;
		padding: 7px;
		text-shadow: 1px 1px 1px black;
	}
	
	.titel{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.project img{
		border: 10px #cac9c6 solid;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-bottom: 8px;
	}
	
	.project p, .laatste p{
		text-align: left;
		font-size: 12px;
		padding-bottom: 8px;
	}
	
	.project h2, .laatste h2{
		font-size: 18px;
		line-height: 22px;
	}
	
	.laatste{
		margin-top: 20px;
	}
	
	/*twitter*/
	.tweet{
	font-size: 12px;
}
	
	.tweet li{
		list-style: none;
margin-bottom: 10px;
border: solid 2px lightGrey;
background: white;
padding: 7px;
border-radius: 10px;
-moz-border-radius: 10px;
min-height: 64px;
	}

	a.tweet_avatar{
	float: left;
padding-right: 10px;
	}
	
	.tweet a, a{
    font-weight: 700;
    text-decoration: none;
    color: #382D24;
  }
  .tweet a:hover, a:hover{
    
    text-decoration: underline;
  
  }
  
  span.tweet_time a{
    font-size: 10px;
  }
  
  p{
    line-height: 20px;
  }
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 1024px) {

	.container.main{
	
	           background: url(../images/background2ipad.jpg) #fefffa;
	}
	
	  h1{
    background: ;
  }


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}