/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* TAGS	                                                       */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* Regole per il corpo del documento */
body {
/*	margin:0px; */ 
/*	padding:0px;	*/
	 background-color: black;
	 color: #FFF9EA;
	 scrollbar-arrow-color: red; 
/*	 scrollbar-face-color: gold; */
/*	 scrollbar-highlight-color: gold; */
/*	 scrollbar-dark-shadow-color: gold; */
/*	 scrollbar-track-color: green;  */
/*	 scrollbar-3d-light-color: gold; 	*/
	 scrollbar-base-color: rgb(139,54,17); 
	 font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica;
	 font-size: 10pt; 
	}
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* Titolo di primo livello */
h1 {
	font-size:24pt;
	}

/* Titolo di secondo livello */
h2 {
	font-size:20pt;
	}

/* Titolo di terzo livello */
h3 {
	font-size:16pt;
	}

/* Titolo di quartolivello */
h4 {
	font-size:12pt;
	}

/* Titolo di quinto livello */
h5 {
	font-size:10pt;
	}

/* Titolo di sesto livello */
h6 {
	font-size:8pt;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'BankGothic Md Bt', HancockParkLaser , 'Arial Black', Impact, 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; 
    color: gold;
	}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

iframe {
	background-color: transparent;
	width: 80%;
	height: 40%;
	}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

input, .inputbox {
	background-color: #FFF9EA; 
	font-family: Century Gothic;
	font-size: 10 pt; 
	border-style: solid; 
	border-color: #993300;
	}
	
input:focus {
	background-color: yellow /* khaki */
	}	

textarea:focus {
	background-color: yellow /* khaki*/
	}

input.tasto, .tasto {
	font-size: 12 pt;
	font-family: Century Gothic; 
	color: #FFF9EA; 
	font-weight: bold; 
	background-color: #993300; 
	border-style: groove; 
	border-color: #993300;
	}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* Paragrafo generico                                          */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

p {
	color: #FFF9EA;
/*	text-align: justify;	*/
	text-indent: 15px;
	margin: 10px;  /* era 10 */
	padding-left: 20px; /* era 30 px */
	padding-right: 20px; /* era 30 px */
	}
	
p.date_concerti {
	text-indent: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	text-align: left
	}

.spaziato {
	letter-spacing: 5px;
	}

p:first-letter
	{
	font-weight: bold;
	}

p.date_concerti:first-letter
	{
	font-weight: bold;
/*	font-size: x-large; */
/*	color: red   */
	}

p.gruppi:first-line {
	color: gold;
	font-variant: small-caps
	}

/* Links ----- ----- ----- ----- ----- ----- ----- */
A:link {
	color: #FF9933; /* #FF9933  goldenrod*/ 
	text-decoration: none;
	font-style: none; /* italic */
	font-weight: normal;
	}

A:visited {
    color: darkgoldenrod ; /* darkgoldenrod */
	text-decoration: none; /* line-through;  */
	font-style: italic;
	font-weight: normal;
	}

a:hover {
    color: gold;
    text-decoration: line-through; /* underline overline */
	font-style: normal;
/*	font-size: 105%;	*/
	font-weight: bold;
	text-transform: uppercase;
	}

A:focus, a.tabellina:focus {
	color: red; /* non funziona in IE */
	}

a.tabellina:link, A.tabellina:visited {
	text-decoration: blink line-through;
	background-color: none;
	}

a.tabellina:hover {
    text-decoration: underline overline;
        }

a.tabellina:visited {
    color: yellow;
        }

/* Linee orizzontali ----- ----- ----- ----- ----- ----- ----- */ 
hr, hr.date_concerti {
	border: 0; /* lasciare 0 altrimenti non funziona il colore con mozilla se altezza < 3 ! */
	width: 80%;
	color: orange; /* #FFF9EA per IE */
	background-color: orange; /* #FFF9EA per Opera e Mozilla */
	height: 1px;
	}

hr.date_concerti {
	width: 100%;
	}
	

/* Tabelle incluse ----- ----- ----- ----- ----- ----- ----- */
.include {
	width: 80%;
	align: left;
	}


/* ID Tabella stile aruba logon (da testare)
table { background-color: #cccccc; font-size: 9pt; padding: 3px }
td    { color: #000000; background-color: #cccccc; border-width: 0px }
th    { color: #ffffff; background-color: #0000cc; border-width: 0px }
*/

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* CLASSI	                                                   */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* Classi per il testo: */
.testo_s1 { font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; font-size: 70%}	/* size 1 */
.testo_s2 { font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; font-size: 84%}	/* size 2 circa 10 pt */
.testo_s3 { font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; font-size: 100%}  /* size 3 circa 12 pt questo e' il default */
.testo_s4 { font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; font-size: 120%}  /* size 4 */
.testo_s5 { font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; font-size: 150%}  /* size 5 */
.testo_s6 { font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; font-size: 200%}  /* size 6 */
.testo_s7 { font-family: 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; font-size: 300%}  /* size 7 */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

.testo_s2.italico { font-style: italic; }
.testo_s3.italico { font-style: italic; }

/* Tabella classi dei colori ----- ----- ----- ----- ----- ----- ----- */

