/*stili per il layout fisso

 container
	 +-header
	 +-navig
	 +-content
	 +-footer						*/
/*  Elab immagini
		orig --- stretch ---> orig-bg
		(orig+orig)/4 -> orig-fade
		(orig+orig)/4+128->orig-wash
		(orig-wash-red+orig-wash-red)/4->orig-green-red
		(orig-wash-blue+orig-wash-blue)/4->orig-green-blue
		(orig-wash-green+orig-wash-green)/4+64->orig-green-green
*/

body{
   position: relative;
   margin: 0;
   padding: 0;
   background: black none 100% 0 no-repeat fixed;
   font-size: 76%;
   text-align: center;
}

/* Il colore di background del container sta sotto al menu e dove finisce il testo dei contenuti
*/
div#container{
   font-family: verdana,  arial, sans-serif;
   position absolute;
   width: 760px;
   margin: 26px auto;
   border: 2px solid #0f0;
   background: #408040 none 100% 0 no-repeat fixed;
}

/* ***** HEADER ***** */

div#header{
   text-align: center;
   background: black none 100% 0 no-repeat fixed;
   color: #20FF20;
   border-bottom:2px solid #00FF00;
}
div#header a{color: #090;}
div#header a:hover{color: #0f0}


h1,h2{
   margin: 0;
   padding: 1ex 0 1ex 0;
   text-align: center;
}
h1{
	font-variant: small-caps;
   padding-left:0.5em;
   font: bold 2.5em/60px
}
h2{
   color: #17E917;
   font-size: 1.5em
}

/* *****  CONTENUTI  ***** */

div#content{
   margin-right: 180px;
   padding: 1em;
   color:#FFF;
   background: #000 none 100% 0 no-repeat fixed;
   text-align :justify;
   font-size: small;
}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#content a:link{ color: #00BFFF; text-decoration: none;}
div#content a:visited{ color: #81E0FF; text-decoration: none;}
div#content a:hover{text-decoration: underline;}
div#content pre{margin-left:1em;}

div#content table.libri{
	position: relative;
	size: 580px;
	text-align: left;
	color:white;
	border-style:solid;
	border-width: 1px 0px;
	border-color:green;
} /* border=0; cellspacing=0; cellpadding=0; summary="Questa tabella è bella";}*/

div#content table.thumbs{
	position: relative;
	size: 580px;
	text-align: center;
	color:white;
	border-style:solid;
	border-width: 2px 2px;
	border-color:green;
} 

div#content tr{padding:5;}
div#content tr.r0{ background-color:green; }
div#content tr.r1{ background-color:none; }

/* *****  MENU  ***** */

div#navig{
	float:right;
	width: 180px;
	margin: 3ex auto 0px auto;
	padding:0 ;
	background: #408040 none 100% 0 no-repeat fixed;
   text-align: left;
   text-decoration: none;
}

div#navig a.c1, div#navig a.c1:active {
	display:block;
	color:#fff;
	font: bold 16px Verdana, sans-serif;
	width: auto;
	text-decoration: none;
	padding: 0.6ex 0 .6ex 1.2em;
	margin: 2px 0 0 0;
}
div#navig a.c1:hover, div#navig a.c1:focus{
     color: #fff;
     background-color: #050;
}
     
div#navig a#c1qui{
     color: #000;
     /*background-color: #050;*/
     background:#808080 none 100% 0 no-repeat fixed;
     display:block;
	font: bold 16px Verdana, sans-serif;
	width: auto;
	text-decoration: none;
	padding: 0.6ex 0 .6ex 1.2em;
	margin: 2px 0 0 0;
}

div#navig a.c2, div#navig a.c2:visited {
	display:block;
	color:#EFE;
	font: bold 13px Verdana, sans-serif;
	width: auto;
	text-decoration: none;
	padding: 0.3ex 0 0.3ex 4em;
	margin: 0 0 1px;
}
div#navig a.c2:hover, div#navig a.c2:focus{
     color: #fff;
     background-color: #050;
}
div#navig a#c2qui{
     color: #000;
     background:#808080 none 100% 0 no-repeat fixed;
     display:block;
	font: bold 13px Verdana, sans-serif;
	width: auto;
	text-decoration: none;
	padding: 0.3ex 0 0.3ex 4em;
	margin: 0 0 1px;
}

/* *****  FOOTER  ***** */

div#footer{
   clear:right;
   /* position:absolute; */
   text-align:center;
   padding: 0.5em;
   background-color: #060;
   color: #010; 
   border: none;
}

div#footer a{
   color: #fff;
   font-weight: bold;
   text-decoration: underline;
}

#comeback{
	float: left; 
	text-align : left;
	font-size: smaller;
}

#emailme {
    font-style: oblique ;
    float: right;
    top:0em;
    right:0em;
}