/* Fonts */
@font-face {
	font-family: GraublauWeb;
	src: url("/assets/fonts/GraublauWeb.eot");
	src: local("Graublau Sans Web"), url("/assets/fonts/GraublauWeb.otf") format('opentype');
}

@font-face {
	font-family: League;
	src: url("/assets/fonts/LeagueGothic.eot");
	src: local("League Gothic"), url("/assets/fonts/LeagueGothic.otf") format('opentype');
}

body, html {padding:0; margin:0;}

img, div { behavior: url(/assets/img/iepngfix.htc) }

a img {border:none;}

body {
	font: normal 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	background: white url(../img/hb-bg.jpg) no-repeat scroll 50% 0px;
	color:#333;
	line-height: 20px;
}

strong {
	color:black;
}

em {
	font-weight: bold;
	color: black;
}

a {
	color:red;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	cursor:pointer;
}

h1, h2, h3{
	text-align: center;
	font-weight:bold;
	padding:0;
	margin: 40px 0 20px;
}

h1 {
	font-size:18px;
}

img.centered {
	display:block;
	margin:0 auto;
}

img.bigFlyer {
	margin-bottom: 20px;
}

.txtright {
	text-align: right;
}

div#player {
	position: fixed;
	bottom: 0px;
	left: 0px;
}

p#linkBox {
	text-align: center;
	font-size:12px;
	margin:-20px 0 35px;
	padding:0;
}

p#linkBox a {
	color: black;
}

p#linkBox a:hover {
	color: red;
}

ul {
	list-style: none;
	margin:0;
	padding:0;
}

div#content {
	padding:0 20px 20px;
	margin:0;
	border-left:2px solid #cacaca;
	border-right:2px solid #cacaca;
	width:618px;
	min-height:600px;
}

p.pagination {
	border: 1px solid #cacaca;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #efefef;
	padding: 4px;
	margin: 20px 10px 0 0;
	text-align: right;
	float:right;
}

a.backLink {
	display: block;
	border: 1px solid #cacaca;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #efefef;
	padding: 4px;
	margin: 10px 0 0;
	text-align: center;
}

/*AUTOCOMPLETION*/
div.autocomplete {
	position: absolute;
	width: 250px;
	background-color: white;
	border: 2px solid #333 ;
	margin: 0px;
	padding: 0px;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: #efefef;
}

div.autocomplete ul li.selected { 
	background-color: #ff9;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	font-size: smaller;
	color: #333;
	background:#fff;
	margin: 0 0 3px;
	padding: 0.1em;
	line-height: 1.5em;
	cursor: pointer;
}

/*NEWS*/

ul#newsList li.news {
	clear:both;
	margin:20px 0 40px;
}

li.news p {
	margin:0;
	padding:10px 20px 0;
}

ul#newsList li.news h2 {
	font-family: League, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#333;
	border: 1px solid #cacaca;
	border-bottom:0px solid black;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
	background: #efefef;
	margin:0;
	padding:5px;
	text-align: left;
	line-height: 22px;
}

ul#newsList li.news h1 {
	font-size:20px;
	font-family: GraublauWeb, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	text-align: left;
	margin:0; padding:0;
	color:black;
	border: 1px solid #cacaca;
	border-top:0px solid black;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
	background: #efefef;
	padding:0 5px 5px;
	line-height: 22px;
}

ul#newsList li.news ul.newConcerts {
	margin: 20px 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

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

img.spinner {
	display:block;
	margin:0 auto;
}

img#spinner {
	display:block;
	margin:100px auto;
}

div#logo {
	position:static;
	width:100%;
	height:160px;
}

div#logo img#hb {
	display: block;
	margin: 11px auto;
}

div#main {
	width:662px;
	margin:4px auto 0;
	padding:0;
}

div#content h2 {
	margin:3em 0 0;
	text-align:center;
	font-size:18px;
}

