/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---      CSS RESET      --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	color: #666666;
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 100.01%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 0;
	}

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
	}

textarea {
	border: 0;
	color: #808080;
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 100.01%;
	overflow: auto;
	}
	
input[type="text"], input[type="password"], input[type="submit"] {
	border: 0;
	color: #808080;
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 100.01%;
	margin: 0;
	outline: none;
	padding: 0;
	}
	

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---         BUILD       --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


body {
	background: #cee3d2 url('../_images/bg.gif') repeat-x 0 0;
	display: block;
	}
	
#wrapper {
	margin: 30px auto;
	width: 960px;
	}
	

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---         FONT        --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


a, a:visited {
	border-bottom: 1px #657c85 dotted;
	color: #657c85;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	border-bottom-style: solid;
	}
	
h1, h2, h3, h4, h5, h6 {
	color: #535353;
	font-weight: bold;
	margin-bottom: 6px;
	}
	
h1 {
	font-size: 19px;
	}
	
h2 {
	font-size: 18px;
	}
	
h3 {
	font-size: 17px;
	}
	
h4 {
	font-size: 16px;
	}
	
h5 {
	font-size: 15px;
	}
	
h6 {
	font-size: 14px;
	}
	
p {
	font-size: 13px;
	letter-spacing: -0.02em;
	line-height: 1.3em;
	}
		

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---         LOGO        --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


#logo {
	background: url('../_images/sprite.png') no-repeat 0 0;
	height: 59px;
	margin: 40px auto 20px;
	width: 346px;
	}
	
#logo a, #logo a:visited, #logo a:hover {
	border: 0;
	cursor: pointer;
	display: block;
	height: 59px;
	width: 346px;
	}
		

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---       USERNAME      --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


#username {
	background: url('../_images/black.png') repeat 0 0;
	padding: 20px 0;
	width: 100%;
	}
	
#username .container {
	margin: 0 auto;
	overflow: hidden;
	width: 468px;
	}
	
#username .container .title {
	background: url('../_images/sprite.png') no-repeat 0 -65px;
	height: 19px;
	margin: 0 auto 8px;
	width: 333px;
	}
	
#username .container .border {
	background: url('../_images/sprite.png') no-repeat 0 -90px;
	height: 63px;
	overflow: hidden;
	padding: 13px 3px 3px 3px;
	}
	
#username .container .border .input {
	background: url('../_images/sprite.png') no-repeat 0 -173px;
	float: left;
	height: 61px;
	position: relative;
	width: 398px;
	}
	
#username .container .border .input .loader {
	background: url('../_images/loader.gif') no-repeat 0 0;
	height: 11px;
	margin: 25px 20px 0px 0px;
	position: absolute;
	right: 0;
	width: 16px;
	z-index: 99;
	}
	
#username .container .border .input input {
	background: none;
	font-size: 25px;
	font-weight: bold;
	height: 31px;
	padding: 15px 0;
	text-align: center;
	width: 398px;
	}
	
#username .container .border .button {
	float: right;
	height: 61px;
	width: 61px;
	}
	
#username .container .border .button input {
	background: url('../_images/sprite.png') no-repeat -407px -173px;
	cursor: pointer;
	float: right;
	height: 61px;
	width: 61px;
	}
	
#username .container .border .button input:hover {
	background-position: -407px -238px;
	}
	
#username .container .timezone {
	background: url('../_images/sprite.png') no-repeat 0 -305px;
	height: 23px;
	margin-top: 3px;
	padding: 1px 0 2px;
	}
	
#username .container .timezone label {
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;
	margin-left: 92px;
	}
	
#username .container .timezone select {
	float: left;
	margin: 2px 0 0 3px;
	}
		

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---        RESULTS      --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


#results {
	margin: 20px auto 0;
	width: 468px;
	}
	
#results .title {
	background: url('../_images/sprite.png') no-repeat 0 -305px;
	height: 25px;
	}
	
#results .title p {
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	margin-left: 8px;
	}
	
#results .title .tweet-this {
	background: url('../_images/sprite.png') no-repeat -55px -240px;
	float: right;
	height: 21px;
	margin: 2px 2px 2px 0;
	width: 88px;
	}
	
#results .title .tweet-this a, #results .title .tweet-this a:visited, #results .title .tweet-this a:hover {
	border: 0;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 88px;
	}
	
#results ul li {
	background: url('../_images/sprite.png') no-repeat 0 -337px;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	margin-top: 4px;
	text-align: center;
	}
	
#results ul li.best {
	background-position: 0 -368px;
	font-size: 22px;
	font-weight: bold;
	height: 52px;
	line-height: 52px;
	position: relative;
	}
	
#results ul li.best span {
	background: url('../_images/sprite.png') no-repeat 0 -238px;
	display: inline-block;
	height: 21px;
	margin-right: 5px;
	width: 50px;
	}
		

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---        ADVERT       --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


#advert {
	clear: both;
	margin: 34px auto 0;
	width: 468px;
	}
	
#advert a, #advert a:visited, #advert a:hover {
	border: 0;
	}
		

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---        FOOTER       --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


#footer {
	margin: 20px auto;
	width: 468px;
	}
	
#footer p {
	font-size: 10px;
	text-align: center;
	}