
html, body {
margin : 0;
padding : 0;
text-align:center;
color : #888888;
}

body {
font : 76% arial, sans-serif;
text-align : center;
background-image : url('images/main_bg.png');
background-repeat : repeat-y;
background-position : center;
}

p {
margin : 0 10px 10px;
}

a {
color : #e3b602;
font-family : arial, "lucida console", sans-serif;
font-size : 12px;
text-align : left;
font-weight : bold;
text-decoration: none;
}

a:hover{
color : #e3b602;
font-family : arial, "lucida console", sans-serif;
font-size : 12px;
text-align : left;
font-weight : bold;
text-decoration: none;
}
a:active{
color : #e3b602;
font-family : arial, "lucida console", sans-serif;
font-size : 12px;
text-decoration: none;
}
a:visited{
color : #e3b602;
font-family : arial, "lucida console", sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration: none;
}
a:link{
color : #e3b602;
font-family : arial, "lucida console", sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration: none;
}

div#container {
position:relative;
margin:auto;
width : 880px;
min-height : 80%;
}

div#header {
position : relative;
height : 203px;
background-image : url('images/header.jpg');
background-position : center;
background-repeat : no-repeat;
}

div#content p {
line-height : 1.4;
}

div#media {
background : #3a013c;
float : left;
width : 200px;
margin-left : -100%;
}

div#scores {
background : #3a013c;
float : left;
width : 200px;
margin-left : -200px;
}

img {
border : none;
}

.topic {
border : none;
margin-left : 0px;
}

#footer {
position: relative;
height : 145px;
line-height: 25px;
}


div#wrapper {
width:880px; 
float : left;
text-align:center;
}

div#content {
margin-left : 204px;
margin-right : 204px;
background: #5c0264;
}

.imglink {
padding : 0;
border : none;
margin : 0 0 0 0;
border : 0 solid #000000;
display : inline;
}

.fluffi {
color : #c1c2ce;
font-family : arial, "lucida console", sans-serif;
font-size : 14px;
text-align : left;
}

.otsikko1 {
color : #fcd106;
font-family : arial, "lucida console", sans-serif;
font-size : 14px;
text-align : left;
font-weight : bold;
margin-left : 15px;
}

.hilite {
color: #dddddd;
font-family : arial, "lucida console", sans-serif;
font-size : 14px;
text-align : left;

}

.uutinen {
color : #c1c2ce;
font-family : arial, "lucida console", sans-serif;
font-size : 14px;
text-align : left;
margin-left : 20px;
}

.uutinen2 {
color : #c1c2ce;
font-family : arial, "lucida console", sans-serif;
font-size : 14px;
text-align : left;
margin: 0 0 -10px 20px;
font-weight: bold;
}

.quote {
color : #888888;
font-family : arial, "lucida console", sans-serif;
font-size : 12px;
text-align : left;
margin-left : 0px;
}

li {
color : #aaaaaa;
font-family : arial, "lucida console", sans-serif;
font-size : 13px;
text-align : left;
margin: 2px 2px 2px 20px;
}



.floatimg {
float: right;
margin: 5px;
display: inline;
}

.floatimg2 {
float: left;
margin: 5px;
display: inline;
}

.footer{
padding : 0;
border : none;
margin : 0px 0px -3px 0px;
border : 0 solid #000000;
display : inline;
}

iframe{
border: 0;
frameborder: 0;
scrolling:no;
height:80px;
width:200px;
background : #3a013c;

}

.testi{
border: 0;
frameborder: 0;
scrolling:no;
height:100%;
width:100%;
background : #3a013c;

}