/*  C R A Z Y   B U L L E T S  */

/* carattere e colori dello sfondo */
body { 
	font-family: Verdana, sans-serif; font-size: 1em;
	color: #FFF; background: #000; overflow: scroll;
}

/* colore e sottolineatura dei links */
a		{ color: #FFF; text-decoration: none; }
a:hover	{ color: #BBB; text-decoration: underline; }

/* pagina delle news */
img#home   { width: 100%; margin: 0% 0% 1em 0%; }
div#tweets { width: 80%; margin: 0% 10%; text-align: center; }
span.timedate  { display: block; color: #333; font-size: 0.75em; }

/* pagina della band */
img.band { float: left; width: 50%; margin: 0em 1.5em 1em 0em; }

/* opzioni dei form di controllo */
form  { padding: 1em 0em; cursor: pointer; }
form img { height: 2em; }
input { vertical-align: middle; height: 2.5em; }
select {
	font-family: Verdana, sans-serif; font-size: 1em;
	color: #FFF; background: #000;
	width: 50%; height: 2em;
}

/* pagina delle foto */
div#gallery { width: 720px; }
div#gallery a { text-decoration: none; }
div#slideshow { width: 100%; }
div#slideshow img { height: 75%; }
div#thumbnails { width: 100%; }
ul.thumbs { float: left; width: 88.89%; padding: 0%; margin: 0%; }
li.thumbs { float: left; width: 11.72%; padding: 0%; margin: 0.347%; list-style: none; }
li.thumbs img { width: 100%; }
a.changepage { float: left; width: 5.55%; line-height: 75px; font-size: 25px; }
div#controls { width: 100%; clear: both; }

/* pagina dei live */
div#map { width: 100%; height: 512px; }
div.info, div.info a { color: #000; }
div.info a:hover { color: #444; }
div.info img.cal { width: 1.2em; height: 1.2em; margin: 0em 0.3em; }
div.info img.map { width: 1.5em; height: 1.5em; margin: 0em 0.5em; }
div.info h2 { margin: 0.2em; }
div.info h3 { margin: 0.3em; }
div.info h5 { margin: 0.5em; }
a#archive_head { font-weight: bold; }
div#archive_body { font-size: small; display: none; }

/* bordo ed allineamento delle immagini */
img { border: 0px; vertical-align: middle; }

/* formattazione del testo */
.left		{ text-align: left; }
.center		{ text-align: center; }
.right		{ text-align: right; }
.justify	{ text-align: justify; }

/* struttura della testa di pagina */
div#header {
	position: relative; top: 0%; width: 100%; left: 0%;
	text-align: center;	cursor: pointer; overflow: hidden;
}

/* posizione delle immagini nella testa di pagina */
img#CB   { position: relative; top: 0%; width: 100%; left: 0%; }
div#shot { position: absolute; height: 100%; width: 12.5%; top: 0%; left: 0%; margin-left: -12.5%; }
div#shot img { position: absolute; height: 100%; width: 100%; top: 0%; left: 0%; }
div#shot span {
	position: absolute;
	height: 100%; width: 100%; top: 0%; left: 0%;
	font-family: monospace; font-size: 32px;
	font-variant: small-caps; font-weight: bold;
	line-height: 160px; color: #000;
}

/* struttura del centro di pagina */
div#content { width: 80%; margin: 0% 10%; }

/* struttura del piede di pagina */
div#footer { width: 80%; margin: 3em 10% 1em 10%; text-align: center; }
div#footer h5, div#footer h6 { margin: 1em; }
div#footer img.large { width: 4em; height: 4em; margin: 0em; }
div#footer img.medium { width: 2em; height: 2em; margin: 0em 1em; }
div#footer img.small { width: 1em; height: 1em; margin: 0em 1em 0em 0.5em; }

/* struttura della splash page */
div#splash {
	position: fixed; background: #000;
	top: 0%; bottom: 0%; height: 100%;
	left: 0%; right: 0%; width: 100%;
}

/* struttura dello sfondo sovrapposto */
div#background {
	position: fixed; background: #000;
	top: 0%; bottom: 0%; height: 100%;
	left: 0%; right: 0%; width: 100%;
	z-index: 1; display: none;
}

/* struttura del navigatore */
div#navigator {
	position: fixed; height: 512px;
	top: -512px; margin-top: 0px;
	left: 50%; margin-left: -25%;
	z-index: 2;
}

/* posizione e dimensioni delle immagini del logo */
img#star   { position: relative; top: 0%; width: 100%; left: 0%; z-index: 2; }
img#bullet { position: absolute; top: 0%; width: 100%; left: 0%; z-index: 5; }

/* dimensione delle immagini del menu */
img.menu {
	position: absolute; cursor: pointer; 
	width: 0%; margin-left: 0%;
	height: 0%; margin-top: 0%;
	z-index: 3; display: none;
}

/* posizione delle immagini nel menu */
img#band  { top: 49%; left: 50%; }
img#news  { top: 21%; left: 29%; }
img#live  { top: 21%; left: 71%; }
img#audio { top: 61%; left: 84%; }
img#video { top: 85%; left: 50%; }
img#photo { top: 61%; left: 16%; }

/* dimensione dei suggerimenti del menu */
div.menu_tooltip {
	color: #000; background: #FFF;
	font-size: 0.9em; padding: 0.3em;
	z-index: 4; display: none;
}

/* dimensione delle immagini della faccia */
img.face {
	position: absolute; cursor: pointer;
	width: 0%; margin-left: 0%;
	height: 0%; margin-top: 0%;
	z-index: 3; display: none;
}

/* posizione delle immagini della faccia */
img#Annasara { top: 31%; left: 50%; }
img#Filippo  { top: 44%; left: 32%; }
img#Lorenzo  { top: 44%; left: 68%; }
img#Andrea   { top: 65%; left: 39%; }
img#Marco    { top: 65%; left: 61%; }

/* dimensione dei suggerimenti della faccia */
div.face_tooltip {
	color: #000; background: #FFF;
	font-size: 0.8em; padding: 0.2em;
	z-index: 4; display: none;
}