@font-face
{
font-family: AverageMono;
src: url(../fonts/AverageMono.ttf);
font-weight: normal;
}


{
font-family: AverageMonoItalic;
src: url(../fonts/AverageMonoItalic.ttf);
font-style: italic;
}




body {
	font-family: AverageMono;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
	color: rgb(80, 80, 80);
	background-color: rgb(0, 0, 0);
	margin-top:0%;
	margin-left:0%;
	line-height:;
}

body.lighttodark {
	background: black;
    
    
    -moz-animation-name: whitetoblack;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 20s;

    -webkit-animation-name: whitetoblack;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 20s;

    -o-animation-name: whitetoblack;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 20s;

    -animation-name: whitetoblack;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 20s;

    
}
@-moz-keyframes whitetoblack {
    0% {
        background: white;
	
    }
    100% {
        background: black;
	
    }
}
@-webkit-keyframes whitetoblack {
    0% {
         background: white;
	
    }
    100% {
         background: black;
	
    }
}

}
@-o-keyframes whitetoblack {
    0% {
         background: white;
	
    }
    100% {
         background: black;
	
    }
}

}
@-keyframes whitetoblack {
    0% {
         background: white;
	
    }
    100% {
         background: black;
	
    }
}



div#artistheflash {
	width: 90%;
	height: 60;
	position: fixed;
	font-family: AverageMono;
	left: 5%;
	top: 90%;
	font-color: white;
	background-color: transparent;
	z-index: 10;
	
}




a:link {
	color: rgb(100, 100, 100);
	text-decoration: none;
}

a:visited {
	color: rgb(100, 100, 100);
	text-decoration: none;
}

a:active {
	color: rgb(100, 100, 100);
	text-decoration: none;
}

a:hover {
	
	color: rgb(100, 100, 100);
	text-decoration: none;
	
}


table {
	background-color: transparent;
	margin-top: 0 0;
	border: none;
	font-size:0.8em;
	line-height: 0;
	
}


table#almata {
	position: absolute;
	left: 17%;
	top: 10%;
}

table#roquefort {
	position: absolute;
	left: 17%;
	top: 10%;
}

#clermont {
	position: absolute;
	left: 8%;
	top: 0%;	
}

#esponella {
	position: absolute;
	left: 17%;
	top: 4%;	
}


#esponellaalmata {
	position: absolute;
	left: 12%;
	top: 9%;	
}

#firesIndex {
	position: absolute;
	left: 6%;
	top: 21%;	
}


tr.lineheight1 {
	line-height: 1;
}

tr.lineheight0 {
	line-height: 0;
}