/*

	www.aurelien-mahot.com
	
*/

/* Basics
------------------------------ */
html {
	/* Moz */
	height: 100%;
}

/* Main Layout
------------------------------ */
body {
	background: #EEEEEE;
	margin: 0px;
	text-align: center;
}
#header, #sort {
	margin: 0 auto;
	padding: 10px 0px 10px;
	width: 900px;
	font-size: 110%;
	background: #8dd4e9;
	text-align: right;
	clear: both;
}
#header a, #sort a {
	text-decoration: none;
	color: #ffffff;
}
#header a:hover, #sort a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}
#header_stages, #sort {
	margin: 0 auto;
	padding: 10px 0px 10px;
	width: 900px;
	font-size: 110%;
	background: #8dd4e9;
	text-align: right;
	clear: both;
}
#header_stages a, #sort a {
	text-decoration: none;
	color: #ffffff;
}
#header_stages a:hover, #sort a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}
#footer, #sort {
	margin: 0 auto;
	width: 850px;
	font-size: 85%;
	color: #626469;
	text-align: right;
	clear: both;
}
#footer a, #sort a {
	text-decoration: none;
	color: #626469;
}
#footer a:hover, #sort a:hover {
	color: #626469;
	border-bottom: 1px solid #626469;
	text-decoration: none;
}
/* Link Styles
------------------------------ */
a:link, a:active, a:visited { text-decoration: underline; color: #9fa0a3; }
a:hover, a:focus { text-decoration: underline; color: #9fa0a3; }

/* Text Styles
------------------------------ */
body {
	font: normal 70%/150% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ACACAC;
}