/* 
 * Copyright 2010, Niko Knappe
 * Free to use and abuse under a Creative Commons Attribution-Share Alike 3.0 Unported License
 * http://creativecommons.org/licenses/by-sa/3.0/
*/

/*** GENERAL ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
body{font:normal 13px/1.6 "Lucida Grande",Helvetica,Arial,sans-serif;color:#333;text-align:center;background:#fff;}
img{border:none; display:block;}

a{color:#333;text-decoration:none;margin:0;padding:1px 0;border-bottom:2px solid #F9E532;}
#content a:hover, #sidebar a:hover, #contentw p a:hover{text-decoration:none;background:#FFF6A6;color:#333;margin:-3px -4px;padding:4px;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#content a.img:hover {background:#f0f;margin:0;padding:0;border:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
p, #content img{padding:10px 0;margin:0;}

h1,h2,h3 {font-weight:normal;padding:15px 0 0 0;font-family:Georgia,"Lucida Grande",Helvetica,sans-serif;}
h1 {font-size:21px;padding:0;}
h2 {font-size:22px;}
h3 {font-size:17px;padding:20px 0 0 0;}
hr {margin:0 10px 20px -5px;border:none;background:url('images/hr.gif') repeat-x;height:1px; opacity:0.2;}

/*** ID'S ***/
#wrap {width:810px;margin:0 auto;text-align:left;}
#header {margin:40px 0 40px -5px;}
#content {margin:0 300px 0 0;}
#contentw {margin:0 0 0 -5px;padding:15px 0 0 0;}
#sidebar {float:right;width:200px;margin:0 20px 0 0;}
#footer {margin:60px 0 20px 15px;color:#bbb;font-size:11px;}
#footer a{color:#aaa;text-align:center;border:none;}

/*** HEADER ***/
h1 {width:200px;}
h1 a, h1 a:hover {margin:0;padding:0;border:none;background:none;}
h1 span {color:#F9E532;letter-spacing:4px;}
#menu {float:right;margin:6px 20px 0 0;padding:0;font-size:14px;}
#menu li {padding:0 6px;display:inline;list-style-type:none;}
#menu li a{padding:4px;}
#menu li.selected a,#menu li a:hover{background:#FFF6A6;color:#333;margin:0;padding:4px;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

/*** WORKS PAGE ***/
.work{float:left;margin:0 15px 15px 0;text-align:center;}
.work h2 {font-size:16px;padding:4px 0 0 0;}
.work p {font-size:12px;padding:0;margin:-5px 0 0 0;}
.work .bor{border:1px solid #fafafa;padding:0;margin:0;}
.work img {padding:6px;margin:0;border:1px solid #f0f0f0;}
.work a {padding:0;margin:0;}
.work img:hover{border:1px solid #FFF6A6;background:#FFF9B6;}

/*** OTHER ***/
ul {padding:5px 0 0 20px;}
li {color:#ccc;line-height:1.6;}
li span{color:#333;}
em, .y {color:#E5D400;}
sub, sup {font-size:43px;position:relative;}
sup{bottom:-10px;}
sub{top:-10px;}
.profpic {float:right;margin:-4px 10px 5px 20px;}
.disabled {opacity:0.4;}
.detailed {display:none;}
p.clear{clear:both;margin:0;padding:0;}

#worknavi {margin:20px 0;font-weight:bold;}
#worknavi a{border:none;text-decoration:none;background:#eee;color:#333;margin:0;padding:6px 8px;border:none; -moz-border-radius:4px; -webkit-border-radius:4px;}
#worknavi a:hover{background:#FFF6A6;margin:0;padding:6px 8px;}
#worknavi span{font-size:11px;}