/*
Theme Name: Jeremy Bierer
Theme URI: http://festinalentecollective.com/
Description: Custom-made theme for Jeremy Berier.
Version: 1.0
Author: Roeland de Betue
Author URI: http://www.roelanddebetue.com/
Tags: html5, jeremy berier
*/


/* == BASICS == */

header, footer, section, article, aside, nav {

	}
body {
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	font-family:Helvetica, Arial,  sans-serif;
	line-height:18px;
	font-size:14px;
	height:100%;
	}
	
html{overflow:hidden;}

img{border:0;}

br{margin:0;padding:0;}
/* == LINKS == */

a:link, a:visited {
	text-decoration: underline;
	color: #336666;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #339966;
	}


/* == KOLOMMEN == */

#logo{
	width:100%;
	text-align:center;
	z-index:-1;
	margin-top:80px;
	}

section.wrap{
	
	margin:0 auto;
	width:960px;
	height:auto !important;
	height:100%;
	min-height:100%;
	}
	
.kolCont{
	overflow-y:auto;
	overflow-x:hidden;
	height:auto;
	position:absolute;
	}	
	
.head{
	background:white;
	width:100%;
	}	
	
.gallery{
	width:100%;
	float:left;
	height:auto;
	top:260px;
	left:0;
	dispay:block;
	}
	
.content{
	width:100%;
	height:auto;
	font-size:11px;
	background:white;
	margin:60px 0 0 0;
		}
	
article{
	margin:0 30px 50px 30px;
	display:block;
	}


.kolom{
	height:100%;
	overflow-y:scroll;
	text-align:center;
	overflow-x:hidden;
	}
	
.kolom .logo{
	margin-bottom:50px;
	margin-top:40px;	
	position:relative;
	top:0;
}

.kolom .nav{
	text-decoration:underline;
	font-weight:bold;
	margin:60px 0 0 0;
	cursor:pointer;
	text-align:center;
	}
	
#left .kolCont{width:300px;}
#middle .kolCont{width:345px;}
#right .kolCont{width:300px;}
	
	
#left .nav. #right .nav{
	width:285px;
	} 
	
#middle .nav{
	width:100%;
	}

.kolom .content .navBack{
	text-decoration:none;
	cursor:pointer;
	display:block;
	}
	
.kolom .content a{
	color:#000;
	text-decoration:underline;
	margin:0;
	padding:0;
	}

.kolom #right br{
	margin:0;
	padding:0;
	}
	
#right {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x:hidden;
	position: fixed;
	top:0;
}
#rightCol {
	width: 285px;
	position: absolute;
	left: 50%;
	margin-left: 173px;
	height: 100%;
}
#left {
	width: 285px;
	position: fixed;
	left: 50%;
	z-index: 2;
	height: 100%;
	top: 0;
	margin-left: -480px;
	padding-right:15px;
	overflow-x:hidden;
}
#middle {
	position: fixed;
	width: 330px;
	left: 50%;
	z-index: 2;
	height: 100%;
	top: 0;
	margin-left: -180px;
	padding-right:15px;
	overflow-x:hidden;

}

#middle .gallery img{
	max-width:270px;
	}
	
#left .gallery img, #right .gallery img{
	max-width:220px;
	}
	

/* == POSTS == */

article[id*=post-] {
	
	}
article>header p, 
article>footer p {
	
	}
article+nav {
	
	}
section>h1 {

	}




/* == FOOTER == */

body>footer {
	padding-top: 100px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	clear: both;
	}

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == ELEMENTS == */

/* a place for misc. styles */


article ul{
	margin:0;
	padding:0;
	}

article li{
	
	list-style-type:none;
	display:none;
	}

article li:first-child{
	display:block;
	margin:0;
	padding:0;
	}
/* == ALL YOUR CODE ARE BELONG TO POETRY == */