div#content h2.title {
	font-family: League, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 30px;
	margin: 30px 0 20px;
	clear: both;
	font-weight: normal;
}

div#content h3 {
	margin:2em 0 1em 3em;
}


/*THEBAND*/

h1.name {
	text-align:center;
	font-size:20px;
	margin:60px 0 0;
}

img.band {
	clear:both;
	display:block;
	margin:30px auto;
}

img.band.caption {
	clear:both;
	display:block;
	margin:30px auto 0;
}

p {
	margin:1em 2em 0;
	padding:0;
}

p.caption {
	margin:0 0 30px;
	padding:0 0 0 2em;
	text-align:center;
}

ul#menu {
	font-family: League, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	font-size:39px;
	text-transform: uppercase;
	height:40px;
	width:660px;
	padding:20px 0 0;
	margin:0 0 30px;
	text-align:center;
	list-style:none;
}

ul#menu li {
	display:inline;
	padding:5px;
}

ul#menu a {
	font-weight: normal;
	color: black;
	text-shadow: 1px 1px 2px #b00;
	text-decoration:none;
}

ul#menu a:hover {
	text-shadow: 2px 2px 6px #F44, -2px 2px 6px #F44, 2px -2px 6px #F44, -2px -2px 6px #F44;
}

ul#menu a.selected {
	color:red;
	text-shadow: 1px 1px 2px black;
}

div#footer {
	clear:both;
	background: white url(../img/bottom.png) no-repeat 50% 0;
	width:100%;
	height:50px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

/*OVERLAY*/
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; cursor:pointer;}
#imageContainer{ position: absolute; z-index: 90; width:100%; cursor:pointer;}
#innerImage {cursor:pointer; text-align: center; color: #EFEFEF;}

/*DOCK*/
div#dock {
	width:100%;
	height:160px;
	text-align:center;
}

div#dock img.docked{
	margin:50px 5px 0;
	height:100px;
	cursor:pointer;
}

div#floatingInfo {
	position:absolute;
	left:0px;
	top:430px;
	padding:5px;
	font-weight:bold;
	text-align:center;
	background:#efefef;
	border:1px solid #333;
}

/*FOTO & CONCERTS*/

ul.concertList, ul#albumContainer {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#photos div.photoThumb {
	float:left;
	width: 120px;
	height: 160px;
	margin: 8px;
	padding: 8px;
	border: 1px solid #cacaca;
	background: #efefef;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div#photos div.photoThumb img.photoThumb {
	width: 120px;
	height: 120px;
}

div#photos div.photoThumb span.photoComment {
	padding: 0 2px;
}

div#photos a.photoThumb {
	display: block;
	float: left;
	margin:10px;
}

div#photos a.photoThumb img {
	width: 120px;
	height: 120px;
}

li.concert, li.album {
	margin: 0 0 10px;
	padding: 5px;
	border: 1px solid #cacaca;
	background: #efefef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
}

li.concert div.flyer {
	float: left;
	width: 90px;
	padding: 0 5px 0 0;
}

li.concert a.flyerLink {
	display: block;
	float: left;
	width: 90px;
	padding: 0 5px 0 0; 
}

li.album a.highlight {
	display: block;	
	float: left;
	margin: 5px;
	padding: 0 5px 0 0;
}

li.album a.highlight img {
	width: 120px;
	height: 120px;
}

li.concert img.flyer {
	float: none;
	display: block;
	margin: 5px auto;
}

li.concert p.date, li.album p.date {
	margin: 10px 0 4px;
	padding: 0;
	font-family: League, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 20px;
}

li.concert p.name, li.album p.name {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
}

li.concert p.address, li.album p.address{
	margin: 0;
	padding: 0;
}

li.concert div.links {
	float:right;
}

/*CONCERTS*/

div#gmap {
	margin: 0 auto;
	height:500px;
	width:600px;
	border:1px solid #aaa;
	border-top: 0px solid white;
}

div.balloon {
	float:left;
}

