body {
	color:#333;
	margin:5px 20px 20px 20px;    /* senza banner margin:20px; */
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	background-image: url(../img/sfondo.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color:#E2E7F1;
}

table, tr, td { font:11px verdana, arial, helvetica, sans-serif;}

h1 {    /* titolo principale per manga o altre pagine. Grosso e in grigino */
	margin:0px 0px 12px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#ccc;
	}
	
h2 {         /* titoli secondari. In grassetto con un po' di spazio sotto */
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding:0px;
	}

h3 {   /* titolo delle edizioni. In un blocco giallo grande 3/4 della content */
	font:bold small-caps 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 00px 0px 0px;
	border-top: 1px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 1px solid #000;
	background-color: #FFFFCC;
	background-image: url(../img/sfondoedz.gif);
	padding: 5px;
	width: ;
	}

p {         /* paragrafo standard. Giustificato */
	font: 11px/normal verdana, arial, helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	padding:0px;
	text-align: justify;
	}
	
a {   /* rende i link blu e cicciottelli */
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}


.float {     /* definisce il piccolo blocco grigio in alto a dx del content (autore, scrittore, editore) */
	position:static; 
	border:1px solid gray;
	float: right;
	background-color:#eee;
	z-index: 4;
	padding-right: 2px;
	padding-left: 2px;
	}
	
.float p {        /* il p all'interno del content non ha margine */
	font: 11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align: justify;
	}


.content {           /* id principale. Definisce i blocchi centrali */
	position:relative;
	width:auto;
	height:auto;
	margin:0px 158px 20px 158px;
	border:1px solid black;
	background-color: #FFFCFC;  /* lo sfondo e' una specie di rosa mooolto leggero */
	padding:10px;
	z-index:3;
	}

.content img {
	position: static;
	margin: 10px;
	right: 0px;
	z-index:2;
}	
	
.content table {
/*	border: 1;  */
	width: 100%;
	}
	
.content span {      /* serve per gli "switch" dopo copertina: si/no. Per farli diventare rossi e cicciotti  */
	color:#FF4400; 
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}

p.dati {   
	font-size:120%;
	}
	
p.dati:first-letter {
	font-size:170%;
	margin:0px; border:0px; padding:0px;
	font-style: italic;
	font-weight: bold;
	}

.baseline { /* questa classe serve per la barra dell'autore della scheda e della data di modifica. E' in sostanza la barra grigia sotto il blocco principale. Sfondo grigio */
	padding:0px; 
	position:relative;
	width:auto;
	height:auto;
	border:1px solid black;
	background-color:#eee; 
	background-image: url(../img/sfondobaseline.gif);
	margin:-19px 158px 10px 158px;
	z-index:3; 
	}

.baseline table { 
    width: 100%;
	text-align: center;
		
}
.baseline td, .baseline a  {
	font-weight:normal;
	}
	
.baseline span {      
	color:#FF4400; 
	font-weight:normal;
	text-decoration:none;
	}

.baseline select, .baseline input {
	font: 10px/normal verdana, arial, helvetica, sans-serif;
	}
	
.baseline form {
	border:0px;
	margin:0px;
	padding:0px;
	}

.baseline p {
	font-variant:small-caps;
	text-align:center;
	margin:2px;
	padding:0px;
	}
/*
#com {      questa classe serve per il blocco dei commenti. Funziona come baseline e cioe' apporta delle modifiche a content 
	background-color: #eee; 
	}*/

#com div {  
border:1px solid;
background-color:#eee; 
margin-bottom:4px; 
position:relative; 
width:auto;
padding:3px;
  }
  
p.titolocom {
margin-bottom:0px;
font-weight:bold;
padding: 0px !important;
}

#com p {
padding:0px 9px 4px 9px;
}


#lista a {
	margin:0px;
	padding:2px 4px 2px 4px;
	font-size:25px;
	font-weight:800;
	}

#navAlpha {  /* menu a sx */
	position:absolute;
	width:150px;
	top:189px;    /* senza banner top:109px; */
	left:20px;
	border:1px solid black;	
	background-color:#eee;
	background-image: url(../img/sfondobarre.gif);
	padding:10px;
	z-index:4;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule Aevery time you use the Tantek Celik hack (above). */
