/* 
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");
@import url("http://fonts.googleapis.com/css?family=Maven+Pro:regular,bold");

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

body{ background: url(images/guifm11bg.jpg) black top center; color: #777;
	font-family: 'Maven Pro',"Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 13px; }

a{text-decoration:none;}

.left{
	background: url("http://gui.fm/blog/wp-content/uploads/2011/06/0001triang.png") no-repeat scroll 100% 0 transparent;
    color: #D5D5D5;
    display: block;
    font-size: 20px;
    font-weight: normal;
    height: 255px;
    left: 5%;
    padding: 202px 0 0 100px;
    position: absolute;
    text-shadow: 0 1px 0 #000000;
    top: 20%;
    width: 255px;
}

.left ul{
	display: block;
}
.left ul li{
	float: left;
	margin-right: 7px;
	text-shadow:0 1px 0 #7c1353;
	font-size: 14px;
}
.left a{ color: #ff009c;}

.top{position: absolute; top: 1%; left: 50%; width: 480px; margin-left:-240px; 
	text-align: center;}
.top li{float: left; margin-right: 9px; text-shadow:0 1px 0 #8A2BE2;}

.top a{color: #87CEFA;}


.bottom{ position: absolute; bottom: 1%; left: 50%; width: 400px; margin-left: -200px; text-align: center; color: white;}
.bottom a{color: white;}