/* CSS Document */
/*Inizio Base*/
html, body{
	background:#d6d3d3;
	color:#000;
	font:small/1.5 Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
#wrapper{
	background:transparent url(../images/gradient_home.gif) top left repeat-x;
	}
#container{
	position:relative;
	width:950px;
	margin:0 auto;
	padding-top:1em;
	background:#6ea21d;
	}
#omino{
	position:absolute;
	background:transparent url(../images/omino.gif) top left no-repeat;
	width:212px;
	height:241px;
	}
body#willies #bw,
body#date #bw,
body#photogallery #bw,
body#bw-audio #bw,
body#bw-video #bw,
body#extra #bw,
body#links #bw,
body#contact #bw{
	position:absolute;
	width:484px;
	height:248px;
	bottom:-60px;
	right:-60px;
	}
/*Inizio Menu*/
h4{
	text-indent:-9999px;
	}
.mainNav{
	position:absolute;
	top:20em;
	left:1em;
	width:206px;
	list-style:none;
	border-right:1px solid #ccc;
	margin:0;
	padding:0 0.5em 0 0;
	}
.mainNav li{
	margin:0;
	padding:0 0 1em 0;
	display:block;
	width:206px;
	height:32px;
	}
.mainNav a{
	display:block;
	width:206px;
	height:0 !important;
	height/**/:32px;
	line-height:32px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	padding:32px 0 0 0;
	}
* html ul.mainNav li,
* html ul.mainNav a{
	height:0;
	}
li#home a{
	background-image:url(../images/menu/home.gif);
	}
li#band a{
	background-image:url(../images/menu/band.gif);
	}
li#gigs a{
	background-image:url(../images/menu/gigs.gif);
	}
li#photo a{
	background-image:url(../images/menu/photo.gif);
	}
li#audio a{
	background-image:url(../images/menu/audio.gif);
	}
li#video a{
	background-image:url(../images/menu/video.gif);
	}
li#extravag a{
	background-image:url(../images/menu/extra.gif);
	}
li#link a{
	background-image:url(../images/menu/links.gif);
	}
li#mailus a{
	background-image:url(../images/menu/contact.gif);
	}
li#home a:hover,
li#band a:hover,
li#gigs a:hover,
li#photo a:hover,
li#audio a:hover,
li#video a:hover,
li#extravag a:hover,
li#link a:hover,
li#mailus a:hover{
	background-position:-206px 0;
	border:1px solid #FFFF00;
	}
body#home-page li#home a,
body#willies li#band a,
body#date li#gigs a,
body#photogallery li#photo a,
body#bw-audio li#audio a,
body#bw-video li#video a,
body#extra li#extravag a,
body#links li#link a,
body#contact li#mailus a{
	background-position:-206px 0;
	}
/*End Menu*/
#clearing{
	clear:both;
	}
/*End Base*/

/*Home Page*/
body#home-page a:link,
body#home-page a:visited{
	color:#FFF;
	text-decoration:none;
	}
body#home-page a:hover,
body#home-page a:active{
	text-decoration:underline;
	}
#jack{
	position:relative;
	float:right;
	padding-bottom:34em;
	bottom:-34em;
	z-index:3;
	}
body#home-page h1{	
	position:absolute;
	background:transparent url(../images/sfondo-home.gif) top center no-repeat;
	width:580px;
	height:435px;
	left:10em;
	top:0;
	z-index:0;
	text-indent:-9999px;
	}
body#home-page .mainNav{
	position:absolute;
	top:26em;
	left:1em;
	width:206px;
	list-style:none;
	border-right:1px solid #ccc;
	margin:0;
	padding:0 0.5em 0 0;
	}
body#home-page #presentazione{
	position:absolute; 
	bottom:1em; 
	width:400px; 
	left:23em;
	}
/*End Home Page*/

/*blues-willies.php*/
body#willies h1{
	float:right;
	background:url(../images/storia-bw-png.png) no-repeat;
	width:370px;
	height:50px;
	margin:3.5em 11em 0 0;
	text-indent:-9999px;
	}
body#willies #presentazione{
	float:right;
	width:650px;
	margin-top:6.5em;
	padding-right:4em;
	}
ul.gruppo li{
	display:block;
	}
#content p,
#content ul{
    color:#FFF;
    font-size:110%;
    }
span.evidenzia{
	color:#54308d;
	font-weight:bold;
	}
body#willies #content{
	margin:1em;
	}
body#willies ul.gruppo{
	list-style:none;
	padding-bottom:12em;
	}
#img-fill-h1{
	position:absolute;
	right:8em;
	top:3.5em;
	}
body#willies #foto-float{
	float:right;
	margin:0.5em 1em;
	}
body#willies img.gruppo{
	float:left;
	margin:0.5em 1em;
	}
/*End blues-willies.php*/

/*date.php*/
body#date #container{
	height:700px;
	}
body#date h1{
	float:right;
	position:relative;
	background:url(../images/spotinlight.jpg) no-repeat;
	width:483px;
	height:209px;
	margin:2em 7em 0 0;
	text-indent:-9999px;
	z-index:1;
	}
body#date #img-fill-h1{
	position:absolute;
	right:2em;
	top:0;
	}
#ins_date{
	position:relative;
	background:transparent;
	width:500px;
	top:2em;
	margin:2em auto;
	z-index:3;
	padding-left:4em;
	}
#ins_date ul{
	list-style:none;
	margin-left:5em;
	}
#ins_date li{
	display:block;
	color:#FFF;
    text-align:left;
	font-size:130%;
    font-weight:bold;
	padding-top:0.5em;
}
span.data{
    color:#54308d;
    padding-right:10px;
}
span.luogo{
    color:#FFF;
}
#ins_date li.first{
	padding-top:2em;
	}
