
@font-face 
{
	font-family: "fairy";
	src: url('../../fonts/Fanta.ttf');
}

@font-face 
{
	font-family: "trattatello";
	src: url('../../fonts/Trattatello.ttf');
}

body
{
	text-shadow: 1px 1px 2px rgb(0, 0, 0),
					1px 1px 2px rgb(0, 0, 0);
}

h1, h2, h3, h4, h5, h6
{
	font-family: "fairy", "Arial"; 
	font-weight: bold; 
	letter-spacing: 4px; 
	
	color: rgb(255, 255, 255); 
					
	text-shadow: 	2px 2px 0px rgb(0, 0, 0), 
					-2px 2px 0px rgb(0, 0, 0), 
					-2px -2px 0px rgb(0, 0, 0), 
					2px -2px 0px rgb(0, 0, 0), 
					0px 2px 0px rgb(0, 0, 0), 
					0px -2px 0px rgb(0, 0, 0), 
					2px 0px 0px rgb(0, 0, 0), 
					-2px 0px 0px rgb(0, 0, 0); 
}

h2 { font-size: 3.0em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.6em; }

a
{
	font-weight: bold;
	color: rgb(155, 45, 45);
	text-shadow: none;
}

a:hover 
{ 
	color: rgb(175, 75, 75); 
	text-shadow: none; 
}

/* DIVERS */

.arrow { color: rgb(155, 45, 45); }

#data-table .enlighted td
{ 
	background-image: linear-gradient(to bottom, rgb(139, 115, 57) 0%, 
												rgb(84, 66, 48) 100%);
}

#data-table .enlighted:hover td 
{ 
	background-image: linear-gradient(to bottom, rgb(210, 169, 59) 0%, 
												rgb(84, 66, 48) 100%);
}
