@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; outline: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
img { -ms-interpolation-mode: bicubic; }
:focus { outline: 0;}


/* IMPAGINAZIONE */
html {background:url(images/fondo.jpg) no-repeat center -100px #111; margin-top:5%; }
body { font:12px Arial; line-height:17px; color:#DEDED2; background:url(images/fondo_body.png) 0 35px repeat-x; }

/* LAYOUT */
#head {width:100%; margin:0 auto; padding:0;  }
#gallery {margin:0; padding:0; width:590px; height:350px; overflow:hidden; position:relative; }
#side_gallery {margin:0; padding:0; width:290px; height:330px; overflow:hidden; position:relative; }

#slide { margin:0; padding:0; width:590px; height:357px; position:relative; float:left; background:url(images/ombra.png) bottom right no-repeat; padding-left:30px; }
#slide_agenda { margin:0; padding:0; width:290px; height:330px; float:left; padding-left:35px; margin-top:-32px; }
#slide_bio { margin:0; padding:0; width:290px; height:330px; float:left; padding-left:35px; margin-top:-32px; }
#slide_discografia { margin:0; padding:0; width:280px; height:320px; float:left; padding-left:45px; margin-top:-22px; }
#slide_contatti { margin:0; padding:0; width:280px; height:320px; float:left; padding-left:45px; margin-top:-22px; }


#main { width:990px; margin:0 auto; padding:0; background:url(images/schema_home.png) no-repeat; margin-top:-47px; padding-top:65px; }
#main_livello { width:990px; margin:0 auto; padding:0; background:url(images/schema_livello.png) no-repeat; margin-top:-47px; padding-top:65px }

#foto li { border:1px solid #222; padding:6px; margin-bottom:10px; display:block;}
#foto li.on {background:#111; border:1px solid #333; padding:6px; margin-bottom:10px; display:block;}

/* TIPOGRAFIA */
a:focus { outline: 0; }
a, a:link {color:#999; text-decoration:none;}
a:hover {color:#FFF; text-decoration:underline;}
p {margin-bottom:10px;}
h1 { font:14px arial; color:#099; font-weight:bold; display:block; background:url(images/ombra_footer.png) no-repeat 0 20px; padding-bottom:15px; }
.event_name { font:14px arial; color:#FFF; display:block; border-bottom:2px solid #111; padding-bottom:5px; margin-bottom:5px; }
.separator { margin:0 auto; width:100%; height:10px; display:block;   }
.cd {float:right; margin-left:10px; margin-bottom:10px; border:4px solid #000;}
.cd_mini {float:right; margin-left:10px; margin-bottom:10px; border:2px solid #000;}
.foto_mini {float:left; margin-right:10px; margin-bottom:10px; border:4px solid #000;}
.riga {display:block; float:left; padding:7px; background:#111; }
label { width:70px; display:block; float:left;}
input {border:1px solid #111; padding:2px;}
form {border:1px solid #444; background:#111; display:block; width:100%; float:left; margin-bottom:20px;}
.item {border:1px solid #222; background:#000; display:block; width:100%;float:left; margin-bottom:10px; }
.data { display:block; padding:6px; }
.messaggio { padding:6px; background:#222;  display:block; width:95%; float:left;}
.event_name {color:#099;}

/* SCROLL */
#holder { float:left; padding-left:72px; margin-top:30px;}
.scroll-pane {	overflow: auto;	width:250px; height: 300px; padding-top:20px; padding-right:20px; }
#holder-testo { float:left; padding-left:60px;  margin-top:-32px; margin-bottom:3px; }
.scroll-testo {	overflow: auto;	width:554px; height: 289px; padding-top:30px; padding-right:20px; padding-bottom:10px;}
#holder-foto { float:left; padding-left:45px;  margin-top:-32px; margin-bottom:3px; }
.scroll-foto {	overflow: auto;	width:270px; height: 320px; padding-top:10px; padding-right:10px; }


/* TITOLI */
#titolo1 {background:url(images/titolo1.png) no-repeat; width:500px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }
#titolo2 {background:url(images/titolo2.png) no-repeat; width:500px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }
#titolo3 {background:url(images/titolo3.png) no-repeat; width:610px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }
#titolo4 {background:url(images/titolo4.png) no-repeat; width:500px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }
#titolo5 {background:url(images/titolo5.png) no-repeat; width:500px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }
#titolo6 {background:url(images/titolo6.png) no-repeat; width:500px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }
#titolo7 {background:url(images/titolo7.png) no-repeat; width:500px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }
#titolo8 {background:url(images/titolo8.png) no-repeat; width:500px; height:70px;  margin-left:350px; margin-top:-7px; z-index:99; position:relative; }


/* BANNER */
#banner { margin:0 auto; padding-left:36px; float:left; margin-top:25px; margin-bottom:25px;}
#banner-holder {width:200px; height: 110px; float:left; background:url(images/banner.png) no-repeat top left; padding-right:42px; }


/* FOOTER */

#footer { margin:0 auto; width:978px; font:11px Arial; display:block; background:url(images/ombra_footer.png) top center no-repeat; padding-bottom:5px; }
#address {float:right; padding-top:15px; }
#credits {float:left; padding-top:10px; }
#footer img {padding-right:10px;}

/* NAVIGATION BAR */

/* BUTTONS */

/* MENU */
#navbar {margin-left:345px; position:relative; z-index:99;}
#menu { margin:0 auto; padding:0; width:640px; height:35px; background:url(images/nav.png);  }
#menu #nav { margin: 0; padding: 0; }
#menu #nav ul {}
#menu #nav li { display: inline; }
#menu #nav li a { float: left; width:80px; height:35px; overflow: hidden; }
#menu #nav li a { background-image: url(images/nav.png); background-repeat: no-repeat;  }

/* BUTTONS */
#menu #nav li#link1 a { background-position: 0 35px; }
#menu #nav li#link2 a { background-position: 0 35px; }
#menu #nav li#link3 a { background-position: 0 35px; }
#menu #nav li#link4 a { background-position: 0 35px; }
#menu #nav li#link5 a { background-position: 0 35px; }
#menu #nav li#link6 a { background-position: 0 35px; }
#menu #nav li#link7 a { background-position: 0 35px; }
#menu #nav li#link8 a { background-position: 0 35px; }


/* OVER STATES */
#menu #nav li#link1 a:hover, #menu #nav #link1.on a { background-position: 0px -35px; }
#menu #nav li#link2 a:hover, #menu #nav #link2.on a { background-position: -80px -35px; }
#menu #nav li#link3 a:hover, #menu #nav #link3.on a { background-position: -160px -35px; }
#menu #nav li#link4 a:hover, #menu #nav #link4.on a { background-position: -240px -35px; }
#menu #nav li#link5 a:hover, #menu #nav #link5.on a { background-position: -320px -35px; }
#menu #nav li#link6 a:hover, #menu #nav #link6.on a { background-position: -400px -35px; }
#menu #nav li#link7 a:hover, #menu #nav #link7.on a { background-position: -480px -35px; }
#menu #nav li#link8 a:hover, #menu #nav #link8.on a { background-position: -560px -35px; }

#menu #nav span {display:none;}

/* SCROLLER */