body#date #foto1{
	position:relative;
	left:56em;
	top:20em;
	}
body#date #foto2{
	position:relative;
	left:19em;
	top:1em;
	}
/*End date.php*/

/*Photogallery*/
body#photogallery h1{
	float:right;
	background:url(../images/photogallery.png) no-repeat;
	width:350px;
	height:100px;
	margin:3.5em 11em 0 0;
	text-indent:-9999px;
	}
body#photogallery #main{
	position:relative;
	width:650px;
	margin-top:200px;
	padding-bottom:200px;
	margin-left:250px;
	}
body#photogallery .foto-modulo{
	width:650px;
	background:#9d72ab url(../gallery/images/gallery-bottom.gif) left bottom no-repeat;
	}
body#photogallery .foto-modulo h3{
	background:url(../gallery/images/gallery-top.gif) left top no-repeat;
	padding:5px 10px 10px 10px;
	font:105% Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	color:#CCC;
	}
body#photogallery .foto-modulo ul{
	position:relative;
	left:10px;
	list-style:none;
	margin:0;
	padding:0;
	}
body#photogallery .foto-modulo li{
	display:inline;
	}
/*End Photogallery*/

/* Audio */

body#bw-audio #main{
	position:relative;
	left:230px;
	width:600px;
	}
body#bw-audio h1{
	position:relative;
	background:url(../images/h1-audio.png) top left no-repeat;
	width:350px;
	height:80px;
	margin:1em auto -2em 12em;
	text-indent:-9999px;
	}
ul.song{
	list-style:none;
	}
ul#suonare-stella{
	padding-bottom:3em;
	}
ul.song li{
	color:#54308d;
	line-height:2;
	}
span.hear{
	margin-left:0.6em;
	}
span.hear a:link{
	color:#FC0;
	}
span.hear a:hover,
span.hear a:active{
	color:#FFF;
	}
/* End audio */

/* Video */

/*body#bw-video h1{
	position:relative;
	background:url(../images/h1-video.png) top left no-repeat;
	width:350px;
	height:80px;
	margin:1em auto -2em 12em;
	text-indent:-9999px;
	}
*/
/* End video */

/*links.php*/

body#links h1{
	position:relative;
	background:url(../images/links.png) top left no-repeat;
	width:237px;
	height:53px;
	margin:4em auto 0 12em;
	text-indent:-9999px;
	}
body#links #img-fill-h1{
	position:absolute;
	right:13em;
	top:1em;
	}
	
/*Inizio styling links*/
#link-container{
	position:relative;
	width:500px;
	margin:1em auto;
	z-index:2;
	}
#listlink{
	float:left;
	width:500px;
	margin:0 auto;
	padding:10px 0 10em 0;
	}
#listlink dl{
	float:left;
	width:460px;
	margin:10px 20px;
	padding:0;
	display:inline;
	}
#listlink dt{
	float:right;
	width:362px;
	margin:0;
	padding:0;
	font-size:130%;
	letter-spacing:1px;
	color:#54308d;
	}
#listlink dd{
	margin:0;
	padding:0;
	font-size:90%;
	line-height:1.5em;
	color:#245388;
	}
#listlink dd.img img{
	float:left;
	margin:0 8px 0 0;
	padding:4px;
	border:1px solid #D9E0E6;
	border-bottom-color:#C8CDD2;
	border-right-color:#C8CDD2;
	background-color:transparent;
	}
#listlink a:link,
#listlink a:visited{
	font-weight:bolder;
	text-decoration:none;
	}
#listlink a:hover,
#listlink a:active{
	text-decoration:underline;
	}
body#links #foto1{
	position:absolute;
	top:15em;
	right:1em;
	}
body#links #foto2{
	position:absolute;
	bottom:35em;
	right:1em;
	}
body#links #foto3{
	position:absolute;
	bottom:14em;
	right:1em;
	}
/*End links.php*/

/*contact.php*/
body#contact #container{
	height:900px;
	}
body#contact h1{
	position:absolute;
	width:268px;
	height:62px;
	top:4em;
	left:12em;
	background:url(../images/contact.png) top left no-repeat;
	text-indent:-9999px;
	}
#contact_form{
	position:relative;
	/*border:1px solid #fff;*/
	width:500px;
	margin:15em auto;
	z-index:2;
	}
form{
	margin:10px 25px 0 50px;
	}
#name,
#surname,
#email{
	width:200px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	background-color:#9791B7;
	}
#message{
	width:400px;
	height:150px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	background-color:#9791B7;
	}
label,
.warning{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
.warning{
	/*position:absolute;*/
	font-size:110%;
	color:#FFF;
	/*top:-2em;
	left:9em;*/
	}
p.invio{
	margin-left:12em;
	}
body#contact #foto1{
	position:absolute;
	top:23em;
	right:1em;
	z-index:1;
	}
body#contact #foto2{
	position:absolute;
	bottom:3em;
	left:15em;
	z-index:1;
	}
body#contact #img-fill-h1{
	position:absolute;
	right:10em;
	top:3em;
	}
/*end contact.php*/

/*under construction*/
body#extra h1,
body#bw-video h1{	
	position:absolute;
	background:transparent url(../images/sfondo-home.gif) top center no-repeat;
	width:580px;
	height:435px;
	left:10em;
	top:0;
	z-index:0;
	text-indent:-9999px;
	}
p.construction{
	position:relative;
	background:url(../images/work-progress.png) no-repeat;
	width:350px;
	height:100px;
	top:32em;
	left:26em;
	text-indent:-9999px;
	}
/*end under construction*/