div.balloon img,
div.balloon img.venue,
div.balloon img.flyer {
	display:block;
	float: left;
	margin: 0 10px 0 0;
}

div.balloon img.flyer:hover {
	cursor: pointer;
}

div.balloon p {
	width:400px;
	line-height: 20px;
	padding:0;
	margin:0;
}

div.balloon p span.date {
	font-size:12px;
}

div.balloon p span.name {
	font-weight:bold;
	font-size:15px;
}

div.balloon p span.place {
	font-size:14px;
}

div#mapControls {
	width:600px;
	height:37px;
	margin:20px auto 0;
	padding: 13px 0 0;
	position: relative;
	background: #fafafa;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topleft: 10px;
	-webkit-border-radius-topright: 10px;
	border-radius-topleft: 10px;
	border-radius-topright: 10px;
	border: 1px solid #aaa;
	text-align: center;
}

div#mapControls .prev {
	cursor: pointer;
	display:block;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#mapControls .next {
	cursor: pointer;
	display:block;
	position: absolute;
	top: 0px;
	right: 0px;
}

div#mapControls .progress {
	font-size: 18px;
	font-weight: bold;
}

form#searchForm {
	text-align: center;
	margin: 10px 0 30px;
}

/*MUSICA*/
div.albumdesc {
	padding: 0;
	margin: 50px 0 50px;
	overflow: hidden;
	line-height: 16px;
}

div.albumdesc h1.albumtitle {
	margin: 0 0 10px;
	padding: 0;
	font-family: League, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
	line-height: 40px;
	
}

div.albumdesc h1.albumtitle a.mp3link {
	font-size: 20px;
	font-weight: normal;
}

div.albumdesc div.cover {
	width:55%;
	margin:0 3% 0 0;
	float:left;
	text-align:right;
}

div.albumdesc div.cover img {
	border:2px solid black;
	padding:1px;
	width:300px;
}

div.albumdesc div.tracks {
	float:left;
	width:40%;
}

div.albumdesc ul {
	list-style:none;
	font-size:12px;
	margin:0 0 10px;
	padding:0;
}

div.albumdesc p.extrainfo {
	font-size:10px;
	font-weight:bold;
	text-align:right;
	margin: 0;
}

div.albumdesc ul li {
	font-size:10px;
}

div.albumdesc ul li.song {
	margin: 5px 0;
	padding: 2px;
	border: 1px solid #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #efefef;
}

div.albumdesc ul li.songtitle {
	font-size:12px;
	font-weight:bold;
	color:black;
}

div.albumdesc ul li.download {
	margin:0; padding:2px;
	float:right;
}

div.albumdesc ul li.download a {
	display: block;
}

div.albumdesc a {
	color:red;
}

div.albumdesc a.mp3link {
	font-size:10px;
	font-weight:bold;
	padding-left:7px;
}

div.albumdesc a.lyricsLink {
	font-size:10px;
	font-weight:bold;
	padding-left:7px;
	cursor:pointer;
}

div#innerImage h1{
	color:#fff;
	text-align:center;
	padding:0;
}

div#innerImage ul.lyricsPar {
	list-style:none;
	margin:1em 1em 0;
	padding:0;
	text-align:center;
	color:#fff;
}

/*VIDEO*/

div.videoframe {
	float:left;
	width:150px;
	height:210px;
	padding:15px 15px 0;
	margin:10px 10px;
	overflow:hidden;
	border:1px solid #999;
	background:#efefef;
	line-height:15px;
}

div.video {
	width:150px;
	height:120px;
	background:#efefef;
}

div.video img {
	width:100%;
	height:100%;
	cursor:pointer;
}

p.videoDesc {
	font-size:10px;
	margin:10px 0 0; padding:2px;
	border:1px solid #cacaca;
	background:white;
}


/*LINKS*/

div#linkslist {
	margin-top:20px;
}

div#linkslist h1 {
	text-align:center;
}

