@charset "UTF-8";
/* CSS Document */
<!--

/*
qua possiamo commentare
si possono definire proprieta' sia per i tag html standard che per delle
tag che definiamo noi, cosi' come possiamo specificare delle "catene gerarchiche"
tipo 
header h1  { faiquestoequello; }
che significa per h1 dentro header e basta.
le nostre tag le inseriamo con #miatag mentre se vogliamo definire una classe
usiamo .nomedistaclasse dunque # e . distinguono tag e classe.
la classe si scegli di solito per proprieta' che applichiamo qua e la in giro
per i nostri template, tipo:  vorro' avere il colore rosso qua e la faccio .rosso
definisco color=red; e dove mi serve nel tag html che sto usando aggiungo il riferimento
alla classe. di solito invece le tag nostre le usiamo per definire aree spaziali precise
tipo #container #header #content #sidebar #footer sono classici esempi di aree spaziali dove definiamo
gli attributi sia di posizione che di colori sfondi eccetera..
dunque in questo file ordino cosi' le informazioni:
TAG HTML STANDARD
CLASSI
TAG MIEI IN ORDINE DI POSIZIONAMENTO NELLA PAGINA
*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of 
			the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. 
				The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: blue;
}

a:hover {
	text-decoration: underline;
} 

a:visited {
	color: red;	
}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome 
								and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	background: #000000; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements 
					in the divs that appear beneath it. If an image is used 
					in the #header instead of text, you may want to remove the padding. */
}
 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header 
			div will avoid margin collapse - an unexplainable space between divs. 
			If the div has a border around it, this is not necessary as that also 
			avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element 
				away from the edges of the div */
	font-family: "Bebas Neue", "Bebas Neue", "regular";
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

#mainContent {
	padding: 0 20px; /* remember that padding is the space inside 
				the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements 
							in the divs that appear above it. */
	background:#000000;
}

#footer p {
	font-family: "Courier New", "Courier", "monospace";
	color: #FF66FF;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the 
				possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, 
				just as the the margin would have, without the margin collapse issue */
}
-->