@charset "UTF-8";

body {
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #C0C0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}

#container  {
	width: 920px;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#header  {
	background: #000;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	color: #EAEE9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	}

#header  h1  {

	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */

	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
	}

#mainContent  {
	background: #FFFFFF;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 460px;
	}

#contentHome  {
	height: 430px;
	background-image: url(../img/daniele_home.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}

#contentBio  {
	height: 430px;
	background-image: url(../img/daniele_bio.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}

#contentRecensioniHome {
	height: 430px;
	background-image: url(../img/daniele_recensioni.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}
	
#contentRecensioni {
	height: 430px;
	background-image: url(../img/daniele_recensioni_blank.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}
	
#contentDisco  {
	height: 430px;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../img/daniele_disco.jpg);
	background-repeat: no-repeat;
	}
	
#contentProgetti  {
	height: 430px;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../img/daniele_progetti.jpg);
	background-repeat: no-repeat;
	}
	
#contentTour  {
	height: 430px;
	background-image: url(../img/daniele_tour.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}
	
#contentImmagini  {
	height: 430px;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../img/daniele_immagini.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	}

#contentVideo  {
	height: 430px;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../img/daniele_video_blank.jpg);
	background-repeat: no-repeat;
	}
	
#contentBlank  {
	height: 430px;
	background-image: url(../img/daniele_blank.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}
	
#contentTour  {
	height: 430px;
	background-image: url(../img/daniele_tour.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}
	
#contentNews  {
	height: 430px;
	background-image: url(../img/daniele_news.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}
	
#contentContatti  {
	height: 430px;
	background-image: url(../img/daniele_contatti.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	}


#footer  {
	background-color: #000000;
	background-image: url(../img/daniele_footer.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin: 5px;
	padding-top: 0px;
}

#player_home {
	background-color: #000000;
	background-repeat: no-repeat;
	margin: 5px;
	height: 23px;
	border:none;
	text-align: center;
	padding: 5px;
}

#footer  p  {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	text-align: center;
	font-size: x-small;
	color: #666666;
}

#smallprint  {
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 30px;
}

#smallprint  p  {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	text-align: center;
	font-size: x-small;
	color: #A88382;
}


#bio_txt {
	color: #666;
	font-size: 11px;
	margin-left: 40px;
	height: 400px;
	width: 320px;
	overflow: auto;
	text-align: justify;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.btn_close {
	color: #888;
	font-size: 10px;
	}
	
#tour_txt {
	color: #666;
	font-size: 11px;
	margin-left: 40px;
	height: 400px;
	width: 320px;
	overflow: auto;
	text-align: justify;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#recensioni_list {
	color: #666;
	font-size: 11px;
	margin-left: 40px;
	height: 410px;
	width: 350px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	}
	

#recensioni_txt {
	color: #666;
	font-size: 11px;
	margin-left: 30px;
	height: 410px;
	width: 460px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	}
	
#news_txt {
	color: #666;
	font-size: 11px;
	margin-left: 40px;
	height: 400px;
	width: 320px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#contatti_txt {
	color: #CCCCCC;
	font-size: 11px;
	margin-left: 45px;
	height: 400px;
	width: 320px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}


#discobox {
	color: #666;
	font-size: 11px;
	margin-left: 40px;
	height: 400px;
	width: 210px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#fotobox {
	float: left;
	color: #666;
	font-size: 11px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	width: 890px;
	height: 425px;
	padding-left: 30px;
	margin-top: 2px;
	}

#videomenu {
	float: left;
	color: #666;
	font-size: 11px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	width: 350px;
	height: 410px;
	padding-left: 40px;
	padding-top: 20px;
	}

#videobox {
	float: left;
	color: #666;
	font-size: 11px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	width: 460px;
	height: 410px;
	padding-left: 40px;
	padding-top: 20px;
	}


#progetti_list {
	color: #666;
	font-size: 11px;
	margin-left: 40px;
	height: 400px;
	width: 280px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#middledata_txt {
	float: right;
	color: #666666;
	font-size: 11px;
	height: 400px;
	width: 270px;
	overflow: auto;
	text-align: left;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 0px;
	}
	
#middledata_collaborazioni {
	float: right;
	color: #666666;
	font-size: 11px;
	height: 400px;
	width: 645px;
	overflow: auto;
	text-align: left;
	line-height: 130%;
	margin-left: 5px;
	margin-top: 0px;
	padding: 10px 10px 0px 0px;
	}
	
