/* LAYOUT Ninosoft.it XHTML */

/*Ordine margin e padding: top right bottm left */

html{margin: 0;padding:0}
body{
  padding-bottom: 10px;
  font-family: verdana,arial,sans-serif;
  font-size: 12px;
  background: #4051A4 url(bkgrd.gif) repeat-y;
  color: #000000;
}

a:link, a:visited, a:active {
  color: #0000FF;
  text-decoration: none;
}
a:hover {
  color: #0000FF;
  text-decoration: underline;
}

#background {
  position:absolute; left:26px; top:5px;
  width: 715px;
  border: 0px;
  background:#ffffff;
}

#testata {
  position:relative; left:0px; top:0px; z-index:5;
  margin: 0px;
  width: 100%; 
  text-align: center;
  height: 62px;
  border: 0px;
}
#testata_logo {
  padding: 0px;
  height:62px; 
}

#menu_testata {
  width: 100%; 
  height: 16px; 
  background: #303A6C url(menu_bk.gif) top left no-repeat;
  padding: 0px;
  font-size: 10px;
  color: #FFE27D;
  font-style: normal;
  font-weight: bold;
}
#menu_testata_sx {
  padding-left: 186px; 
  text-align: left;
}
#menu_testata_dx {
  float: right;
  width: 29%; 
  padding-right: 4px; 
  text-align: right;
}

a.testata:link, a.testata:visited, a.testata:active {
  color: #FFE27D;
  text-decoration: none;
}
a.testata:hover {
  color: #FFE27D;
  text-decoration: underline;
}


#sonny {
  float: left;
  width:230px; 
  height:520px; 
  background: url(sonny.gif) top left no-repeat;
}

#contenuti {
  width:470px; 
  margin: 0px 4px;
  margin: 0px 0px 0px 240px;
  
}


#contenuti_musicista {
  width:100%; 
  margin: 0px 4px;
  padding: 0px;
}

.topic_box {
  margin-top: 25px; 
  margin-bottom: 35px; 
}

h1, h2 { /* Titolo Pagina, Titoli paragrafi */
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #fe9104;
}

.gray_box {
  background: #E7E7E7;
  padding: 2px; 
  margin-bottom: 5px; 
}

.gray_box_left {
  float: left;
  width: 110px;
  height: 100%;
}

.gray_box_right {
  width: 340px;
  vertical-align: top;
  font-size: 10px;
}

.gray_box_subtitle {
  padding: 0px; 
  margin-top: 2px; 
  margin-bottom: 6px; 
  font-size: 12px;
}


h3 { /* Titoli nelle Gray Boxes */
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  color: #0000FF;
  padding: 0px; 
  margin: 0px; 
}

p {
  padding: 8px 0px 0px 0px; 
  margin: 0px; 
}




#bottom {
  clear:right;    /* evita che la navigazione si sovrapponga al footer */
  width:100%; 
  height:14px; 
  background: #303A6C;
  font-size: 10px;
  color: #EEEEEE;
  text-align: center;
  clear: left;
}

address {
  font-style: normal;
}

#error_msg {
  font-size: 18px;
  color: #FF0000;
  text-align: center;
}

.centrato {
  text-align: center;
}

.ClearLeft {
  clear: left;
}

.strumento {
  text-transform: lowercase;
}

.provenienza {
  margin-top: -20px;
}

img {
  margin-bottom: 4px;
  margin-top: 4px;
  border: 0px;
}

/* Immagini allineate a destra */
img#destra1 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra2 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra3 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra4 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra5 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra6 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra7 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra8 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra9 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra10 { float: right; margin-left: 10px; margin-right: 0px; }

/* Immagini allineate a sinistra */
img#sinistra1 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra2 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra3 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra4 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra5 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra6 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra7 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra8 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra9 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra10 { float: left; margin-left: 0px; margin-right: 10px; }


acronym {
  border-bottom: dotted #0000FF 1px;
  font-style: italic;
  cursor: help;
}