/* Fengardo by Akalollip - L¨c Sander -> http://www.akalollip.com/blog/?p=1935 */


@font-face {
	font-family: "FengardoSC";
	src: url("webfonts/eot/fengardo.eot");
	src: local("☺"),
		url("webfonts/woff/fengardo.woff") format("woff"),
		url("webfonts/svg/fengardo.svg") format("svg"),
		url("webfonts/datacss/fengardo.ttf") format("truetype");
}

/*
@font-face {
	font-family: "Fengardo";
	src: url("webfonts/eot/fengardo_black.eot");
	src: local("☺"),
		url("webfonts/woff/fengardo_black.woff") format("woff"),
		url("webfonts/svg/fengardo_black.svg") format("svg"),
		url("webfonts/datacss/fengardo_black.otf") format("opentype");
}
*/

body {
	background: #181818 url(img/bg.png) repeat;
	color: #a4a4a4;
	font-size: 1em;
	font-family: "FengardoSC", sans-serif;
	width: 400px;
	margin: 130px auto 60px;
	text-align: center;
}

a:link, a:visited {
	text-decoration: none;
	color: inherit;
}

a:hover {
	color: #fff;
}

h1 {
	text-indent: -9999em;
	background: url(img/sprites.png) no-repeat center -44px;
	font-size: 5em;
	font-family: Fengardo;
	margin: 0;
}

p {
	font-size: 0.8em;
	text-shadow: #000 0 2px;
	text-transform: lowercase;
	line-height: 1.5em;
}

p strong {
	font-weight: normal;
	color: #ffffff;
}

p.desc {
	display: block;
	color: #fff;
	clear: both;
	padding-top: 15px;
}

a.lang {
	position: fixed;
	display: block;
	padding: 8px 6px 6px; 
	top: 0px;
	text-transform: lowercase;
	right: 25px;
	background: #101010;
}

a.lang:hover {
	padding-top: 11px;
}

a.lang:active {
	position: fixed;
	bottom: auto;
}

/* logos */

ul {
	margin-top: 60px;
	display: block;
	list-style: none;
}

li {
	display: inline;
}

a.link {
	display: block;
	background-image: url(img/sprites.png);
	background-repeat: no-repeat;
	line-height: 24px;
	text-align: center;
	text-indent: -99999em;
	height: 44px;
	
	float: left;
	margin-left: 25px;
}

a:active {
	position: relative;
	bottom: -2px;
}

a.link_zoo {
	width: 23px;
	background-position: -47px 0 !important;
}

a.link_twitter {
	width: 30px;
	background-position: -72px 0 !important;
}

a.link_in {
	width: 30px;
	background-position: -136px 0 !important;
}

a.link_lastfm {
	width: 30px;
	background-position: -103px 0 !important;
}

a.link_dpx {
	width: 44px;
	background-position: 0 0 !important;
}