.colore_s1 {color: navajowhite;}
.colore_testo_1 {color: #FFF9EA;}

.arancio {color: #FF9933;}
.rosso {color: #ff4500;} /* standard */
.giallo {color: =#FFFF00;} /* standard */
.blu {color: #0000FF;} /* standard */


/* Titoli ----- ----- ----- ----- ----- ----- ----- */


.titolo_h2 {
	font-size:22pt;
	}

.titolo_h3 {
	font-size:16pt;
	}

.titolo_h4 {
	font-size:12pt;
	}

.titolo_h3, .titolo_h4, .titolo_h2 {
	font-family: 'BankGothic Md Bt', HancockParkLaser , 'Arial Black', Impact, 'Century Gothic', Verdana, Tahoma, Arial, Helvetica; 
    color: gold;
	font-weight: bold;
	}


/* Testo giustificato ----- ----- ----- ----- ----- ----- ----- */
.giustificato {
	text-align: justify;	
	}

/* Classi per l'immagine di sfondo */
body.acustica, body.explorer, body.acu_gib, body.telecaster {
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
	}

/* Martin ----- ----- ----- ----- ----- ----- ----- */
body.acustica {
	background-image: url('images/guitar_martin_trasp.gif');
	}

/* Explorer */
body.explorer {
	background-image: url('images/guitar_explorer_trasp.gif');
	}

/* Acustica gibson */
body.acu_gib {
	background-image: url('images/guitar_acu_gib_trasp.gif');
	}

/* Telecaster */
body.telecaster {
	background-image: url('images/guitar_telecaster_trasp.gif');
	}

/* Classi tabella modifica Guestbook ----- ----- ----- ----- ----- ----- ----- */

table.guestbook {
	border-style: solid; 
	border-color: orange; /* #FFF9EA; */
	width: 65%;
	}

/* TD definisce la cella */
td.guestbook, tr.guestbook {
	border-style: solid;  
	border-color: orange; /* #FFF9EA;*/
	padding-left: 0px; 
	text-align: left
	}

td.guestbook {
	padding-left: 20px;
	padding-right: 20px
	}

p.guestbook {
	padding: 0px;
	margin: 0px	
	}

p.guestbook:first-letter{
	font-weight: bold;
/*	font-size: x-large; */
/*	color: red   */
	}

p.guestbook:first-line {
	color: gold;
	font-variant: small-caps
	}

/* UNIQUES ID */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* Slideshow override dimensioni standard di 320x240 */
#mySlideShow {
	width: 320px;
	height: 240px;
	} 

/* Smooth gallety override dimensioni standard di 460x365 */
#myGallery {
	width: 460px;
	height: 365px;
	} 

#no-indent {
	text-indent: 0px;		
	}


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* PROVE VARIE       ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* Posizionamento immagini e scritte */


#logo_band {
	/*background: Silver; /* colore sfondo */
	margin : 20px; /* Distanza della cornice dal margine della pagina */
	border : 0px solid #CC0033; /* Cornice e colore */
	padding : 10px; /* distanza contenuto dalla dimensione del div */
	/* Dimensioni del div /* se 0 prende le dimensioni del contenuto */
	width : auto;
	height : auto; 
	zindex: 1;
	}

#table_1 {
	margin : 20px; /* Distanza dal margine della pagina */
	border : 0px solid yellow; /* Cornice */
	padding : 0px; /* distanza contenuto dalla dimensione del div */
	/* Dimensioni del div /* se 0 prende le dimensioni del contenuto */
	width : auto;
	height : auto; 
	width: auto;
	}

#table_loghi {
	width: 170px;
	height: 130px;
	text-align: center;
	}

#band_prova {
	background: Silver;
	margin : 40px;
	border : 10px solid yellow;
	padding : 10px;
	width : 200px;
	height : 100px;
	}

#weblink2 {
position: absolute;
    top: 40 px;
    left: 20 px; 
	zindex: 1;
	}

A.img:hover {
    color: red;
    text-decoration: underline overline;
	font-style: normal;
	font-size: 105%;
	font-weight: bold;
	text-transform: uppercase;
	background: yellow;
	}

#div1 {
	 background: Silver; /* Sfondo colr argento */
	 width: 300px;
	}

#div2 {
	 background: Silver;
	 width: 300px;
	 position: absolute;
	 top: 400px;
	 left: 400px;
	}

/* usato su HR area riservata */
#paf { 
	COLOR: yellow;
	width: 100%;	
	}
	
/* TABELLINA FISSA A */	
#topsx {
	position: absolute;
	bottom:5px; /* allineamento verticale del box */
	left: 5px; /* allineamento orizzonatale del box */
	border:0px solid white; /*era 1px dashed black */
	text-align:center;
	padding:0px;
	z-index:1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	height: 160px;
/*	color: yellow; */ /* colore del testo */
}
/* PER OPERA 5 */
body>#menudes {width:160px;}

/* TABELLINA FISSA IN ALTO A DESTRA */
#topDx {
/*	position:absolute; */

    position: fixed !important; /* per compatibilità con IE ver 6 e 7 */
    position: absolute;

	background-color: darkred;

	top:5px; /* allineamento verticale del box */
	right:25px; /* allineamento orizzonatale del box */
	border:1px solid gold; /*era 1px dashed black */
	text-align:center;
	color:white;
	padding:5px;
	z-index:15;
	voice-family: "\"}\"";
	voice-family:inherit; 
	width:160px;
/*	color: yellow;  /* colore del testo */
}
/* PER OPERA 5 */
body>#menudes {width:160px;}