body>#navAlpha {width:128px;}


#navAlpha ul, #navAlpha li , #navBeta ul, #navBeta li {  
	padding: 0.4em 0.10em 0.33em;
	margin: 0;
	list-style: none;  /* list-style: decimal; */
	font-size: 1.0em;
	line-height: 0.9em;
}

#navAlpha h2, #navBeta h2 { /* serve per i titoli nei menu' a dx e sx. Ridefinisce h2 dandogli uno sfondo blu,
							   un blocco e spostando tutto per far combaciare con il bordo di navalpha */
	background-color: #66CCFF;
	margin: 0px 0px 0px -11px;
	padding: 3px;
	color: #333333;
	background-image: url(../img/sfondotitoli.gif);
	border-top: 1px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 1px solid #000;
}

#navAlpha img, #navBeta img {
	margin: 10px 0px;
	}

	
#navBeta {     /* menu a dx */
	position:absolute;
	width:150px;
	top:189px;    /* senza banner top:109px; */
	right:20px;
	border:1px solid black;
	background-color:#eee;
	background-image: url(../img/sfondobarre.gif);
	padding:10px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:128px;}

#top {  /* blocco in cima alla pagine dove c'e' il nome del sito */
	position:relative;
	width:auto;
	min-width:120px;
	margin:0px 0px 0px 0px; /* senza banner margin:0px 0px 5px 0px; */
	border:1px solid black;
	background-color:#FDF6C8;
	padding:10px;
	z-index:3;
	background-image: url(../img/bk3.jpg);
	background-repeat: no-repeat;
	}

#top h1 {   /* titolo principale .. mangadb */
	position: relative;
	margin: 0 10em -0.1em 0;
	padding: 0.5em 0.25em 0;
	text-transform: lowercase;
 }
 
#top h1 a {	text-decoration: none;   /* per non far venire mangadb blu e cicciotto come l'<a> standard */
			font-size: 150%;
			letter-spacing: 12px; /* vecchio valore 0.42em, gli em sembrano non funzionare con ie */
			font-weight: 800;
}

#top span {   /* la scritta "patato" sopra mangadb, spostata e piu' piccola */ 
	font-weight: 400; 
	position: absolute; 
	top: 0.3em; 
	left: 2em; 
  	font-size: 50%; 
	letter-spacing: 0.4em;
} 
  
#top a:link {color:#333333;} /* vecchio #09c */
#top a:visited {color:#66CCFF;} /* vecchoi #07a */
#top a:hover {background-color: transparent;}

#top h3 {     /* blocco per le citazioni all'interno di top */
	background-image: url(../img/bianco2.gif);
	background-repeat: repeat;
	position:absolute; 
	border:1px solid gray;
	height: 62px;
	right:1em;
	margin-left:900px;
	width: 300px;
	background-color:transparent; 
	z-index: 99;
	padding: 0px 2px;
	}
	
.menu {   /* servono per il menu (il blocchetto che apre) in js all'interno di navalpha */
  background-color: #EEE;
  border: 1px solid black;
  position: absolute;
  visibility: hidden;
  z-index:99;
 border: 1px solid;
}

.menu a, .menu li {         /* come sopra */
	background-color: transparent;
	font-size: 15px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	}
	
.titoloric { /* Titolo delle categorie di ricerca all'interno di content */
	padding:3px;
	border:1px solid;
	width:170px;
	font-size:13px;
	background-color:#FFFFCC;
	font-weight:bold;
	}

.testoric { /*risultato della ricerca */
padding:7px;
border-left:1px solid;
border-bottom:1px solid;
margin:0px;
line-height:17px;
font-weight:bold;
list-style:disc inside;
}

.box {
margin-left:0px;
text-align:left;
border:1px gray solid;
margin-top:5px;
margin-bottom:5px;
}

.boxtitolo {
background-color:#e7e7e7;
margin:2px;
padding:2px;
font-weight:800;
}

.boxcover {
margin-left:10px;
position:static;
float: right;
z-index: 4;
text-align:center;
border:1px gray solid;
width:180px;
margin-top:10px;
margin-bottom:10px;
}