@import url("reset.css");

html, body {
height: 100%;
}

body {
background: #000 url(../images/body.jpg) no-repeat 50% 50%;
background-size: 150%;
line-height: 60px;
}

body, a {
color: #fff;
}

a {
text-decoration: none;
}

#wrapper {
text-align: center;
width: 960px;
height: 212px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -480px;
margin-top: -106px;
}

h1, h2, ul#social a {
display: block;
text-indent: -99999px;
}

h1 {
width: 960px;
height: 90px;
background: transparent url(../images/heading.png) no-repeat 0 0;
margin-bottom: 30px;
}

h2 {
width: 960px;
height: 40px;
background: transparent url(../images/subheading.png) no-repeat 0 0;
margin-bottom: 20px;
}

ul#social {
width: 140px;
height: 40px;
margin: 0 auto;
}

ul#social li {
display: inline;
float: left;
}

a#facebook, a#twitter, a#lastfm {
width: 40px;
height: 40px;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
}

a#facebook, a#twitter {
margin-right: 10px;
}

a#facebook { 
background-image: url(../images/social-facebook.png);
}

a#twitter { 
background-image: url(../images/social-twitter.png);
}

a#lastfm { 
background-image: url(../images/social-lastfm.png);
}