html, body {
height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  background: url('../img/bg_loop.jpg') repeat-x top center;
  background-color: #6c575e;
}

#day_one
{
	position:relative;
	width: 880px;
	height: 1976px;
	background-image: url('../img/bg_day1.jpg'); 	
	z-index: 17;
	margin: 0px;
	padding: 0px;
}

#day_two
{
	position:relative;
	width: 880px;
	height: 3058px;
	background-image: url('../img/bg_day2.jpg'); 	
	z-index: 17;
	margin: 0px;
	padding: 0px;
}
#day_three
{
	position:relative;
	width: 880px;
	height: 3058px;
	background-image: url('../img/bg_day3.jpg'); 	
	z-index: 17;
	margin: 0px;
	padding: 0px;
}
#day_four
{
	position:relative;
	width: 880px;
	height: 2709px;
	background-image: url('../img/bg_day4.jpg'); 	
	z-index: 17;
	margin: 0px;
	padding: 0px;
}
#day_five
{
	position:relative;
	width: 880px;
	height: 1647px;
	background-image: url('../img/bg_day5.jpg'); 	
	z-index: 17;
	margin: 0px;
	padding: 0px;
}
#imageviewer
{
	position:relative;
	width: 880px;
	height: 960px;
	background-image: url('../img/bg_image.jpg'); 	
	z-index: 17;
	margin: 0px;
	padding: 0px;
}
#imageviewer_avatar
{
	position:relative;
	width: 880px;
	height: 640px;
	background-image: url('../img/bg_image.jpg'); 	
	z-index: 17;
	margin: 0px;
	padding: 0px;
}

#red_letter
{
display: table;
position:absolute;
top:693px;
left:361px;
width: 460px;
height: 132px;
text-align: left;
vertical-align: top;
}
#blu_letter
{
display: table;
position:absolute;
top:1696px;
left:80px;
width: 455px;
height: 250px;
text-align: left;
vertical-align: top;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}
#download_red_day1_0
{
display: table;
position:relative;
top:717px;
left:180px;
width: 420px;
height: 320px;
text-align: left;
vertical-align: top;
}
#download_red_day1_1
{
display: table;
position:relative;
top:720px;
left:-153px;
width: 420px;
height: 320px;
text-align: left;
vertical-align: top;
}
#download_red_day1_2
{
display: table;
position:relative;
top:729px;
left:185px;
width: 385px;
height: 250px;
text-align: left;
vertical-align: top;
}
#download_red_day1_3
{
display: table;
position:relative;
top:1306px;
left:-190px;
width: 345px;
height: 250px;
text-align: left;
vertical-align: top;
}
#download_red_day1_4
{
display: table;
position:relative;
top:1530px;
left:210px;
width: 345px;
height: 250px;
text-align: left;
vertical-align: top;
}

#download_red_day2_0
{
display: table;
position:relative;
top:717px;
left:180px;
width: 420px;
height: 320px;
text-align: left;
vertical-align: top;
}
#download_red_day2_1
{
display: table;
position:relative;
top:720px;
left:-163px;
width: 400px;
height: 320px;
text-align: left;
vertical-align: top;
}
#download_red_day2_2
{
display: table;
position:relative;
top:729px;
left:215px;
width: 365px;
height: 250px;
text-align: left;
vertical-align: top;
}
#download_red_day2_3
{
display: table;
position:absolute;
top:2299px;
left:74px;
width: 365px;
height: 250px;
text-align: left;
vertical-align: top;
}
#download_red_day2_4
{
display: table;
position:absolute;
top:2664px;
left:498px;
width: 325px;
height: 250px;
text-align: left;
vertical-align: top;
}

#download_red_day3_0
{
display: table;
position:relative;
top:889px;
left:220px;
width: 320px;
height: 320px;
text-align: left;
vertical-align: top;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}
#download_red_day3_1
{
display: table;
position:relative;
top:893px;
left:-153px;
width: 420px;
height: 320px;
text-align: left;
vertical-align: top;
}
#download_red_day3_2
{
display: table;
position:relative;
top:940px;
left:220px;
width: 320px;
height: 250px;
text-align: left;
vertical-align: top;
}
#download_red_day3_3
{
display: table;
position:absolute;
top:2000px;
left:80px;
width: 385px;
height: 250px;
text-align: left;
vertical-align: top;
}
#download_red_day3_4
{
display: table;
position:absolute;
top:2333px;
left:475px;
width: 335px;
height: 250px;
text-align: left;
vertical-align: top;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}

#wallpapers
{
display: table;
position:absolute;
top:1063px;
left:76px;
width: 740px;
height: 200px;
text-align: left;
vertical-align: top;
}

#avatars
{
display: table;
position:absolute;
top:1363px;
left:76px;
width: 740px;
height: 200px;
text-align: left;
vertical-align: top;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}

#image
{
display: table;
position:absolute;
top:330px;
left:76px;
width: 740px;
height: 620px;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}

#downloadtext
{
font-family: arial;
font-size: 16px;
font-weight: normal;
color: #aaaaaa;
text-align: center;
position: absolute;
top: 370px;
left: 160px;
width: 457px;
padding: 32px;
border: .2em dotted #444444;
}
#tf2
{
display: table;
padding: 38px 660px 0px 0px;
}
#controls
{
display: table;
padding: 40px 0px 0px 766px;
}
#controls_first
{
position:relative;
top:176px;
left:368px;
width: 24px;
height: 32px;
}
#controls_second
{
position:relative;
top:176px;
left:368px;
width:48px;
height:32px;
padding:0px;
margin:0px;
}
#credits
{
background: url('../img/credits.jpg');
background-repeat: no-repeat;
width: 880px;
height: 60px;
text-align: left;
color:#444444;
font-size:10px;
font-family: helvetica;
font-weight: normal;

padding: 0px 0px 50px 0px;
}

