body {background: #ca6 url(korkbak2.jpg) 0 0 repeat; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}


/* borders - borrowed from hicksdesign.co.uk */
#te, #le, #re, #be {position: fixed; z-index: 10; background: #433;	display: block;}
#te {height: 10px; left: 0; right: 0;	top: 0;}
#be {height: 10px;left: 0; right: 0;	bottom: 0;}
#le {width: 10px; left: 0; bottom: 0; top: 0;}
#re {width: 10px; top: 0; right: 0; bottom: 0;}


h1 {display: block; width: 138px; height: 142px; overflow: hidden; margin: 15px 7px; text-indent: -5000px; background: transparent url(button.png) 0 0 no-repeat;}

a:link, a:visited {color: #700;}
a:hover {color: #000;}

#info {position: relative; width: 500px; margin: -80px 0 0 21%; padding: 10px 20px 50px; color: #333; background: #eee url(baklapp.jpg) 50% 0 no-repeat; -moz-box-shadow: 3px 3px 10px #333; z-index: 11;}

#info h2 {margin: 19px 0 0;}
#info.hilde {font-size: 1.6em;}
#info p.btw {margin: 65px 0 0; color: #555; font-size: .7em; line-height: 30px;}
#info:hover {-webkit-transform: rotate(.8deg); -moz-transform: rotate(.8deg);}

#twitter {position: absolute; top: 28px; right: 32px; width: 205px; padding: 10px 20px 100px; background: transparent url(twitterbtm.png) bottom right no-repeat; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}
#twitter h4 {display: none;}
#twitter p {line-height: 1.3em;}
#twitter p.swister {font-size: 1.1em;}
#twitter p.date a {font-size: .8em; color: #666;}
#twitter p.btw {margin: 0 0 0 20px;; color: #999; font-size: .7em;}

#flickr {position: absolute; bottom: 60px; left: 40px;}
#flickr h4 a {position: relative; z-index: 5; display: block; height: 237px; width: 240px; text-indent: -5000px; overflow: hidden; background: transparent url(lastflickr.png) 0 0 no-repeat;}
#flickr img {margin-top: -180px; border: 10px solid #fff; -moz-box-shadow: 3px 3px 10px #333; -webkit-box-shadow: 3px 3px 10px #333; box-shadow: 3px 3px 10px #333; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg);}


#music {position: absolute; top: 100px; left: 60%; width: 256px; font-size: .8em; background: transparent url(lastfmtopp.png) top right no-repeat;}
#music h4 {display: none;}
#music ul {list-style: none; margin: 100px 0 0; padding: 0 10px 80px 27px; background: transparent url(lastfmbtm.png) bottom right no-repeat;}
#music ul li {margin: 0; padding: 5px; border-bottom: 1px dotted #bbc;}
#music a:link, #music a:visited {color: #496e8e; text-decoration: none; text-shadow:0 1px 1px #fff;}
#music a:hover {color: #700;}

#construction {position: absolute; bottom: 40px; left: 50%;}
#construction h4, #construction p {display: none;}

#visittkort {position: relative; z-index: 8; width: 360px; height: 200px; position: fixed; bottom: 18px; right: 10px; color: rgba(85,68,68,0.7); text-align: center; font-family: Helvetica, arial, sans-serif; font-weight: bold; font-size: 1em; background: #dddccc url(visittbak.png) 50% bottom no-repeat; -moz-box-shadow: 3px 3px 10px #333; -webkit-box-shadow: 3px 3px 10px #333; box-shadow: 3px 3px 10px #333;}
#visittkort .fn {font-size: 2em; margin: 50px 0 0; text-shadow:0 1px 1px rgba(255, 255, 255, 0.9);}