body {
color: #333;
font-family:"Trebuchet MS", sans-serif;
font-size: 14px;
line-height: 1.3;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;padding: 0;text-indent: 0;}
ol,ul {list-style: none;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

h1 {line-height: 1;}

h2 {
color: #039;
font-size: 16px;
}

#header a {
color: #039;
text-decoration: none;
}

#header p.back_home {
text-align: center;
}

img {border: none;}

.small_print {font-size: 12px;}

#wrapper {
margin: 0 auto;
padding: 16px;
position: relative;
width: 972px;
}

.section {
overflow: hidden;
width: 100%;
}

.left_col {
float: left;
margin: 0 35px 0 0;
width: 232px;
}

.center_col {
float: left;
width: 490px;
}

.right_col {
float: right;
height: 332px;
margin: 0;
width: 197px;
}

.left_col h2,
.center_col h2{
background-position: 0 -916px;
padding: 6px 10px;
height: 23px;
width:212px;
}

.center_col h2{
background-position: 0 -872px;
padding: 6px 10px;
height: 23px;
width: 478px;
}

#appstore_link,
.left_col h2,
.center_col h2,
#page_top .center_col,
.closing,
#load_video,
#blog_link,
#facebook_group_it{
background-color: transparent;
background-image: url('../img/fridge_web_sprite.png');
background-repeat: no-repeat;
}

.left_col > div {
margin-top:8px;
padding: 16px 16px 32px;
position: relative;
}

#page_top .left_col > div{
background-position: 0 -360px;
}

#page_top .left_col > div p{margin-bottom: 8px;}

#twitter > div{
background-position: 0 -360px;
padding: 16px 0 30px;
}

#twitter > div .closing,
#page_top .left_col > div .closing{
background-position: 0 -832px;
}

#page_top .center_col {
background-position: -408px 0;
height: 332px;
}

#load_video {
background-position: -26px -85px;
display: block;
height:162px;
width: 150px;
text-indent: -9999px;
}

#appstore_link {
background-position: 0 0;
display: block;
height: 65px;
margin: 16px auto;
width: 200px;
}

#secondary_content {
margin-top: 32px;
overflow: visible;
}

#secondary_content #chart {
margin-top: -300px;
}

.center_col {
position: relative;
}

.center_col > div {
padding: 27px 16px 16px;
position: relative;
margin-top: 8px;
min-height: 300px;
}

.center_col .closing {
background-position: -236px -832px;
}

#secondary_content .right_col {
background-position: -728px -360px;
}

.closing {
position: absolute;
bottom: 0;
left: 0;
height: 30px;
width:100%;
}

#credits li {height: 40px;position: relative;}
#credits img {
left: 175px;
top: 0;
position: absolute;
}

#credits img#ootb_logo {
top: -27px;
}

h4 + p {margin: 0 0 20px 0;}

#links {
margin: 20px 0 20px 0;
}

#links li{
height: 30px;
}

#about {
clear: left;
}

#about_bg {
background-position: -100px -77px;
height: 122px;
position: absolute;
width: 100px;
}

#chart {
float: left;
position: relative;
width: 250px;
}

#chart h2 {
width: 650px;
}

#chart ul {
overflow: hidden;
margin: 16px 0 0 0;
padding:8px;
width: 100%;
}

#chart li {
background: transparent url('../img/fridge_web_sprite.png');
float: left;
margin: 0 20px 12px 0;
position: relative;
width: 100px;
height: 100px;
}

#chart li a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right:0;
}

#chart li#l1 {
background-position: -252px -360px;
}

#chart li#l2 {
background-position: -363px -360px;
}

#chart li#l3 {
background-position: -474px -360px;
}

#chart li#l4 {
background-position: -588px -360px;
}

#chart li#l5 {
background-position: -252px -468px;
}

#chart li#l6 {
background-position: -363px -468px;
}

#chart li#l7 {
background-position: -474px -468px;
}

#chart li#l8 {
background-position: -588px -468px;
}

#chart li#l9 {
background-position: -252px -578px;
}

#chart li#l10 {
background-position: -362px -578px;
}

#chart li#l11 {
background-position: -474px -578px;
}

#charts {
float: left;
margin-top: -240px;
position: relative;
width: 400px;
}

#charts table{
margin-top: 20px;
text-align: left;
width: 100%;
}

#charts table tr.top td {
background-color: #F8C486;
}

#charts th.position {
width: 10%;
}

#charts th.user {
width: 60%;
}

#charts th.time {
width: 30%;
}

#charts th,
#charts td {
background-color: #FFFFED;
height: 30px;
padding: 8px;
}

#charts td.position {
text-align: right;
}

#charts td {
border-bottom: 1px solid #032;
}

.faded {
opacity: 0.4;
filter: alpha(opacity=40);
}

#charts div {
display: none;
position: absolute;
top: 0;
left:0;
width: 100%;
}

#blog_link {
background-position: -724px -669px;
color: #039;
display: block;
height: 105px;
margin-top: 20px;
text-indent: -9999px;
width: 180px;
}

#facebook_group_it {
background-position: -732px -498px;
display: block;
height: 156px;
-moz-outline: none!important;
text-indent: -9999px;
width: 197px;
}