form
{
width: 1024px;
}

img.imageviewer
{
max-width:740px;
}

img.avatar
{
padding: 2px;
border-width:1px;
border-color:#444444;
width: 75px;
height: 75px;
}

img.avatar:hover
{
padding: 2px;
border-width:1px;
border-color:#dddddd;
width: 75px;
height: 75px;
}
img.aspect
{
padding: 0px;
margin:0px;
border: solid 0px;
border-collapse: collapse;
}

img.replace
{
padding: 4px;
}

img.download
{
padding: 32px 0px 0px 0px;
}

img
{
border: solid 0px;
}

table
{
margin: -2px 0px;
padding: 0;
}

tr
{
margin: 0;
padding: 0;
}

td.valve_logo
{
width: 161px;
height: 60px;
text-align: right;
}

span.credits
{
vertical-align: top;
}

span.signed
{
font-weight:bold;
font-style:italic;
}

span.bold
{
font-weight:bold;
}

span.punchline
{
font-weight:bold;
font-style:italic;
}

span.arrows
{
	font-family: sans-serif;
	font-size:28px;
	text-align:right;
	font-weight:bold;
	color:#faeac9;
}
span.arrows_locked
{
font-family: sans-serif;
font-size: 28px;
text-align: right;
font-weight: bold;
color: #888888;
}

span.arrowseperator
{
	font-family: sans-serif;
	font-size:24px;
	text-align:right;
	font-weight:bold;
	color:#665f52;
}

p.saveinstructions
{
text-align: center;
color: #777777;
}

p
{
font-family: arial;
font-size: 16px;
font-weight: normal;
color: #cccccc;
margin: 0px;
}

a:link.arrow
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:24px;
	text-align:right;
	font-weight:bold;
	color: #faeac9;
}
a:visited.arrow
{
	font-family: sans-serif;
	text-decoration: none;
	text-align:right;
	font-weight:bold;
	color: #faeac9;
}

a:link.mail
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:22px;
	text-align:right;
	font-weight:bold;
	color: #666666;
}
a:visited.mail
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:22px;
	text-align:right;
	font-weight:bold;
	color: #666666;
}
a:hover.mail
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:22px;
	text-align:right;
	font-weight:bold;
	color: #dddddd;
}

a:link.secret
{
	color:#444444;
	font-size:10px;
	font-family: helvetica;
	font-weight: normal;
	text-decoration: none;
}
a:visited.secret
{
	color:#444444;
	font-size:10px;
	font-family: helvetica;
	font-weight: normal;
	text-decoration: none;
}
a:hover.secret
{
	color:#66666;
	font-size:10px;
	font-family: helvetica;
	font-weight: normal;
	text-decoration: none;
}

a:link.downloadinstructions
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color: #aaaaaa;
}
a:hover.downloadinstructions
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color: #666666;
}
a:visited.downloadinstructions
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color: #aaaaaa;
}

a:link.saveinstructions
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color: #666666;
}
a:hover.saveinstructions
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color: #bbbbbb;
}
a:visited.saveinstructions
{
	font-family: sans-serif;
	text-decoration: none;
	font-size:18px;
	text-align:right;
	font-weight:bold;
	color: #666666;
}

table.ax
{
width: 600px;
background-color: #444444;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}
td.ax_image_u
{
width:75px;
height:75px;
background-color: #222222;
border: 2px;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}
td.ax_image_l
{
width:75px;
height:75px;
background-color: #111111;
border: 2px;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}

td.ax_bar_u
{
padding: 10px;
text-align: left;
vertical-align: top;
background-color: #333333;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}
td.ax_bar_l
{
padding: 10px;
text-align: left;
vertical-align: top;
background-color: #222222;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}

td.stats_item
{
padding: 10px;
text-align: left;
vertical-align: center;
width:224px;
height:32px;
background-color: #222222;
border: 2px;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}
td.stats_bar
{
padding: 0px;
text-align: left;
vertical-align: center;
background-color: #333333;
/*
border-style:dotted;
border-width:1px;
border-color:#ff0000;
*/
}

#stats
{
position:relative;
width: 880px;
height: 3440px;
background-image: url('../img/bg_stats.jpg'); 	
z-index: 17;
margin: 0px;
padding: 0px;
}

#ax_tabs
{
position:relative;
left:-56px;
top:-2px;
}

#stats_nr
{
padding: 0px;
border-collapse: collapse;
position:relative;
left:7px;
top:-30px;
height: 0px;
}

span.ax_nr
{
font-family: arial;
font-size: 10px;
font-weight: bold;
color: #999999;
}

span.ax_title_u
{
font-family: arial;
font-size: 16px;
font-weight: bold;
color: #81AD4B;
}
span.ax_title_l
{
font-family: arial;
font-size: 16px;
font-weight: bold;
color: #777777;
}

span.ax_desc_u
{

}
span.ax_desc_l
{
color:#666666;
}

span.stats_item
{
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #bbbbbb;
}
span.stats_nr
{
font-family: arial;
font-size: 16px;
font-weight: bold;
color: #d0c9b0;
}

img.bar
{
padding:5px 3px 0px 0px;
}
img.bar_l
{
padding:5px 0px 0px 0px;
}
img.ax_tab
{
padding:0px 278px 0px 0px;
}

img.stat
{
padding: 0px;
border-collapse: collapse;
}

#mail
{
position:relative;
left:195px;
top:256px;
text-align: left;
}

input.mail
{
background-color: #aaaaaa;
border: 0px;
}

textarea
{
background-color: #aaaaaa;
border: 0px;
}

/*
EASTER EGG YOU NINCOMPOOPS
*/