/* La Voce del Calamaio - CSS Document */

html, body { height: 100%; }
body { background: White; color: Black; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
a { color: Black; text-decoration: underline; }
a img { border: none; }
form#aspnetForm { margin: 0; padding: 0; height: 100%; }
ul { margin: 0; padding: 0; list-style: none; }

/* Stili generici */
.clear { clear: both; height: 1px; }

/* ***** Elementi principali layout ***** */
#outer { margin: 0 auto; width: 792px; }

#header { position: relative; height: 190px; background: White url(Images/header_calamaio.gif) no-repeat; }
#toplinks { position: absolute; bottom: 0; left: 26px; border: 1px solid White; border-width: 1px 0; }
#toplinks ul { color: White; font-size: 11px; overflow: hidden; border-left: 1px solid Black; }
#toplinks ul li { display: inline; }
#toplinks ul li a { float: left; padding: 5px 12px; background: Black; color: White; text-decoration: none; border: 1px solid Black; border-right: 1px solid #6B6B6B; border-left: 0; }
#toplinks ul li a:hover { background: White; color: Black; }
#header #blackink { position: absolute; top: 0; right: 13px; }

#footer { height: 48px; background: url(Images/bg-footer.gif) no-repeat; font-size: 10px; }
#footer p { margin: 0; padding-top: 18px; padding-left: 12px; }
#footer a { text-decoration: none; }
#footer a:hover { color: White; background: Black; }

#main { background: url(Images/bg-main.gif) repeat-y; padding-bottom: 10px; height: 1%; }

#content { float: left; width: 460px; padding: 20px 25px 10px; overflow: hidden; }

div#clear { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; }

/* ***** Menu laterali ***** */
#leftmenu { float: left; width: 140px; background: url(Images/bg-categorie.gif) no-repeat; min-height: 130px; height: auto !important; height: 130px; }
#leftmenu ul { margin-left: 26px; }
#rightmenu { float: right; width: 138px; background: url(Images/bg-arretrati.gif) no-repeat; padding-top: 120px; min-height: 120px; height: auto !important; height: 120px; }
#rightmenu ul { text-align: right; }

ul.sidenav { color: #FFFFFF; background: Black; width: 112px; font-size: 11px; border-top: 1px solid Black; border-bottom: 1px solid White; }
ul.sidenav li { display: inline; }
ul.sidenav li a { display: block; width: 86px; margin: 0 1px; padding: 4px 12px; background: Black; color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #6B6B6B; }
ul.sidenav li a:hover { background: White; color: Black; }

/* ***** Elementi comuni ***** */
h1 { color: Black; font-size: 16px; font-weight: bold; margin: 10px 0; }
h2 { color: Black; font-size: 12px; font-weight: bold; margin: 10px 0; }
h3 { color: Black; font-size: 13px; font-weight: normal; font-style: italic; margin: 10px 0; }
p { margin: 10px 0; }
img.topimage { border: 1px solid #444444; margin: 0; margin-bottom: 20px; }
#content p { line-height: 150%; }
#content a:hover { color: White; background: Black; text-decoration: none; }
p.firma { margin: 10px 0 0; text-align: right; font-weight: bold; font-style: italic; }

/* ***** Homepage ***** */
#editoriale { margin: 0; padding: 0; width: 100%; }
#editoriale h1, #editoriale p.firma { color: Purple; }

/* ***** Pagina arretrati ***** */
#arretrati { margin-bottom: -30px; }
.anteprima { margin-bottom: 30px; }
.anteprima h1 { font-size: 14px; }
.categoria { color: #959595; font-size: 12px; font-weight: bold; margin-top: 0; }
.linkdettaglio { font-weight: bold; text-decoration: none; }