/*RESET)_________________________________________*/

:-moz-any-link:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
}

img, a img, :link img, :visited img { border: 0; }
div.clear { clear: both; width: 100%; height: 1px; overflow: hidden; }

/*LAYOUT__________________________________________
**************************************************/

body.weblog#body {
}

#scrollContainer {
	z-index: 2;
	position: relative;
}

#container {
	width: 1000px;
	margin: 0 auto;
}


#background {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	position: fixed;
	left: 0;
	top: 0;
}

#background img {
	bottom: 0;
	right: 0;
	position: absolute;
}

#left {
	float: left;
	padding: 100px 10px 10px;
	width: 200px;
	margin: 0 40px 0 0;
}

#info {
}

	#info div {
		background: white;
		padding: 5px;
	}

	#info div#tweetHolder {
		background: #252373;
		color: white;
		margin: 10px 0 0 0;
	}

	#tweetHolder h2 {
		color: white;
		font-size: 14px;
		margin: 0 0 3px 0;
	}

	#tweetHolder h2 a, #tweetHolder h2 a:link, #tweetHolder h2 a:visited, #tweetHolder h2 a:active {
		text-decoration: underline;
		color: white;
	}

	#tweetHolder h2 a:hover {
		text-decoration: none;
		color: white;
	}

	#info div#tweetHolder div {
		padding: 0;
		background: none;
	}



#menu.klein {
	float: left;
	padding: 10px 10px 0 0;
	text-align: right;
	width: 200px;
}

#menu.groot {
	float: right;
	padding: 150px 100px 0 0;
	text-align: right;
}


div.later {
	float: right;
	padding: 150px 100px 0 0;
	text-align: right;
}

div.later h1 {
	font-size: 50px;
	padding: 10px;
	color: white;
}

div.later h2 {
	font-size: 30px;
	padding: 10px;
	color: white;
}

div.underConstruction {
	background: #CD0000;
	color: white;
	padding: 10px;
	margin: 0 0 20px 0;
}



/*TWITTER________________________________________
**************************************************/
#twitter {
	float: right;
	padding: 75px 100px 0 0;
	text-align: right;
	width: 500px;
}

	#twitter .tweet {
		clear: right;
		background: #148fd1;
		float: right;
		margin: 0 0 10px 0;
	}

	#twitter .tweet.richard {
		background-color: pink;
	}

	#twitter .tweet .text {
		text-align: right;
		padding: 5px 5px 0;
	}

	#twitter .tweet .image {
		float: left;
		padding: 0;
	}

	#twitter .tweet .user {
		font-size: 10px;
		padding: 10px 15px 15px 20px;
		float: right;
		color: #343434;
	}

	#twitter .tweet .text a, #twitter .tweet .text a:link, #twitter .tweet .text a:visited {
		color: black;
		text-decoration: underline;
		padding: 0 3px;
	}

	#twitter .tweet .text a:hover {
		color: white;
		background: black;
		text-decoration: none;
	}

	#twitterFriends {
		width: 400px;
		float: left;
		margin: 30px 0 0 40px;
	}

	#twitterFriends .friend {
		position: relative;
		padding: 0 8px 8px 0;
		float: left;
		width: 48px;
		height: 48px;
	}

	#twitterFriends .friend img {
		position: absolute;
	}


/*TYPO__________________________________________
**************************************************/

#info,
#twitter, .later, div.underConstruction { font-family: Trebuchet MS, Georgia; font-size: 12px; line-height: 19px; }

#twitter { color: black; }


h1 { display: inline; font-size: 20px; }

h2 { display: inline; }

h3 { display: inline; font-size: 16px; }

div.later {
}

	div.later.muziek h1 {
		background: #CD0000;
	}

	div.later.muziek h2 {
		background: #E84343;
	}

	div.later.portfolio h1 {
		background: #D0450F;
	}

	div.later.portfolio h2 {
		background: #F07A4B;
	}

	div.later.richard h1 {
		background: #727115;
	}

	div.later.richard h2 {
		background: #B2B134;
	}


