html{overflow: -moz-scrollbars-vertical;}
html,body{margin:0; padding:0}
body{font: 12px 'Trebuchet MS',arial,sans-serif; color:#CCCCCC; text-align:center;  background:#000000; line-height:1.6}

h1, h1 a, h2, h2 a, h3 a, h4 a {color:#FF9900; font-size: 20px; text-decoration: none; font-weight:normal; line-height: 1;padding-top:0px; margin-top:0px;}
h3{color:#FF9900; font-size: 16px; text-decoration: none; font-weight:bold; line-height: 1;padding-top:0px; margin-top:25px;}

p img{margin: 5px;}

a {color: #FF9900; text-decoration: none;}
a:hover {color: #FF9900;}

.otsikkopvm {font-size: 12px;}
img {border: 0px;}
div#header{	position:relative; height: 350px; background-image: url(images/header.png); background-repeat: no-repeat;}

div#header ul{float:right; position: relative; top: 25px;}
div#header li {float:left; display: block; vertical-align: middle; margin-right: 8px; font-weight:bold;}
div#header li a {color: #f3f3f3; text-decoration: none;}
div#header li a:visited {color: #f3f3f3; text-decoration: none;}
div#header li a:hover {color: #FF9900;}
div#header li a:active {color: #FF9900;}
#navigation {float: left;}

div#container{text-align:left; width:850px; margin:0 auto}

#recent_comments li{list-style-type: circle; margin-left: -25px;}

div#content{position: relative; float:left; width: 420px; margin: 0px 15px 30px 15px; font-size: 13px; color:#d8d8d8; line-height:1.6}

*html div#content{width:400px;}

div#contentwide {position: relative; float:left; width: 500px; margin: 0px 15px 30px 60px; font-size: 13px; color:#d8d8d8; line-height:1.6}

div#rightside{position: relative; float:right; clear:right; width:200px; color:#CCCCCC;}

div#leftside{position: relative; float:left; width:200px; clear: left; color:#CCCCCC;}

div#box1, div#box2, div#box3, div#box4, div#pirullista, div#box6{position: relative; float:left; width:200px; clear: left; padding-bottom: 40px; color:#a8a8a8;}
div#pirullista{position: relative; float:left; width:200px; clear: left; padding-top: 20px;}
div#box5{position: relative; float:left; width:200px; clear: left; text-align:center; padding-top:15px;}
div#box6{margin-left:10px;}
div#box1 .post {margin-top:7px;}
div#joukkuetiedot{position: relative; float:left; width:180px; clear: left; padding-bottom: 20px; margin-top:7px;}
div#joukkuetiedot h2{font-size:14px; font-weight: bold;}

div#footer{clear:left; width:100%; text-align:center; margin-top: 30px; padding:30px 0; border-top: 1px solid #333;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{padding:0;}

div#wrapper{padding: 30px 0; float:left;width:100%}

.post{padding-bottom: 20px;}

.backgray{background-color: #1e1e1e;}

.comment {padding: 10px 10px 10px 10px; margin-bottom:25px; background-color: #202020; width:380px;}
.comment h2{font-size: 16px; font-weight:bold; padding: 3px 0px 3px 0px;}
.comment h2 a{font-size: 16px; font-weight:bold; padding: 3px 0px 3px 0px;}


#author, #email, #url, #comment, select, input{background-color: #202020; border:1px; border-style:solid; border-color: #333333; padding:3px; color:#FFFFFF;}
select, input{color:#CCCCCC;}


.ottelutaulu td{padding: 3px 6px 3px 6px;}

td, th {padding: 2px 0px 2px 10px;}

.tableheading, div#rightside h2, div#leftside h2 {font-size: 14px; color: #818181; font-weight: bold;}
.tableheading_full {font-size: 14px; color: #FF9900; font-weight: bold;}

.pikkutaulu {color:#a8a8a8;}

.pelaaja{ width: 420px; clear: both; margin-bottom:40px;}
.pelaaja img {position:relative; float:left; clear: left; margin-bottom:40px;}
.tiedot {position:relative;  float:right; width: 255px; clear: right;}

.voitto, .horna{color:#FF9900;}
.tappio {}

.navigation {width: 100%;}
.alignleft {float: left;}
.alignright {float: right;}