div#linkslist div.category {
	border:1px solid #cacaca;
	margin:5px 0;
	background:white;
}

div#linkslist div.category.contracted:hover {
	border:1px solid #ee0000;
}

div#linkslist div.category.contracted h2:hover {
	background:#efefef url(../img/icon-espandi.png) no-repeat 98% 50%;
}

div#linkslist div.category.expanded:hover {
	border:1px solid #ee0000;
}

div#linkslist div.category.expanded h2:hover {
	background:#efefef url(../img/icon-contrai.png) no-repeat 98% 50%;
}

div#linkslist div.category.selected {
	background:#efefef;
}

div#linkslist div.category a.outbound:hover {
	color:red;
}

div#linkslist div.category h2.handle {
	font-size:15px;
	padding:5px 10px 7px;
	margin:0;
	cursor:pointer;
}

div#linkslist div.category ul {
	list-style:none;
	margin:5px 0;
	padding:10px 15px;
	font-size:12px;
}

div#linkslist div.category ul li {
	margin:7px 0;
}

/*SEARCHBOX*/
div#searchBox {
	width:300px;
	margin:20px auto;
	text-align:center;
}

div#searchBox input{
	display:inline;
}

div#searchResults {
	margin:0 0 10px;
	padding:0 0 10px;
	background:white;
 	float:left;
	width:100%;
	border-bottom:8px solid #A00;
}


/* TICKER */
div#ticker{
	cursor: pointer;
	position:relative;
	width:400px;
	height:90px;
	background:#222;
	border:1px solid black;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	margin:0 auto;
}

div#tickerBottom{
	background:#222;
	position:absolute;
	z-index:10;
	height:5px;
	bottom:0px;
	width:100%;
}

div.tickerItem{
	color:#fff;
	position:absolute;
	left:0px;
	top:0px;
}

div.tickerItem img.flyer{
	display:block;
	position:absolute;
	left:5px;
	top:5px;
	width:80px;
}

div.tickerItem div {
	margin:0;
	position:absolute;
	top:0px;
	left:90px;
	width:290px;
	height:70px;
	font-size:14px;
	line-height: 16px;
	font-weight:bold;
	text-align:left;
	padding:0px 10px 0;
}

div.tickerItem div p.date{
	color:#ccc;
	margin: 2px 0 0;
	padding:0;
	font-size:12px;
}

div.tickerItem div p.name{
	font-family: League, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, "Trebuchet MS", sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:33px;
	margin:2px 0 0;
	padding:0;
	text-transform:uppercase;
}

div.tickerItem div p.address{
	color:#ccc;
	margin: 0;
	padding: 0;
}

div#count{
	position:absolute;
	top:8px;
	right:2px;
	font-size:10px;
	font-weight:bold;
	color:white;
}

div#timedProgressBar {
	position:absolute;
	top:2px;
	right:2px;
	width:100px;
	height:2px;
	z-index:10;
	border:1px solid #CCC;
}

div#timedProgressBar div#progress {
	height:2px;
	font-size:2px;
	line-height:2px;
	background:#AAA;
	width:0%;
}


/* NUOVA PAGINA BAND */

div#content div.member-container {
	float: left;
	width: 288px;
	height: 312px;
	margin: 11px 9px;
	position: relative;
	border: 1px solid #666;
}

div#content div.member-container a {
	font-weight: normal;
}

div#content div.member-container h2 {
	font-family: League;
	font-weight: normal;
	padding: 2px;
	margin: 5px 0 2px 12px;
	text-transform: uppercase;
	font-size: 31px;
	line-height: 23px;
	width: 236px;
	height: 20px;
	overflow: hidden;
	text-align: left;
	text-indent: 10px;
}

div#content div.member-container h2.role {
	text-transform: uppercase;
	font-size: 31px;
	height: 28px;
	-moz-transform: matrix(0, -1, 1, 0, 130px, 118px);
	-webkit-transform: translate(130px, 118px) rotate(-90deg);
	width: 260px;
 	background: none;
	text-indent: 0;
	text-align: center;
}

