/* 
Name: Gui.fm StyleSheet! :3
Author: Guilherme Albuquerque
Author URI: http://gui.fm/

CSS3 + HTML5 !
You can use as a reference, but please, don't just copy! Ç_Ç Hours was spent on it.
Thanks!
-----------------------------------------------------------*/

/* CSS3 Document */

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("reset.css");


/* Site CSS starts!
-----------------------------------------------------------*/

body{ background: url(images/bigbg.jpg)  black; color: #777;
	font-family: Helvetica, Arial, Geneva, sans; }

/**
#content { margin: 5% auto 0; border: 1px solid #b13300; width: 900px; 
	min-height: 400px; background-color: rgba(0,0,0,0.3); padding: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6); box-shadow: 0 0 5px rgba(0,0,0,0.6);
	}
**/


#main{
	position: absolute; left: 0; top: 45%; width: 99.99%;
}

.title{
	background: url(images/ban.png) no-repeat left #da1853;
	width: 99.99%; height: 57px; text-indent: -900%; display: block; }

ul{ width: 99,9%; height: 37px; display:block; text-align:right; padding-left: 21px; padding-top: 5px; }

li{ color: white; padding: 4px 0; font-size:20px; float:left; display: block; }

a{ color: rgba(0,0,0,0); font-size: 1px; text-decoration:none; display: block; text-indent: -900%; height: 37px; }

a:hover{ text-decoration:none;}

.port{ background: url(images/port.png) no-repeat; width: 148px; }
.twitter{ background: url(images/twitter.png) no-repeat; width: 113px; }
.flickr{ background: url(images/flickr.png) no-repeat; width: 90px; }
.tumblr{ background: url(images/tumblr.png) no-repeat; width: 123px; }
.music{ background: url(images/music.png) no-repeat; width: 115px; }
.lastfm{ background: url(images/lastfm.png) no-repeat; width: 117px; }
.info{ background: url(images/info.png) no-repeat; width: 78px; }