body {background:url(img/bg.png) repeat center center;margin:0;padding:0;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Calibri,Verdana,sans-serif;overflow:hidden;}
page {display:block;width:800px;margin:0 auto;background:url(img/me.png) no-repeat left 50px;min-height:565px;position:relative;padding-top:150px;}
content {display:block;padding:15px 0;background:#f3f3f3;background:rgba(255,255,255,0.5);width:420px;/*height:295px;*/margin:0 auto;-moz-border-radius:10px;-webkit-border-radius:10px;position:relative;margin-right:45px;margin-left:375px;}
header h1 {font-size:60px;line-height:56px;font-family:"Helvetica Neue";color:#333;margin:0px 0px 7px 0px;letter-spacing:-2px;padding:0 15px;}
header small {color:#BBB;font-size:20px;line-height:18px;font-weight:300;padding:0 18px;margin-top:0;letter-spacing:-1px;display:block;}
header p {color:#999;font-size:18px;font-weight:300;padding:0 18px;margin:0;letter-spacing:-1px;}
header p abbr {font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;font-style:italic;font-size:22px;line-height:19px;vertical-align:-1px;font-weight:normal;}
content .arrow {display:block;height:90px;width:45px;position:absolute;left:-45px;bottom:20px;background:url(img/arrow.png) no-repeat bottom right;}
article {padding:12px 18px;display:block;}
section#where {display:block;clear:both;}
section#where a {background:url(img/icons.png) no-repeat left bottom;width:35px;height:40px;display:block;float:left;margin-right:9px;text-indent:-9999px;position:relative;text-decoration:none;white-space:nowrap;}
section#where a.twitter:hover {background-position:left top;}
section#where a.flickr {background-position:-40px bottom;}
section#where a.flickr:hover {background-position:-40px top;}
section#where a.delicious {background-position:-80px bottom;}
section#where a.delicious:hover {background-position:-80px top;}
section#where a.facebook {background-position:-120px bottom;}
section#where a.facebook:hover {background-position:-120px top;}
section#where a.brightkite {background-position:-160px bottom;}
section#where a.brightkite:hover {background-position:-160px top;}
section#where a.digg {background-position:-200px bottom;margin-right:0;}
section#where a.digg:hover {background-position:-200px top;}
section#where a.lastfm {background-position:-240px bottom;}
section#where a.lastfm:hover {background-position:-240px top;}
section#where a.skitch {background-position:-280px bottom;}
section#where a.skitch:hover {background-position:-280px top;}
section#where a.vimeo {background-position:-320px bottom;}
section#where a.vimeo:hover {background-position:-320px top;}
section#where a.bottles97 {background-position:-360px bottom;}
section#where a.bottles97:hover {background-position:-360px top;}
section#where a.youtube {background-position:-400px bottom;}
section#where a.youtube:hover {background-position:-400px top;}
section#where a.playfire {background-position:-440px bottom;margin-right:0;}
section#where a.playfire:hover {background-position:-440px top;}
section#where a.garrypettet {background-position:-480px bottom;}
section#where a.garrypettet:hover {background-position:-480px top;}
section#where a.xboxlive {background-position:-520px bottom;}
section#where a.xboxlive:hover {background-position:-520px top;}
section#where a.hahlo {background-position:-560px bottom;}
section#where a.hahlo:hover {background-position:-560px top;}
section#where a.lost {background-position:-600px bottom;}
section#where a.lost:hover {background-position:-600px top;}
section#where a.email {background-position:-640px bottom;}
section#where a.email:hover {background-position:-640px top;}
footer {font-size:11px;font-weight:900;color:#DDD;padding:0 18px;display:block;clear:both;}
section:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.bubble {background:rgba(0,0,0,0.8);-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px 10px;text-indent:0;display:block;width:auto;position:absolute;color:#FFF;font-size:0.8em;font-weight:600;display:none;z-index:200;}
/*.bubble:hover {background:rgba(102,204,51,0.7);color:#333;}*/
section#where a[rel=up] .bubble-arrow{display:block;height:10px;width:100%;background:url(img/bubble-arrow.png) no-repeat top center;position:absolute;top:-10px;left:0;}
section#where a[rel=down] .bubble-arrow{display:block;height:10px;width:100%;background:url(img/bubble-arrow.png) no-repeat bottom center;position:absolute;bottom:-10px;left:0;}
