/* This file contains only CSS-rules for colors, borders and other styles
 (copyleft) 2008 by Francisco Jos Calvo Fernndez under
  GPL v3 license
 */ 


body
{

	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	font-family:"Trebuchet MS",Verdana,Arial,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;
	
}

#message
{
text-align: center;
font-size: 125%;
color:grey;
}

/* This main layer: bg is white, with a border color equal to bg of body */
#container
{
	background-color: white;
	text-align: center;
}

#logo
{
	opacity: 0.3;
	filter: alpha(opacity = 30);
	zoom: 1;
	text-align: center;
	text-decoration: none;
}


#get
{
	position: absolute;
	top: 180px;
	left: 160px;
	width: 200px;
	height: 300px;
	background-image: url(images/backgroundItemGet.png);
	background-repeat: no-repeat;
	text-align: center;
	opacity: 0; 
	
}

#wiki
{
	position: absolute;
	top: 180px;
	left: 410px;
	width: 200px;
	height: 300px;
	background-image: url(images/backgroundItemWiki.png);
	background-repeat: no-repeat;
	text-align: center;
	opacity: 0; 
}

#help
{
	position: absolute;
	top: 180px;
	left: 660px;
	width: 200px;
	height: 300px;
	background-image: url(images/backgroundItemHelp.png);
	background-repeat: no-repeat;
	text-align: center;
	opacity: 0; 
}


.text
{

	padding: 0;
	width: 95%;
	height: 160px;
	margin-top: 50%;
	margin-left: 2%;
	font-size:110%;
	font-weight: bolder;
	letter-spacing:0.15em;
	color: white;
}

#sponsors
{
	text-align: center;
	color: grey;
	position: absolute;
	top: 480px;
	left:0px;
	width: 99%;
}

#sponsors a
{
	color: grey;
	font-weight:bolder;
	
}

.text a{
	color: white;
}

img
{
	
	margin-top: 15px;	
}

#container a{
	text-decoration: none;
}

.item:hover
{
	opacity:0.85;
	filer: alpha(opacity=85);
}

#sfLogo{
	position: absolute;
	text-align: center;
	top: 510px;
	left: 450px;
}

#footer{
	position: absolute;
	top: 570px;
	left:0px;
	width: 99%;
	background-color: white;
	text-align: center;
}

#footer a{
	color: grey;
	font-weight:bolder;
}

#useMozilla
{
	display: none;
	position: absolute;
	top: 590px;
	left:0px;
	width: 99%;
	background-color: white;
	text-align: center;
}

#loading
{
	position: absolute;
	top: 350px;
	left:495px;	
}