#progetti_middledata_txt {
	float: right;
	color: #666666;
	font-size: 11px;
	height: 400px;
	width: 180px;
	overflow: auto;
	text-align: left;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}

#progetti_txt {
	float: right;
	color: #666666;
	font-size: 11px;
	height: 400px;
	width: 365px;
	overflow: auto;
	text-align: left;
	line-height: 115%;
	margin-top: 20px;
	padding: 5px;
	margin-right: 10px;
	}

#copertina {
	float: right;
	color: #666666;
	font-size: 11px;
	height: 400px;
	width: 365px;
	overflow: auto;
	text-align: center;
	line-height: 115%;
	margin-top: 20px;
	padding: 5px;
	}


/* Testo */

.titolo_mid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #510C10;
	font-weight: bold;
	font-size: 12px;
	}
	
.titolo_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #510C10;
	font-weight: bolder;
	font-size: 14px;
	line-height: 120%;
	}
	
.titolo_2nd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #510C10;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	}
	
.titolo_grigio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	line-height: 120%;
	}
	
	
.data_recensione {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
	
.rossorosso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
	}

/* Minitabs */
	
#miniflex {
	width: 100%;
	float: left;
	font-size: large;
	margin: 0;
	padding: 10px;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 65%;
	font-weight: bold;
	text-decoration: none;
	color: #E3E79A;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 2px;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	color: #E3E79A;
	background-color: #A88382;
	padding: 2px;
	}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

#progetti_list ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align: left;
	margin-bottom: 10px;
	}

#progetti_list ul li {
	list-style: url(none) none;
	padding-bottom:6px;
	margin:0;
	padding-right: 10px;
	}

#contentTour ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align: left;
	margin-bottom: 5px;
	}

#contentTour ul li {
	list-style: url(none) none;
	padding-bottom:6px;
	margin:0;
	padding-right: 10px;
	}

#middledata_txt ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align: left;
	margin-bottom: 3px;
	}

#middledata_collaborazioni ul li {
	list-style: url(none) none;
	display: inline;
	margin:0;
	padding-right: 10px;
	line-height: 130%;
	}
	
#middledata_collaborazioni ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align: left;
	margin-bottom: 3px;
	}

#middledata_txt ul li {
	list-style: url(none) none;
	margin:0;
	padding-right: 10px;
	line-height: 130%;
	}
	
#progetti_middledata_txt ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align: left;
	margin-bottom: 3px;
	}

#progetti_middledata_txt ul li {
	list-style: url(none) none;
	margin:0;
	padding-right: 10px;
	line-height: 130%;
	}


#discobox ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align: left;
	}

#discobox ul li {
	list-style: url(none) none;
	display: inline;
	}
	
/* Link Styles */
	
a:link {
	color: #666;
	text-decoration: none;
	}
	
a:visited {
	color: #666;
	text-decoration: none;
	}
	
a:hover {
	color:#666;
	font-weight: bold;
	}
	
a:active {color:#FFF;}


#contentContatti a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#contentContatti a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
#contentContatti a:hover {
	color:#FFFF00;
	font-weight: normal;
	text-decoration: underline;
	}
	
#contentContatti a:active {color:#FFF;}


#middledata_txt a:link {
	color: #FF0000;
	text-decoration: none;
	}
	
#middledata_txt a:visited {
	color: #FF0000;
	text-decoration: none;
	}
	
#middledata_txt a:hover {
	color:#000000;
	font-weight: bold;
	}
	
#middledata_txt a:active {
	color:#FF0000;
}



	
	/* the amazing floats! */
		
	.float_left {
		float: left;
		margin: 5px;
		}
	
	.float_right {
		float: right;
		margin: 5px 5px 5px 10px;
		}


/* Galleria */

	.caption{color:#888;position:absolute;top:250px;left:3px;width:200px;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:200px;float:left;}
	.gallery_demo li{width:50px;height:50px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
	.gallery_demo li.hover{border-color:#bbb;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{margin:0 auto 60px auto;height:400px;width:700px;float:right;}
	
	.nav{padding-top:15px;clear:both;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}
#collaborazioni {
	text-align: left;
}

#shade, #modal { display: none; } 
#shade { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; } 
#modal { position: fixed; z-index: 101; top: 10%; left: 30%; } 
#shade { background: black; opacity: 0.5; filter: alpha(opacity=90); }

#modal {
	background-repeat: no-repeat;
	background-image: url(../img/popup/mistico.jpg);
	width: 500px;
	height: 500px;
}