/* reset */
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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}
ol,ul {list-style:none}

body {font-family:arial; /* background:url(images/back.jpg) 0 30px */}

a:focus {outline:0}
#page {width: 830px; margin:20px auto}
h1 {margin:0 0 20px 220px; font-family:Garamond; font-size:60px; font-style:italic; color:#fff}

#left {float:left; width:200px}
#left img {width:200px}

#right {float:right; width:630px; padding:30px 0 100px; background:#fff}

#menu {float:left; width:45%; margin:20px 0 20px 20px; padding:5px 0; border:2px solid #777; border-left:0; border-right:0;}
#menu a {margin:0 10px; font-family:georgia; font:30px; font-weight:bold; color:#666; text-decoration:none}

#placeholder {background: url(images/loader.gif) center center no-repeat; display:block; padding-top:170px; text-align:center; font-weight:700}

.twitter img {margin-left:100px}

.tube {display:block; clear:both; overflow:hidden; margin:20px 50px 20px 0; padding-left:100px; background:url(images/logo-twittube.png) no-repeat 45px 20px; font-size:12px}
.tube .comment {padding:15px 10px; background:#333; color:#fff}
.tube .video {text-align:center}
.tube .video a {display:block; padding:120px 185px}

.testi {width:480px; height:360px; color:#fff}
.testi a {display:block; height:310px; text-decoration:none;}
.testi span {display:block; padding:10px; color:#fff; font-size:24px; background:#000; opacity:0.6;}

.tweet {padding:15px 30px 15px 100px; text-align:left; background: url(images/logo-twitter.png) no-repeat 40px 30px; font:14px 'Lucida Grande',sans-serif}
.tweet a {text-decoration:none; color:#0084B4}
.tweet .permalink {display:block; margin-top:5px; color:#999; font-size:11px; text-decoration:none}

.film {margin: 15px 30px 15px 0px; padding-left:100px; background:url(images/logo-oog.png) no-repeat 40px 20px; font:14px 'Lucida Grande',sans-serif; line-height:150%; color:#666}
.film .titel {margin:10px 0 5px; font-weight:700}
.film a {font-size:10px}
.film_yt {float:right; margin:20px 0px 10px 10px; border:1px solid #000}
.film_yt img {padding:35px 50px;}

.drop {margin:15px 30px 15px 0; padding-left:100px; background:url(images/link-logo.png) no-repeat 65px 10px; font:12px 'Lucida Grande',sans-serif}
.drop a {text-decoration:none; line-height:150%}
.drop .permalink {display:block; color:#999; font-size:11px; text-decoration:none}

.lfm-loved {margin:15px 30px 15px 0; padding-left:100px; background:url(images/logo-lastfm.png) no-repeat 45px 5px; font-size:12px}
.lfm-loved .date {color:#999; font-size:11px; text-decoration:none}
.lfm-loved a {text-decoration:none; color: #0187C5}

.top {margin:50px 0 0 280px}

/* NIEUW */

body {font: 12px verdana;}
#top {padding: 10px 30px; text-transform:uppercase; color:#999; background:#000;}

#info {background:#fff; width:65%; margin:5% auto 0; overflow:auto; padding:10px;}
#info img {float:left; margin-right:10px; }
#info p {margin: 0 0 10px; font-size:11px; line-height:130%}

#top {width:65%; margin:5% auto 0; font:700 19px garamond; color:#fff}
#bio h1 {font-size:30px; color:#000; margin:0 0 10px}
#bio {width:65%; margin:10px auto 0; overflow:hidden}
#bio img {float:left; margin-right:10px; }
#bio p {margin: 0 0 10px; font-size:11px; line-height:130%}