div#content div.member-container div.photo {
	position: absolute;
	bottom: 12px;
	left: 12px;
	top: 34px;
	right: 36px;
	overflow: hidden;
	border: 1px solid #cacaca;
}

div#content div.member-container div.avatar {
	position: absolute;
	width: 70px;
	height: 86px;
	left: 8px;
	bottom: 8px;
	overflow: hidden;
	padding: 3px;
	background: white; 
	border: 1px solid #cacaca;
	-moz-box-shadow: 3px 3px 5px black;
	-webkit-box-shadow: 3px 3px 5px black;
}

div#content div.member-container div.photo img {
	width: 100%;
}

div#content div.member-container div.avatar img {
   width: 100%;
   height: 100%;
}

div#content div#theband.member-container {
	width: 596px;
	height: 498px;
}

div#content div#theband.member-container h2.role{
	-moz-transform: matrix(0, -1, 1, 0, 437px, 206px);
	-webkit-transform: translate(437px, 206px) rotate(-90deg);
}

div#content div#theband.member-container div.photo img {
	
}

/*ADMINISTRATION*/

div.administration.menu {
	border: 1px solid #cc0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 20%;
	float: left;
}

div.administration.actions {
	border: 1px solid #cc0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 79%;
	float: left;
}

/*FIX IE BREAKAGE --- ie7only --- All hail Microsoft's crashware*/

div#ie7only div.albumdesc div.tracks {padding:0; margin:0;}
div#ie7only div.albumdesc div.tracks ul {padding:0; margin:-16px 0 0;}
div#ie7only div.albumdesc div.tracks ul li {padding:0; margin:0;}
div#ie7only div.albumdesc div.tracks ul li ul {padding:0; margin:0;}
div#ie7only div.albumdesc div.tracks ul li ul li {padding:0; margin:0;}
div#ie7only div#content ul#submenu {margin:15px 0 0;}
div#ie7only ul#gigList li {margin:-1px 0 0;}
div#ie7only div#content div#searchResults {padding:0 0 20px;}

/*FIX IE6 BREAKAGE --- ie6only --- All hail Microsoft's crashware*/

div#ie6only div#menu { margin: 0;}

div#ie6only div#content {height:600px;}

div#ie6only div#player {
	position: absolute;
	left:0px;
	top:0px;
}

div#ie6only div#content div#searchResults {padding:0 0 10px;}

div#ie6only div#coverlist {clear:both; margin:40px 0;}
div#ie6only div.albumdesc {clear:both; margin:40px 0;}
div#ie6only div.albumdesc div.tracks {padding:0; margin:0;}
div#ie6only div.albumdesc div.tracks ul {padding:0; margin:-16px 0 0;}
div#ie6only div.albumdesc div.tracks ul li {padding:0; margin:0;}
div#ie6only div.albumdesc div.tracks ul li ul {padding:0; margin:0;}
div#ie6only div.albumdesc div.tracks ul li ul li {padding:0; margin:0;}
div#ie6only div#content ul#submenu {margin:15px 0 0;}
div#ie6only div#footer {background:white url(../img/bottom.png) no-repeat 50% 0;}
div#ie6only div#main div#content  div.album div.albumInfo h1.title{font-size:11px;}
div#ie6only div#content div#nextGigs ul#gigList li#selector{border:1px solid #333; border-top:2px solid #333;}
div#ie6only ul#lastitemslist a.pagelink{clear:both;}
div#ie6only ul#lastitemslist li.concert img.flyer {margin: 10px 10px 0 0;}
div#ie6only ul#gigList li {margin:-1px 0 0;}

div#ie6only div#player {
	right: auto; bottom: auto;
	/*left: expression( ( 0 - player.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );*/
	left: 5px;
	top: expression( ( 0 - player.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px');
}