/* Il font generico, il margine principale ed il
   background (gli anelli di Saturno a destra) */
body { 
	background:white url("./mimg/bg.saturn.png") repeat-y right;
	font:80% verdana,helvetica,sans-serif;
	line-height: 140%;
	margin:20px;
	z-index:0;
}


/* Il "titolo" di tutte le pagine del sito, ovvero l'immagine con la
   scritta "Mimante.net" in alto a sinistra. */
img.titleImage {
	position:absolute;
	background:transparent;
	top:3px;
	left:35px;
	width:184px;
	height:58px;
	z-index:10;
	cursor:pointer;
}


/* Il titolo della pagina in alto a destra.
   Mostra il percorso dela pagina corrente, nella gerarchia del sito. */
#siteTree {
	position:absolute;
	top:5px;
	right:60px;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
	font-variant:small-caps;
}

a.siteTree {text-decoration:overline;}


/* Avviso in alto a destra!
#siteTree:before {
	color:red;
	content:"vedere l'home page per un avviso importante:";
} */

/* il box con l'avviso */
div.msgBox {
	position:absolute;
	z-index:33;
	background:yellow;
	top:30px;
	right:30px;
	border:3px solid red;
	padding:5px;
	font-family:monospace;
	font-size:12pt;
	text-align:center;
	/* vertical-align:text-center; */
	color:black;
}


/* Il contenuto della pagina.
   Lo sfondo in alto a destra e` l'immagine grande di Mimas.
   Imposta una cornice nera di 1 pixel.
   Uso una gif al posto di una png, perche` IE succhia e
   non mostra correttamente le trasparenze delle png. */
div.content {
	background:transparent url("./mimg/bg.mimas1.gif") no-repeat top right;
	padding-top:50px;
	border:1px solid black;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	z-index:5;
}


/* Un menu in cima alla pagina, per raggiungere velocemente
   la sezione desiderata nella pagina stessa. */
div.fastMenu {
	font-family:monospace;
	font-size:9pt;
	font-weight:bold;
	white-space:nowrap;
}


/* Il menu a pie` pagina. */
div.footer {
	position:relative;
	bottom:0px;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	background:#cccccc;
}


/* I link perdono la sottolineatura al passaggio del mouse. */
a:hover {text-decoration:none;}


/* Gli header principali hanno la prima lettera in grigio su nero.
   Non funziona con netschifo 4.x */
h1:first-letter, h2:first-letter, h3:first-letter {
	font-size:larger;
	background-color:black;
	color:#cccccc;
}


/* Usa una immagine negli elenchi non numerati.
   L'immagine cambia al passaggio del mouse.  Molto avanti...
   Va da se` che non funziona con netschiappa 4.x */
ul {
	list-style:none outside url("./mimg/mimas.dot10.png");
	line-height:20px;
}

ul li:hover {
	list-style:none outside url("./mimg/mimas.dot10.cyan.png");
	line-height:20px;
}


/* Un separatore orizzontale basato sugli anelli di Saturno. */
hr.saturn {
	background:transparent url("./mimg/sat.rule.png") repeat-x top left;
	height:17px;
}


/* L'immagine viene inserita un po' piu` in basso rispetto al testo. */
img.bottom {
	position:relative;
	vertical-align:text-bottom;
	top:0.25em;
	border:0px;
}