/* Elements */

body
{font-family: Helvetica, Verdana, Arial, sans-serif; background: #220f04 url(images/noise.png); font-size: 62.5%; line-height: 150%;}

h1
{display: block; height: 200px; width: 600px; margin: auto; background: url(images/header.png); text-indent: -10000px;}

h2
{position: absolute; height: 40px; width: 200px; top: -25px; left: -20px; text-indent: -10000px;}

h2.socialnetworks
{background: url(images/label_socialnetworks_sv.png);}

h2.contact
{background: url(images/label_contact_sv.png);}

h2.about
{background: url(images/label_about_sv.png);}

p
{font-size: 1.2em; line-height: 150%; padding: 10px;}

a
{color: #fff;}

/* Round */

.section,#popup,#popup .close
{-moz-border-radius: 10px; -webkit-border-radius: 10px;}

/* Header */

#header
{border-top: 1px solid #ffca15;}

/* Layout */

#wrap
{width: 514px; margin: auto; padding-bottom: 100px;}

#main
{width: 514px; position: relative; float: left; margin-right: 10px; padding-bottom: 50px;}

#sidebar
{width: 200px; float: left;}

#main .section
{width: 514px;}

#sidebar .section
{width: 200px;}

.section
{background: #190b02 url(images/noise.png); float: left; position: relative; margin-top: 35px; color: #fff;}

ul.inline
{padding: 10px 0 0 10px;}

ul.inline li
{display: inline;}

/* Last fm */

#last_fm
{position: fixed; top: 0; right: 0; background: #fff url(images/noise.png); color: #000; border: 2px solid #d8aa10; border-right: 0; border-top: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px;}

#last_fm a
{font-size: 1.1em; background: url(images/icon_eq.gif) center right no-repeat; padding: 5px 21px 5px 10px; display: block; margin-right: 10px; text-decoration: none; color: #000;}

/* Icon */

.icon
{height: 32px; width: 32px; text-indent: -10000px; display: block; float: left; margin-right: 10px; margin-bottom: 10px;}

/* Icons */

.icon.google-profile
{background: url(images/icons/google_32.png);}

.icon.facebook
{background: url(images/icons/facebook_32.png);}

.icon.linkedin
{background: url(images/icons/linkedin_32.png);}

.icon.openid
{background: url(images/icons/openid_32.png);}

.icon.lastfm
{background: url(images/icons/lastfm_32.png);}

.icon.google-wave
{background: url(images/icons/google_wave_32.png);}

.icon.twitter
{background: url(images/icons/twitter_32.png);}

.icon.myspace
{background: url(images/icons/myspace_32.png);}

.icon.youtube
{background: url(images/icons/youtube_32.png);}

.icon.vimeo
{background: url(images/icons/vimeo_32.png);}

.icon.delicious
{background: url(images/icons/delicious_32.png);}

.icon.flickr
{background: url(images/icons/flickr_32.png);}

.icon.deviantart
{background: url(images/icons/deviantart_32.png);}

.icon.digg
{background: url(images/icons/digg_32.png);}

.icon.mail
{background: url(images/icons/email_32.png);}

.icon.windows
{background: url(images/icons/windows_32.png);}

.icon.aim
{background: url(images/icons/aim_32.png);}

.icon.google-talk
{background: url(images/icons/googletalk_32.png);}

.icon.skype
{background: url(images/icons/skype_32.png);}

.icon.google-voice
{background: url(images/icons/google_voice_32.png);}

.icon.yahoo
{background: url(images/icons/yahoo_32.png);}

/* Clear */

.clear
{clear: both;}

/* Popup */

#popup
{width: 200px; border: 1px solid #777; background: #6a523b url(images/noise.png); padding: 10px; color: #fff; position: absolute; top: -30px; left: 178px; display: none; font-size: 1.2em; z-index: 2;}

#popup span, #popup .close
{display: block;}

#popup .close
{background: #c06c4e url(images/popup_close.png); height: 20px; width: 20px; position: absolute; top: -5px; right: -5px; border: 1px solid #999;}

#popup .close:hover
{background-image: url(images/popup_close_hover.png);}

#popup span b
{font-weight: bold; display: block; border-bottom: 1px solid #fff; margin-bottom: 5px; padding-bottom: 5px;}

/* Tooltip */

#tooltip
{padding: 5px; background: #000; color: #fff; opacity: 0.8; position: absolute; top: -1000px; left: -10000px; z-index: 2; display: none; font-size: 1.2em;}