html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/

* {margin: 0;padding: 0;}

body {background: #333 url("images/blu.gif") repeat;text-align: center;font: normal 11px/18px verdana, arial, sans-serif;color: #333;padding-top: 40px;}

p {margin-bottom: 20px;}
p:first-line {font-weight: bold;color: #818181;}

a {color: #666;text-decoration: none;}

a:visited {text-decoration: none;}

a:hover {color: #051742; background-color: #F7CB33;}

a:hover img {border-color: #f00;}



div#wrapper {width: 580px;width:610px;width:580px;border: solid 10px #fff;margin: 0 auto;background: #fff url("images/sidebar.gif") repeat-y;background-position: 0 0;text-align: left;}



div#italianoenglish{text-align: right; font-color:#000000; font-size:90%;}
div#italianoenglish a{color: #000000; text-decoration: none; font-size:90%;}
div#italianoenglish a:hover{color: #000000; text-decoration: underline; }

div#jazz h1:first-letter {color: #FFED00;text-decoration: underline;}
div#disco h1:first-letter {color: #f00;text-decoration: underline;}
div#musica h1:first-letter {color: #F7CB33;text-decoration: underline;}
div#band h1:first-letter {color: #fff;text-decoration: underline;}


div#header {width: 580px;width:610px;width:580px;height: 210px;background: #000; }

div#menu{float: left;position:relative;height:210px;width: 150px;width:160px;width:150px;}


div#fototitolo {float: right; height: 210px; width: 430px;width:450px;width:430px; text-align: right;}

div#titolo i{font-size: 140%; font-weight: lighter; color: #F7CB33;}
div#titolo h1 {width: 140px;width:160px;width:140px; height: 30px; background-color: #051742; margin: 1px 1px 1px 0; float: left; font: bold 16px/30px arial, verdana, sans-serif; padding-left: 10px; color: #fff; cursor: default;}
div#titolo h2{width: 419px;width:439px;width:419px;height: 30px;background-color: #333;float: right; font: bold 16px/30px arial, verdana, sans-serif; margin-top: 1px; font-weight: bold; color: #FFFFFF;background-color: #000;padding-left: 10px;cursor: default;}



div#content {float: left; width: 400px;width:420px;width:400px; margin: 10px 0 0 10px;}
div#content h1:first-letter {color: #F00;text-decoration: underline;font-size: 130%;}
div#content h1{color: #051742;font-weight: bold;font-size: 170%;font-style: italic;}
div#content h2{color: #F7CB33;font-weight: bold;background-color: #051742;}
div#content h2:first-letter {color: #F00;text-decoration: underline;font-size: 120%;}
div#content h3{color: #051742;font-weight: bold;}

div#content a {color: #000;font-weight: bold;text-decoration: none;}
div#content b {color: #051742;}

div#content ul{margin:0 0 1em; padding:0; list-style-type: none}
div#content ul li{margin:0; padding-left:16px; line-height:1.4;background: url(bodybullet.jpg) no-repeat 0 4px}


dd,dl{margin:0;padding:0}
dl#plist{margin-bottom:1em}
dl#plist dt{clear:left;margin: 1em 0 0.3em;padding:0;font-weight:bold;font-size: 120%;color: #0077A2}
dl#plist dd.image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right;}
dl#plist img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px}

div#sidebar {clear: both; width: 132px;width:152px;width:132px; background-color: #ccc; float: left; border-top: 1px solid #fff; font: normal 10px/18px verdana, arial, sans-serif; padding: 8px; top: 319px;}
div#sidebar img {border: none;}

#repertorio {list-style: none;z-index: 2;border-right: 1px solid #fff;height: 210px;width: 380px;width:400px;width:380px;}

#repertorio li a {color: #fff;font: normal 11px/24px verdana, arial, sans-serif;display: block;width: 380px;width:400px;width:380px;height: 24px;background-color: #fff;border-bottom: 1px solid #fff;padding-left: 10px;text-decoration: none;}

#repertorio li a:hover {background-color: #F7CB33; color: #000000;font-weight: bold;}

#nav {list-style: none;z-index: 2;border-right: 1px solid #fff;height: 210px;width: 150px;width:160px;width:150px;}

#nav li a {color: #fff;font: normal 11px/24px verdana, arial, sans-serif;display: block;width: 140px;width:160px;width:140px;height: 24px;background-color: #000;border-bottom: 1px solid #fff;padding-left: 10px;text-decoration: none;}

#nav li a:hover {background-color: #F7CB33; color: #000000;font-weight: bold;}

#current a {background-image: url("images/bullet.gif");background-repeat: no-repeat;background-position: 100% 50%;}















div#foot {clear: both;width: 400px;width:420px;width:400px;margin-left: 163px;}

div#footer {clear: both;margin-left: 0px;height: 50px;}

div#copy a:hover {color: #F7CB33;background-color: #000;}


