body { margin: 10px; background: url(../img/bg.gif); }
form { margin: 0; }

div#left { position: absolute; top: 0; left: 10px; width: 160px; color: #666; font: normal 11px "Verdana", sans-serif; }
div#main { margin-left: 180px; color: white; padding: 20px; width: 600px; font: normal 12pt "Georgia", "Times New Roman", serif; color: #ddf; }

div#left a { color: #667; text-decoration: none; font-weight: bold; border-bottom: 1px solid white;  }
div#left a:hover { color: #33C; border-bottom: 1px solid #ccc; }

div.menu ul { margin: 10px 0; padding: 0;  border-top: 3px solid #ccc; }
div.menu ul li { display: block; list-style: none; margin: 4px 0; padding: 4px 0; border-bottom: 3px solid #ccc; }

div.search { margin: 20px 0; border: 1px solid #ccc; padding: 2px 8px; }
div.search p { margin: 5px 0; }
div.search input { width: 140px; border: 1px solid #666; font: normal 11px "Verdana", sans-serif; }
div.search button { border: 2px solid #666; background: #ddd; font: normal 11px "Verdana", sans-serif; }

div.mesi { margin: 10px 0; border: 1px solid #ccc; padding: 2px 8px 8px 8px; }
div.mesi select { width: 140px; border: 1px solid #666; font: normal 11px "Verdana", sans-serif; }
div.mesi p { margin: 5px 0; }

div.logged ul { margin: 0 0 10px 0; padding: 0;  border-top: 1px solid #ccc; }
div.logged ul li { display: block; list-style: none; margin: 3px 0; padding: 3px 0 3px 10px; border-bottom: 1px solid #ccc; }
div.logged ul li a { font-weight: normal; }
div.logged p { font-size: 14px; margin-bottom: 0; }

div.login { margin: 20px 0; border: 1px solid #ccc; padding: 2px 8px; }
div.login p { margin: 5px 0; }
div.login input { width: 140px; border: 1px solid #666; font: normal 11px "Verdana", sans-serif; }
div.login button { border: 2px solid #666; background: #ddd; font: normal 11px "Verdana", sans-serif; }

div#header { text-align: center; }
div#main h1 { font-weight: normal; font-size: 20pt; text-align: center; font-style: italic;  }

div.fantaiku { margin: 20px 100px; border-top: 1px solid #99c; padding-top: 10px; text-align: center; color: #eef; }
div.fantaiku p.note { font-size: 10pt; font-style: italic; color: #ddf; }
div.fantaiku p.autore { font-size: 10pt; font-family: "Trebuchet MS", "Verdana", sans-serif; }
div#main a { color: #daa; }
div#main a:hover { color: #fcc; }

div.alt0 { padding-right: 150px; }
div.alt1 { padding-left: 150px; }

div.inserisci p { margin: 8px 0 0 30px; font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 11pt; }
div.inserisci h3 { font-style: normal; font-size: 14pt; font-family: "Trebuchet MS", "Verdana", sans-serif; margin-top: 20px; margin-bottom: 2px; }
div.inserisci p.avviso { font-size: 10px; font-family: "Trebuchet MS", "Verdana", sans-serif; }
div.inserisci p.note { margin-top: 30px; font-size: 11px; font-family: "Trebuchet MS", "Verdana", sans-serif; }
div.inserisci button { border: 2px solid #eef; background: #bbc; font: normal 11px "Verdana", sans-serif; }
div.inserisci p.button { margin: 10px 0 30px 30px; }

div.pager { font-size: 12px; font-family: "Trebuchet MS", "Verdana", sans-serif; text-align: right; border-top: 1px solid #99c; padding-top: 10px; margin: 20px 0; }
div.copy { font-size: 10px; font-family: "Verdana", sans-serif; margin-top: 20px; color: #999; }

div#home { position: relative; }
div#home h2 { font-weight: normal; font-size: 20px; color: white; text-align: center; margin-top: 0; }
div#home h3 { font-weight: normal; font-size: 20px; color: white; }
div#ultimi { float: right; width: 50%; }
div#ultimi div.fantaiku { margin: 20px; padding: 10px; text-align: center; color: #eef; }
div#ultimi div.fantaiku alt0, div#ultimi div.fantaiku alt1 { padding: 0; }
div#avviso { float: left; width: 49%; border: 1px solid white; }
div#spiegazione { float: left; width: 49%; font-size: 13px; }
div#avviso h3 { margin: 10px 10px 5px 10px; font-size: 13px; font-family: "Verdana", sans-serif; font-weight: bold; }
div#avviso p { font-size: 12px; font-family: "Verdana", sans-serif; margin: 0 10px 10px 10px; }