body{
font-family: arial, helvetica, sans-serif;
margin:0;
padding:0;
background:url("img/body_bgr.gif") repeat-y top left #CECABF;
line-height:14px;
font-size:11px;
line-height:14px;
}


#wrapper {
position:absolute;
left:18px;
top:0;
width:720px;
}

#topcontainer {
background:url("img/top_bgr.gif") repeat-x top left;
float:left;
width:540px;

}


#editable{
background-color:#F2F2F2;
width:540px;
margin-bottom:0;
padding:0;
}


#editable p{
padding:16px;
}



#info{
color:#000000;
font-size:12px;
}


#info p {

}


#logo{
margin-top:17px;}



#navi{
position:absolute;
left:200px;
top:55px;
}











.col{
width:177px;
float:left;
margin-right:5px;
margin-top:8px;
}

#col1{
background-color:#F2F2F2;
padding-bottom:10px;
clear:both;}

#col4{
margin-top:0;
position:absolute;
left:546px;
top:0;
}


.widecol{

}

#widecol{
background-color:#F2F2F2;
width:539px;
float:left;
clear:both;
margin-top:4px;
padding-bottom:60px;
}

#widecol p{
margin:16px;
}


#widecol table{
margin:16px;
font-size:11px;
}

#widecol table p{
margin:0px;
}

.responce{
background-color:yellow;
width:539px;
float:left;
clear:both;
margin:4px 0 4px 0;
}

.responce p{
padding:0 5px 0 5px;
font-weight:bold;
text-transform:uppercase;
}


h2 {font-size:11px;
text-transform:uppercase;
color:#ffffff;
background-color:#B5120D;

padding-top:1px;
padding-left: 4px;
height:17px;
margin-top:0;
margin-bottom:4px;
vertical-align:bottom;
}









.col p{
margin:0 8px 6px; 8px;
}

em {
font-weight:bold;
font-style:normal;
}

ul{
list-style-type: none;
margin:0;
padding:0;
}

li{
margin-left:8px;
margin-bottom:8px;
}

#genre_lista{
background-color:#CECABF;
margin-top:0;
border:1px solid #CECABF;
padding:0;

}
#genre_lista li{
margin:0;
padding:1px;
background-color:#F2F2F2;
}

#genre_lista .li_alt{
background-color:#ffffff;
}

#genre_lista a{display:block;
padding:6px;
color:#B5120D;
text-transform:uppercase;
text-decoration:none;
}

#genre_lista a:hover{

background-color:#CECABF;
color:#000000;
}

#levyhaku{
padding:4px;
margin-top:5px;
background-color:#CECABF;
margin-bottom:4px;
}

#levyhaku #search{width:120px;}


#ostoskori {
background-color:#CECABF;
margin-top:0;
height:70px;
margin-bottom:4px;
}

#col4 h3 {font-size:11px;
text-transform:uppercase;
color:#ffffff;

padding:4px;
margin-top:0;
margin-bottom:4px;
}

#login{
background-color:#CECABF;
padding:4px;
margin-top:4px;
margin-bottom:4px;
}

#player {
background-color:#CECABF;
padding:4px;
margin-top:4px;
}

.ingressi{
font-weight:bold;
}


div.tracker{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin:20px 0 10px 20px;
}


div.forumWhite{
margin:0 0 5px 10px;
padding:10px 0 10px 0;
width:520px;
background-color:#ffffff;
}

.arrow{
font-size:18px;
font-weight:bold;
color:#b5120d;
}

.forumHead1{
font-size:12px;
font-weight:normal;
color:#b5120d;
text-transform:uppercase;
}

.forumHead2{
font-size:12px;
font-weight:bold;
color:#b5120d;
}

a{
text-decoration:none;
color:B5120D;
}
a:hover{
text-decoration:none;
}

a.black{
text-decoration:none;
color:#000000;
}
a.black:hover{
text-decoration:none;
}


.red{
color:#b5120d;
}

td.reply{
border-bottom:5px solid #ffffff;
}



.newproducts span{
display:block;
margin:0;
padding:0;
}

.newproducts .artist {font-weight:bold;}

.newproducts .format{
text-transform:uppercase;
font-size:9px
}

.newproducts a{
text-decoration:none;
color:#000000;
}
.newproducts a:hover{
color:#B5120D;}


.newproducts li{

}




.newmessages span{
display:block;
margin:0;
padding:0;
}

.newmessages .topic {font-weight:bold;
/*padding-left:20px;
background-image:url('img/kupla_small.gif');
background-repeat:no-repeat;*/
}

.newmessages .messagecat{
text-transform:uppercase;
font-size:9px
}

.newmessages a{
text-decoration:none;
color:#000000;
}

.newmessages a:hover{
color:#B5120D;
}

.newmessages li{
background-color:#e4e4e4;
margin:2px 0 0 0;
padding:3px 5px 3px 5px;
}


blockquote{
 border:1px solid #bbbbbb;
 color:#666666;
 margin:0px;
 padding:5px;
}

#kori{
background-image:url(img/kori.gif);
background-repeat:no-repeat;
width:49px;
height:53px;
margin-right:0;
float:left;
text-align:center;
margin-top:-10px;
}

#kori .quant {
font-size:14px;
font-weight:bold;
position:relative;
top:16px;
}

#kori .total {font-size:9px;
position:relative;
top:10px;
left:-2px;
}

#kori_toiminnot{
width:120px;
float:left;
}

#kori_toiminnot a{
text-decoration:none;
padding-left:16px;
background-repeat:no-repeat;
color:#B5120D;
background-position:bottom left;
}

#kori_toiminnot a.tilaa{
background-image:url(img/kori_arrow.gif);}
#kori_toiminnot a.tyhjenna{
background-image:url(img/kori_empty.gif);}



#logout{
background-color:#CECABF;
padding:4px 0 4px 0;
margin-bottom:4px;
}

#aukiolot{
background-color:#f2f2f2;
padding:4px;
margin-bottom:4px;
}

#logout a{
text-decoration:none;
padding-left:16px;
background-repeat:no-repeat;
color:#B5120D;
background-position:bottom left;
}


#logout a.omattiedot{
background-image:url(img/kori_arrow.gif);}

#logout a.logout{
background-image:url(img/empty.gif);}


.signature{
padding:10px 0 10px 0;
margin:10px 0 0 0;
font-size:11px;
color:#aaaaaa;
border-top:1px solid #cccccc;
}

.who{
font-weight:bold;
}