/* Typography - Garuda is a verdana substitute for Linux users
-------------------------------------------------------------- */
body { font-size:62.5%; line-height:normal; color:#333; background: #fff;}
/* font must also be set for the form elements in order to work correctly */
body, input, select, textarea { font-family: Verdana, Arial, Helvetica, Garuda, Sans-serif; }

h1,h2,h3,h4,h5,h6 { color:#222;}
h1 { font-size:3.2em; }
h2 { font-size:2em; margin-bottom: 0.5em;}
h3 { font-size:1.6em; margin-bottom:0.2em;}
h4, h5, h6 { font-size:1.2em; }

p      { font-size:1em; margin:0 0 1em; }
p.last { margin-bottom:0; }

a {color:#81c8ec;}
a:hover {color:#f4aa07;}
a.pdf {background: url('../img/pdf.gif') no-repeat 0 5px; font-size: 1.8em; left: 100px; bottom:0; padding-left: 25px; position:absolute; text-decoration:none;}

/* HTML horizontal hr
-------------------------------------------------------------- */
div.hr { height:1px; margin:0 0 5px; background:url('') repeat-x 0 0; }
	div.hr hr { display:none; }
  

/* Tables en definition lists
-------------------------------------------------------------- */
table   { margin-bottom:1em; }
th      {  font-weight:bold; }
tr      { border-bottom: 1px solid #ddd;}
th,td   { padding:4px 0px 4px 0; }
td 		{ padding-left: 20px;}
caption { background:#ffc; }

dl {font-size:1.2em; line-height:2em; width: 250px;}
dt {float:left; width: 120px;}
dd {float:left;}

/* content 
-------------------------------------------------------------- */
.content .left-column {float:left; width: 280px;}
.content .left-column.cv {padding-top: 50px; width: 295px;}
.content .right-column {float:left;}

.content .right-column .image {float:left; width: 230px;}
.content .right-column .thumbs {height: 328px; width: 60px; margin-left: 5px; float:right; }
	.content .right-column .thumbs img {margin:0 0 1px 0; float:left;}
	.content .right-column ul.thumbs {list-style-type: none;}
	.tabs {width: 295px; position:absolute;}
	
	.playlist {height: 375px; overflow:auto; width: 550px; float:left;}
		.playlist span {color: #f4aa07;}

#aside .credits {position: absolute; bottom: 0; font-size: 1.1em;}
	#aside .credits ul {margin-bottom: 1em;}
	#aside .credits ul li {list-style-type: none;}