body {
    background:black;
    color:white;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background: url('img/bg.jpg') repeat black;
    background-position: center;
}

a:link {
    color:white;
}

a:visited {
    color:white;
}

.footer {
    position: absolute;
    bottom:0;
    color:#222;
    width:300px;
}

.container {
    height: 256px;
    width: 256px;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

@media (min-width: 550px) {
    .container {
        width: 512px;
        height: 128px;
    }
}

.medialink {
    text-indent: -9999px;  
    float:left;
    border:1px solid white inside;
    width:128px;
    height:128px;
}

.hidden {
    background: no-repeat -9999px -9999px;
    display:block;
    width:1px;
    height:1px;
}

#facebook {
    background-image: url("img/facebook.png");
}

#instagram {
    background-image: url("img/instagram.png");
}

#soundcloud {
    background-image: url("img/soundcloud.png");
}

#twitter {
    background-image: url("img/twitter.png");
}

#facebook:hover {
    background-image: url("img/facebookh.png");
}

#instagram:hover {
    background-image: url("img/instagramh.png");
}

#soundcloud:hover {
    background-image: url("img/soundcloudh.png");
}

#twitter:hover {
    background-image: url("img/twitterh.png");
}

#facebookpreload {
    background-image: url("img/facebookh.png");
}

#instagrampreload {
    background-image: url("img/instagramh.png");
}

#soundcloudpreload {
    background-image: url("img/soundcloudh.png");
}

#twitterpreload {
    background-image: url("img/twitterh.png");
}