body {
background: #18120c;
font-size: 0.7em;
font-family: Verdana, Arial;
color: #fff;
}

* {
font-size: 1em;
margin: 0;
padding: 0;
}

a {
color: #fffa54;
}

#container {
width: 664px;
background: url('bg.gif') repeat-y;
margin: 0 auto;
padding: 0 18px;
}

h2 {
background: url('h2.gif') no-repeat;
height: 26px;
line-height: 26px;
color: #fffa54;
text-indent: 16px;
text-transform: uppercase;
clear: both;
}

a img {
border: 0;
}

/******************************************
*******          HEADER                             *********
******************************************/

#header {
background: url('header.html') no-repeat;
height: 202px;
}

#header h1 a {
display: block;
height: 166px;
}

#header h1 a span { display: none; }

#header ul {
height: 21px;
line-height: 21px;
list-style: none;
}

#header ul li {
float: left;
padding: 0 10px;
}

#header ul li a {
width: 34px;
display: block;
height: 21px;
float: left;
padding: 0 0 0 19px;
text-decoration: none;
color: #bca236;
text-transform: uppercase;
background: url('nav.jpg') no-repeat;
font-size: 0.8em;
letter-spacing: -1px;
font-family: Arial;
}

/******************************************
*******          MAIN                                 *********
******************************************/

#main {
width: 463px;
float: right;
overflow: hidden;
}

h3 {
background: url('h3.gif') no-repeat;
color: #a09f9f;
height: 20px;
line-height: 20px;
text-transform: uppercase;
text-indent: 3px;
font-size: 0.9em;
top: -1px;
position: relative;
}

p {
padding: 5px 6px 13px 6px;
}

/******************************************
*******          SIDEBAR                            *********
******************************************/

#sidebar {
width: 200px;
overflow: hidden;
float: left;
}

#affiliates a {
display: block;
width: 88px;
height: 31px;
overflow: hidden;
float: left;
padding: 4px 6px 5px 5px;
}

#sidebar ul {
padding: 2px 6px 2px 5px;
list-style: none;
}

#sidebar ul li {
background: url('matches.gif') repeat-x bottom;
padding: 4px 0;
font-weight: bold;
color: #bfbfbf;
font-size: 0.9em;
letter-spacing: -1px;
}

#sidebar ul li span {
float: right;
letter-spacing: 0;
}

#sidebar ul li#total {
text-align: right;
color: #fff;
background: none;
}

#sidebar ul li#total span {
float: left;
}

#sidebar ul li#total span.win, #sidebar ul li#total span.lose, #sidebar ul li#total span.draw {
float: none;
}

.win { color: #7bff06; }
.lose { color: #ff0000; }
.draw { color: #fff; }

/******************************************
*******          FOOTER                              *********
******************************************/

#footer {
clear: both;
height: 34px;
line-height: 34px;
background: url('footer.gif') repeat-x;
}

#footer a {
color: #8d7f5c;
display: block;
text-transform: uppercase;
text-align: right;
text-decoration: none;
font-weight: bold;
padding: 0 5px;
}