/*MENU__________________________________________
**************************************************/
#menu { font-family: Arial; }

	#menu a, #menu a:link, #menu a:visited { text-decoration: none; color: #000000; }
	#menu a:hover { text-decoration: underline; }

	#menu h2 { display: block;  }

	#menu.klein h2 { margin: 0 0 4px 0; font-size: 13px;  text-align: right; }
	#menu.klein a { padding: 0 5px; line-height: 20px; display: inline-block; text-align: right; }

	#menu.groot a { padding: 0 5px; line-height: 38px; }
	#menu.groot h2 { margin: 0 0 10px 0; font-size: 30px; text-align: right; }

	#menu a.richard, #menu a.richard:link, #menu a.richard:visited { background: #000000; color: #ffffff; }
	#menu a.richard:hover { background: #ffffff; color: #000000; text-decoration: none; }

	#menu a.muziek, #menu a.muziek:link, #menu a.muziek:visited { background: #cd0000; color: #ffffff; }
	#menu a.muziek:hover { background: #e84343; color: #000000; text-decoration: none; }

	#menu a.weblog, #menu a.weblog:link, #menu a.weblog:visited { background: #c6629a; color: #ffffff; }
	#menu a.weblog:hover { background: #ee93c6; color: #000000; text-decoration: none; }

	#menu a.twitter, #menu a.twitter:link, #menu a.twitter:visited { background: #252373; color: #ffffff; }
	#menu a.twitter:hover { background: #4a4993; color: #000000; text-decoration: none; }

	#menu a.portfolio, #menu a.portfolio:link, #menu a.portfolio:visited { background: #d0450f; color: #ffffff; }
	#menu a.portfolio:hover { background: #f07a4b; color: #000000; text-decoration: none; }

	#menu a.ditbenik, #menu a.ditbenik:link, #menu a.ditbenik:visited { background: #727115; color: #ffffff; }
	#menu a.ditbenik:hover { background: #b2b134; color: #000000; text-decoration: none; }



/*WEBLOG___________________________________________
**************************************************/
#weblog {
	margin: 40px 0 0 240px;
	position: relative;
}

	#weblog div.post {
		font-family: Trebuchet MS;
		margin: 0 0 10px 0;
		display: block;
		text-align: right;
		width: 760px;
	}

	#weblog img {
		padding: 20px 0 0 0;
	}

	#weblog div.regular div.twitter {
		background: #86c6de url("../images/twitter.jpg") no-repeat top left;
		color: white;
		width: 150px;
		min-height: 100px;
		font-family: Verdana;
		margin: 20px 10px 40px 30px;
		padding: 10px 20px 8px 150px;
		float: left;
	}

	#weblog div.link {
		background: #cecece;
		margin: 40px 10px 0px 10px;
		padding: 5px;
	}

	#weblog div.link .title {
		font-size: 30px;
	}

	#weblog div.link .title, 
	#weblog div.link .title a, 
	#weblog div.link .title a:link, 
	#weblog div.link .title a:visited {
		color: black;
		text-decoration: none;
	}

	#weblog div.link .title a:hover {
		text-decoration: underline;
	}

	#weblog div.video {
		background: black;
		color: white;
		max-width: 525px;
	}

	#weblog div.video div.content {
		text-align: center;
	}

	#weblog div.video div.caption {
		padding: 5px 10px 5px 33px;
	}


	#weblog div.audio {
		background: red;
		padding: 40px 10px 10px 5px;
	}


	#weblog div.photo {
		background: #e223b7;
		margin: 50px 2px 0 1px;
		float: right;
		padding: 10px;
	}

	#weblog div.photo div.content {
		width: 300px;
		position: relative;
		display: block;
		height: 250px;
	}

	#weblog div.photo div.content img {
		position: absolute;

	}


