/*
	Name: FolkertOosterbeek.nl
	Date: December 2009
	Description: HTML5 & CSS3 layout
	Version: 0.1
	Author: Do Jacobson
	Author URI: http://www.5b-low.com
*/
@charset "utf-8";

/* Imports */
@import url("reset.css");
/*@import url("global-forms.css");*/

/*** Global ***/
@font-face {
  font-family: "Titillium1";
  src: url("fonts/TitilliumText999wt.otf");
}

@font-face {
  font-family: "Titillium2";
  src: url("fonts/TitilliumText800wt.otf");
}

@font-face {
  font-family: "Titillium3";
  src: url("fonts/TitilliumText600wt.otf");
}
/* Body */
	body {
		background-color: #000;
		color: #EEE;
		font-size: 87.5%;
		font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
		line-height: 1.3;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	/* Headings */
	h2 {font-size: 1.571em}	/* 22px */
	h3 {font-size: 1.429em}	/* 20px */
	h4 {font-size: 1.286em}	/* 18px */
	h5 {font-size: 1.143em}	/* 16px */
	h6 {font-size: 1em}	/* 14px */
	
	h2, h3, h4, h5, h6 {
		font-weight: 400;
		line-height: 1.1;
		margin-bottom: .8em;
	}
	
	/* Anchors */
	a {outline: 0;}
	a img {border: 0px; text-decoration: none; }
	
	a img.alignleft{ 
		float:left;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	a img.alignright{ 
		float:right;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	a:link, a:visited {
		color: #304155;
		padding: 0 1px;
		text-decoration: underline;
	}
	a:hover, a:active {
		color: #A2C2E8;
		text-decoration: none;
		text-shadow: 1px 1px 1px #4C6C93;
	}
	
	/* Paragraphs */
	p {margin-bottom: 1.143em;}
	* p:last-child {margin-bottom: 0;}
	
	strong, b {font-weight: bold;}
	em, i {font-style: italic;}
	
	::-moz-selection {background: #F6CF74; color: #fff;}
	::selection {background: #F6CF74; color: #fff;}
	
	/* Lists */
	ul {
		/*list-style: outside disc;*/
		margin: 1em 0 1.5em 1.5em;
	}
	
	ol {
		/*list-style: outside decimal;*/
		margin: 1em 0 1.5em 1.5em;
	}
	
	li {
		list-style:disc;
	}

        li.soon-list-event{ list-style:none; margin-bottom:1.5em;}
	
	li.post-list {
		list-style:none;
	}
	
	dl {margin: 0 0 1.5em 0;}
	dt {font-weight: bold;}
	dd {margin-left: 1.5em;}
	
	/* Quotes */
	blockquote {font-style: italic;}
	cite {}
	
	q {}
	
	/* Tables */
	table {margin: .5em auto 1.5em auto; width: 98%;}

		/* Thead */
		thead th {padding: .5em .4em; text-align: left;}
		thead td {}
	
		/* Tbody */
		tbody td {padding: .5em .4em;}
                tbody th {}
                tbody td.event-list:hover{ background-color:#CCC; }
	
		tbody .alt td {}
		tbody .alt th {}
	
		/* Tfoot */
		tfoot th {}
		tfoot td {}
		
	/* HTML5 tags */
	header, section, footer,
	aside, nav, article, figure {
		display: block;
	}
	
	/***** Layout *****/
	#wrapper{clear:both; margin:0 auto; width:1020px; height:100%; background: no-repeat url("img/mainbg.jpg") #000; padding-bottom:300px;}
	img.right figure.right {float: right; margin: 0 0 2em 2em;}
	img.left, figure.left {float: right; margin: 0 0 2em 2em;}

	/*
		Header
	*****************/
	#banner {
		margin: 0 auto;
		padding: 2.5em 0 0 0;
	}

		/* Banner */
		#banner h1 {
			font-family: "TitilliumText14L-999wt", "Titillium1";
			font-size: 4.7em; 
			line-height: 0;
			margin: 140px 40px 100px;
			color: #5c80ac;
			font-weight: bold;
			text-shadow: 0px -1px 0px #999;
		}
		#banner h1 a:link, #banner h1 a:visited {
			
			display: block;
			
			text-decoration: none;
			width: 427px;
		}
		#banner h1 a:hover, #banner h1 a:active {
			background: none;
			color: #5c80ac;
			text-shadow: none;
		}
	
		#banner h1 strong {font-size: 0.36em; font-weight: normal;}

	/* Main Nav */
	#content nav {
		background: #517198;
		font-size: 1.143em;
		height: 40px;
		line-height: 30px;
		margin: 0;
		padding: 0;
		text-align: center;
		font-weight:bold;
		width: 618px;
		opacity: 0.8;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#content nav ul {list-style: none; margin: 0 auto; width: 800px;}
	#content nav li {float: left; display: inline; margin: 0;}
	
	#content nav a:link, #content nav a:visited {
		color: #304155;
		display: inline-block;
		height: 30px;
		padding: 5px 0.5em;
		text-decoration: none;
		text-shadow: 0px 1px 1px #a2c2e8 !important;
	}
	#content nav a:hover, #content nav a:active,
	#content nav .active a:link, #content nav .active a:visited {
		background: transparent;
		color: #a2c2e8;
		text-shadow: 0px 1px 2px #304155 !important;
		text-decoration:none;
	}
	
	#content nav li:first-child a {
		padding-left:10px;
	}
	
	/*
		Sidebar
	*****************/
	#sidebar {
		background: #transparent;
		margin-left: 10px;
		margin-right: 40px;
		padding: 0px;
		width: 298px;
		float:right;
	}
	
	#sidebar figure {
		border: 2px solid #eee;
		float: right;
		margin: 0.786em 2em 0 5em;
		width: 248px;
	}
	#sidebar figure img {display: block; float: right;}
	
	#sidebar a.button-myspace{
		background: transparent url("img/myspace.png") no-repeat scroll top right;
		color:#FFF;
		display: block;
		float: left;
		height: 46px;
		width: 149px;
		text-decoration:none;
	}
	
	#sidebar a.button-facebook{
		background: transparent url("img/facebook.png") no-repeat scroll top right;
		color:#FFF;
		display: block;
		float: left;
		height: 46px;
		width: 149px;
		text-decoration:none;
	}
	
	#sidebar h2 {
		color: #304155;
		font-size: 1.143em;
		font-weight:bold;
		margin-top:10px;
		margin-left: 5px;
		margin-bottom: 20px;
		padding-bottom: 6px;
		text-shadow: 0px 1px 1px #a2c2e8 !important;
	}
	#sidebar h3 {font-size: 1.429em; margin-bottom: .5em;}
	
	#sidebar h3 a:link, #sidebar h3 a:visited {color: #000305; text-decoration: none;}
	#sidebar h3 a:hover, #sidebar h3 a:active {color: #fff;}
	
	/*
		Soon
	*****************/
	#soon {
		background: #517198;
		width: 298px;
		opacity:0.8;
		margin-bottom: 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: solid 1px;
		border-top-color:#5f80a7;
		border-bottom-color:#3c526d;
		border-right-color:#3c526d;
		border-left-color:#5f80a7;
		float:right;
	}
	
	#soon h2 {
		color: #304155;
		font-size: 1.143em;
		font-weight:bold;
		margin-top:12px;
		margin-left: 10px;
		margin-bottom: 10px;
		text-shadow: 0px 1px 1px #a2c2e8 !important;
	}
	
	#soon h3 {font-size: 1.2em; margin-bottom: 0; margin-top: -5px;}
	
	#soon p { margin-bottom:0; padding-bottom:0;}
	
	#soon footer {
		font-size: 0.8em; 
		margin-bottom: 2em;
		padding-right: 10px;
		text-align:right;
	}
	
	#soon footer a{		
		text-decoration:none;
		font-weight:bold;
	}

        #soon ol li .soon-list-event{
                list-style:none;
                margin-bottom:10px;
        }
	
	#social {
		margin-bottom: 10px;
	}
	
	#social a{
		margin:10px 0;
		padding: 0;
	}
	
	#media{
		padding-top: 10px;
	}
	
	.hr{
		margin:0 5%;
		padding:0;
		height:17px;
		width:90%;
		clear:both;
	}
	
	hr {
		border: solid 1px;
		border-bottom-color:#5f80a7;
		border-top-color:#3c526d;
		border-right-color:#3c526d;
		border-left-color:#3c526d;
		clear:both;
	}

	/*
		Body
	*****************/
	#content {
		background: #517198;
		margin-left: 40px;
		margin-right: 10px;
		padding: 0px 0px;
		width: 618px;
		opacity: 0.8;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: solid 1px;
		border-top-color:#5f80a7;
		border-bottom-color:#3c526d;
		border-left-color:#3c526d;
		border-right-color:#5f80a7;
		float:left;
	}

	/*
		About
	*****************/
	#about {
		background: #fff;
		font-style: normal;
		margin-bottom: 2em;
		overflow: hidden;
		padding: 0;
		text-align: left;
		width: 760px;
	
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	#about .primary {float: left; width: 165px;}
	#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
	#about .photo {float: left; margin: 5px 20px;}
	
	#about .url:link, #about .url:visited {text-decoration: none;}
	
	#about .bio {float: right; width: 500px;}
	
	/*
		Footer
	*****************/
	#contentinfo {margin-left: 40px; padding-bottom: 2em; text-align: left; width: 1020px; clear:both;}


	/* Blog */
	.hentry {
		border-bottom: 1px solid #a2c2e8;
		padding: 5px 0;
		padding-right:15px;
	}
	li:last-child .hentry, #content > .hentry {border: 0; margin: 0; margin-bottom: 20px;}
	#content > .hentry {padding: 1em 0;}
	
	.entry-content{
		text-shadow: -1px 1px 0px #333;
	}
	
	.entry-title {font-family: "TitilliumText14L-600wt", "Titillium3"; color:#EEE; font-size: 1.529em; font-weight:bold; margin-bottom: 0; margin-top: 5px;}
	.entry-title a:link {text-decoration: none;}
	.entry-title a:hover {text-decoration: underline;}
	.entry-title a:visited {text-decoration: none;}
	h2 .entry-title{color:#EEE;}
	h3.entry-title{ font:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; color:#304155;}
	
	pre pre{
		font:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
		text-shadow: -1px 1px 0px #333;
	}
	
	.hentry .post-info * {font-style: normal;}
	
		/* Content */
		.hentry footer { 
			font-weight:bold;
			text-shadow: -1px 1px 0px #333;
		}
		.hentry footer address {display: inline;}
		#post-lists footer address {display: block;}
	
		/* Blog Index */
		#post-lists {list-style: none; margin: 0;}
		#post-lists .hentry {padding-left: 160px; position: relative;}
		#post-lists footer {
			left: 10px;
			position: absolute;
			top: 1.5em;
			width: 130px;
			text-align:right;
		}
		
		/*
		//post hover color
		#post-lists .hentry:hover {
			background: #6289b9;
			color: #fff;
		}*/
		
		#post-lists a:link {
			color: #EEE;
			text-shadow: -1px 1px 1px #333;
		}
		
		#posts-list .hentry:hover {
			color: #FFF;
			text-shadow: -1px 1px 1px #333;
		}

	.horizontal {
		clear:both;
		width: 1020px;
	}
	
/* Other pages */
	.other-entry {
		border-bottom: 1px solid #a2c2e8;
		padding: 5px 0;
		padding-right:15px;
	}
	
	#post-lists .other-entry {padding-left: 15px; position: relative;}
	
	li:last-child .other-entry, #content > .other-entry {border: 0; margin: 0; margin-bottom: 20px;}