/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* new clearfix */
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

/* Restore some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
p { margin-top:1em; margin-bottom:1em; }

a:link{ color: #d3e8f1; text-decoration: none; }
a:visited{ color: #d3e8f1; text-decoration: none; }
a:active{ color: #d3e8f1; text-decoration: underline; }
a:hover{ color: #d3e8f1; text-decoration: underline; }

html{
	min-height: 100%;
	height: auto;
}

body{
	background: #29a9e0 url('../img/bg.gif') right bottom no-repeat;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size: 16px;
	margin: 0 20px 20px;
	color: #fff;
}

h1{
	font-size: 70px;
	font-family: 'Francois One', Arial Black, Impact, Arial, Helvetica, sans-serif;
	margin: 0;
}

h2{
	font-family: 'Francois One', Arial Black, Impact, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	clear: both;
	margin-top: 1em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

#avatar{
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}