/** WEBLOG (2) **/
	body.weblog table {border-collapse:separate;border-spacing:0;}
	body.weblog caption, body.weblog th, body.weblog td {text-align:left;font-weight:normal;}
	body.weblog table, body.weblog td, body.weblog th {vertical-align:middle;}
	body.weblog a img {border:none;}
	body.weblog {background: #666666 no-repeat scroll;font-size:75%;color:#000;font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
	body.weblog p {margin:0 0 1.5em;}
	body.weblog p img.left {float:left;margin:0 0.5em 0 0;padding:0;}
	body.weblog p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
	body.weblog a:focus, body.weblog a:hover {text-decoration:none;}
	body.weblog a {color:#000;text-decoration:underline;}
	body.weblog blockquote {margin:1em;color:#666;font-style:italic;background-color:#eaeff2;border-left:3px solid #95a0a9;padding-left:.5em;}
	body.weblog strong {font-weight:bold;}
	body.weblog em, body.weblog dfn {font-style:italic;}
	body.weblog pre {margin:1.5em 0;white-space:pre;}
	body.weblog pre, body.weblog code, body.weblog tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
	body.weblog li ul, body.weblog  li ol {margin:0 1.5em;}
	body.weblog ul, body.weblog ol {margin:0 0 1.5em 0;}
	body.weblog ul {list-style-type:none;}
	body.weblog ol {list-style-type:decimal;}			
	body.weblog .container {width:880px;margin:0 auto;}
	body.weblog .clearfix:after, body.weblog .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
	body.weblog .clearfix, body.weblog .container {display:block;}
	body.weblog .clear {clear:both;}
	body.weblog .containment {margin-top:44px;}
	body.weblog .content {width:560px;margin-right:80px;float:left;}


	body.weblog .post {width:500px;padding:20px;margin-bottom:40px;background-color:#cecece;}
	body.weblog .post .caption {font-size:1.1667em;text-align:left;margin-top:1.286em;}
	body.weblog .quote {border-left:20px solid #ed008c;}
	body.weblog .link {border-left:20px solid #00aef0;}
	body.weblog .photo {border-left:20px solid #6cc071;}
	body.weblog .video {border-left:20px solid #a957c8;}
	body.weblog .chat {border-left:20px solid #ff5954}
	body.weblog .audio {border-left:20px solid #f5ee4f}
	body.weblog .text {border-left:20px solid #32bebc}
	body.weblog .text img {
		max-width: 100%;
	}

	body.weblog .quote .quotation {font-family:"Hoefler Text", "Garamond", "Palatino", "Palatino Linotype", serif; background-color:#ffc61f;font-size:2em;}
	body.weblog .post .date {text-align:right;font-size:2em;color:#222;}
	body.weblog .photo {text-align:center;}
	body.weblog .chat li.odd {background-color:#efebe8;border-bottom:1px solid #b7b8b6;}
	body.weblog .chat li.even {border-bottom:1px solid #b7b8b6;}
	body.weblog .chat span.label {font-size:1.1667em;}
	body.weblog .chat .odd span.label {color:#0076a5;}
	body.weblog .chat .even span.label {color:#dd318b;}
	body.weblog .post .permalink {margin-top:1.5em;}
	body.weblog .post .permalink .notes {width:260px;float:left;text-align:left;}
	body.weblog .post .permalink .time-ago {width:180px;float:right;text-align:right;}
	body.weblog .tumblr {background:url('http://static.tumblr.com/rensj7n/fw4kg84xg/more_icons.png') no-repeat -350px 0px; height:45px; width:64px;}
	body.weblog ol.notes {padding:0px;margin:25px 0px;list-style-type:none;border-bottom:solid 1px #ccc;text-align:left;}
	body.weblog ol.notes li.note {border-top:solid 1px #ccc;padding:10px;}
	body.weblog ol.notes li.note img.avatar {vertical-align:-4px;margin-right:10px;width:16px;height:16px;}
	body.weblog ol.notes li.note span.action {font-weight:bold;}
	body.weblog ol.notes li.note .answer_content {font-weight:normal;}
	body.weblog ol.notes li.note blockquote {border-left:2px solid #eee;padding:4px 10px;margin:10px 0px 0px 25px;}
	body.weblog ol.notes li.note blockquote a {text-decoration: none;}
	body.weblog .pagination {width:520px;padding:20px;margin-bottom:20px;background-color:#fff;}
	body.weblog .pagination .previous, body.weblog .pagination .next {text-transform:uppercase;font-weight:bold;font-size:2em;}
	body.weblog .pagination .previous {width:210px;float:left;text-align:left;}
	body.weblog .pagination .count {width:100px;float:left;text-align:center;}
	body.weblog .pagination .next {width:210px;float:left;text-align:right;}
	body.weblog h1, body.weblog h2, body.weblog h3, body.weblog h4, body.weblog .post .date, body.weblog .chat span.label, body.weblog .pagination .previous, body.weblog .pagination .next, body.weblog .navigation #query {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

#tumblr_controls {
	right: 20px !important;
}