* { padding: 0; margin: 0; }

html, body { height: 100%; }

body { background: #000 url(../img/bg.jpg) no-repeat left center; }

a {
	display: block;
	width: 80px;
	height: 44px;
	line-height: 44px;
	text-indent: -999em;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0 20px;
	padding-top: 80px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: white;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	outline: none;
}

a:hover {
	background-color: rgba(255, 255, 255, 0.3);
	text-indent: 0;
}

a:active {
	background-color: rgba(255, 255, 255, 0.5);
}

ul {
	width: 600px;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	top: 50%;
	margin-top: -32px;
	list-style: none;
}

li { float: left; }

a.flickr { background-image: url(../img/logo_flickr.png); }
a.facebook { background-image: url(../img/logo_facebook.png); }
a.lastfm { background-image: url(../img/logo_lastfm.png); }
a.linkedin { background-image: url(../img/logo_linkedin.png); }
a.twitter { background-image: url(../img/logo_twitter.png); }