html,body,h1,h2,h3,ul,ul ul,ol,li,nav,fieldset,blockquote { border:0; margin:0; padding:0; }  body { width:960px; background-color:#B0B0B0; background:url(http://petervermaercke.be/assets/img/paper.jpg) repeat; font:300 1em museo-sans-1,museo-sans-2,"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align:center; margin:1em auto 0; padding:10px; }  header,hgroup { width:800px; margin:1em auto 0; }  h1,h1 a { color:#303030; padding-bottom:20px; font:500 2.1em/1em museo-sans-1,museo-sans-2,"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow:0 1px 1px rgba(255,255,255,1); margin:10px 0 40px; }  h1 { padding-bottom:1em; border-bottom:3px solid #404040; }  h2 { color:#404040; font:300 1.3em/1em museo-sans-1,museo-sans-2,"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow:0 1px 1px rgba(255,255,255,1); }  h3 { font-size:100%; font-weight:400; margin:0; padding:0; }  footer { display:none; width:310px; margin:40px auto 0; padding:0; }  footer > p { color:#404040; text-align:left; font:normal 300 .95em/1.5em museo-slab-1,museo-slab-2,"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow:0 1px 1px rgba(255,255,255,1); margin:0; padding:10px; }  footer p.error { text-align:left; }  a,footer a { color:#404040; text-decoration:none; text-shadow:0 1px 1px rgba(255,255,255,1); }  a:hover,h1 a:hover,footer a:hover { color:#2FB6C9; text-decoration:none; text-shadow:0 1px 1px rgba(255,255,255,1); }  footer a { background-color:rgba(47,182,201,0.7); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 1px; padding:2px 4px; }  footer a:hover { background-color:rgba(48,48,48,0.7); text-shadow:none; }  #content p { padding:10px; }  #flash { cursor:help; margin-left:-10px; }  #ninja { display:none; }  .note { background-color:#E5DF89; }  footer > h3 { font:normal 300 1em/1.5em museo-slab-1,museo-slab-2,"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom:1px solid #A80; text-align:left; margin:0; padding:5px 10px; }  .bold { font-weight:500; text-shadow:0 1px 1px rgba(255,255,255,1); }  .highlight { background-color:rgba(47,182,201,0.8); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }  .tipsy { font:normal 300 .85em/1em museo-slab-1,museo-slab-2,"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url(../img/tipsy.gif); padding:5px; }  .tipsy-inner { background-color:#101010; color:#EEE; max-width:200px; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:5px 8px 4px; }  .tipsy-north { background-position:top center; }  .tipsy-south { background-position:bottom center; }  .tipsy-east { background-position:right center; }  .tipsy-west { background-position:left center; }  .strike { text-decoration:line-through; }  .dropshadow { position:relative; background:#E5DF89; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 60px rgba(0,0,0,0.1) inset; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset; box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset; margin:2em auto 5em; padding:1em; }  .dropshadow:before,.dropshadow:after { content:""; position:absolute; z-index:-2; bottom:15px; left:10px; width:50%; height:20%; }  .dropshadow:after { right:10px; left:auto; }  .round { -moz-border-radius:4px; border-radius:4px; }  .round:before,.round:after { max-width:300px; -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7); -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7); box-shadow:0 15px 10px rgba(0,0,0,0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }  .round:after { -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
