body {
  background: #000 url(../img/metalli/bg.jpg) top left no-repeat;
  border: 0;
}

#content h2 {
		background: #000;
		color: #fff;
}

h3.frontpage {
  color: #fff;
}

#header h1 {
  background: url(../img/iskelma/logo.png) top left no-repeat;
}

#topline {
	border-top:1px solid #242424;
}

#footerContainer {
  border-top: 4px solid #242424;
  background: #1E1E1E url(../img/metalli/footer-bg.gif) top left repeat-x;
}

#footer h2 {
  color: #fff;
  background:transparent url(../img/metalli/footer-logo.gif) no-repeat scroll left top;
}

#footer a {
  color: #fff;
}

#footer ul ul li a {
  color: #797979;
}

#footer ul li a, #footer ul li strong {
  background:transparent url(../img/metalli/footer-bullet.gif) no-repeat scroll left bottom;
}

#artists li{
	color: #000;
  
	
}

#artists li.even {
	
}

#artists li a{
	color: #000;
}

#artists li a:hover;{
	color: #616161;
}

#content h2.bigListHeader,#artists h4 {
  color: #e50000;
}

#subnavi li a.selected, #subnavi li a:hover {
  background:transparent url(../img/metalli/subnavi-left.gif) no-repeat scroll left top;
}

#subnavi li a.selected span, #subnavi li a:hover span {
  background:transparent url(../img/metalli/subnavi-right.png) no-repeat scroll right top;
}

* html #subnavi li a.selected span, * html #subnavi li a:hover span {
  background:transparent url(../img/metalli/subnavi-right.gif) no-repeat scroll right top;
}

#chart{
	color: #fff;
	
}

#chart th.placing span {
  background:transparent url(../img/metalli/placing-bg.png) no-repeat scroll left top;
}

* html #chart th.placing span {
  background:transparent url(../img/metalli/placing-bg.gif) no-repeat scroll left top;
}

#chart tr.even td, body p.even, body dt.even {
  /*background: #0e576c;*/
  background: url(../img/metalli/chart-even.png) repeat;
}

* html #chart tr.even td {
  background: #1F1F1F;
}

#chart td {
	color: #fff;
  border: 0;
	position: static;
	background: url(../img/metalli/chart.png) repeat;	
}

* html #chart td {
  background: #0D0D0D;
}

#chart td a{
	color: #fff;

}

#chart td a.buy{
	color: #ff0000;
}

#chart th span{
	border-bottom:1px solid #fff;	
}

a.buy, #content a {
  color: #00ad08;
}

#content a:hover{
  color: #000;	
}

#extra a{
	color: #8d8d8d;
}


#subnavi li a{
	color: #fff;
}

#content a{
	color: #616161;	
}


.chartWeeks, .chartWeeks ul {
	background: #fff;
	border-top:1px solid #242424;
}

#pageSubmenu {
  border-top:15px solid #ff0000;
}
#content .chartWeeks span, #content .chartWeeks a {
	color: #000;
}

#navigation {
  width: 530px;
}

#navigation li  {
		width: 91px;
		height: 91px;
}

#navigation li a {
  height: 91px;
}

#navigation li.lista a {
  background: url(../img/metalli/lista.png) top left no-repeat;
}

#navigation li.lista a:hover {
  background: url(../img/metalli/lista-hover.png) top left no-repeat;
}

#navigation li.lista a.selected {
  background: url(../img/metalli/lista-sel.png) top left no-repeat;
}

#navigation li.lista a.selected:hover {
  background: url(../img/metalli/lista-sel-hover.png) top left no-repeat;
}

#navigation li.mita a {
  background: url(../img/metalli/mita.png) top left no-repeat;
}

#navigation li.mita a:hover {
  background: url(../img/metalli/mita-hover.png) top left no-repeat;
}

#navigation li.mita a.selected {
  background: url(../img/metalli/mita-sel.png) top left no-repeat;
}

#navigation li.mita a.selected:hover {
  background: url(../img/metalli/mita-sel-hover.png) top left no-repeat;
}

#navigation li.miten a {
  background: url(../img/metalli/miten.png) top left no-repeat;
}

#navigation li.miten a:hover {
  background: url(../img/metalli/miten-hover.png) top left no-repeat;
}

#navigation li.miten a.selected {
  background: url(../img/metalli/miten-sel.png) top left no-repeat;
}

#navigation li.miten a.selected:hover {
  background: url(../img/metalli/miten-sel-hover.png) top left no-repeat;
}

#navigation li.mista a {
  background: url(../img/metalli/mista.png) top left no-repeat;
}

#navigation li.mista a:hover {
  background: url(../img/metalli/mista-hover.png) top left no-repeat;
}

#navigation li.mista a.selected {
  background: url(../img/metalli/mista-sel.png) top left no-repeat;
}

#navigation li.mista a.selected:hover {
  background: url(../img/metalli/mista-sel-hover.png) top left no-repeat;
}

#nextPrev a,#nextPrev a:hover {
		color: #fff;
}
#nextPrev span {
		color: #616161;
}