/**
 * Progetto		MelaMusic
 * @Author:		Daniele Malavasi
 * @Version:	1.0
 * @Start:		8-12-2007
 */

html, body {
	margin:				0;
	padding:			0;
	
	font-family:		Verdana;
	font-size:			8pt;
	
	color:				#000;
	
	text-align:			center;
}
html { background:			#C1DF4D url(img/sf_mela.jpg) repeat; }
body { background:			url(img/sf_mela_ripetuta.jpg) repeat-x; }

.str { display:none; }
.fright { float:right; }
.fleft 	{ float:left; }
.clr {
	display:			block;
	height:				0;
	overflow:			0;
	margin:				0;
	clear:				both;
}
hr {
	display:none;
}


/* Definizione del box model per gli elementi strutturali della pagina. */
#page, #header, #content, #footer {
	position:relative;
	display:block;
	width:926px;
	margin: 0 auto 0 auto;
}


/**
 * PAGE: contenitore generale della pagina.
 * Determina la larghezza della pagina stessa e lo sfondo con l'incolonnamento.
 */
#page {
	margin: 0 auto 0 auto;
	background:#fff url(img/sf_page.jpg) repeat-y;
}





/**
 * HEADER.
 * Titolazione e menu generale.
 */
#header {
	height:173px;
	overflow:hidden;
	background:url(img/sf_header.jpg) no-repeat;
}

/**
 * CONTENT.
 * Layout a 2 colonne per barra menu laterale sinistra e contenuto della pagina.
 */
#content {	
}
/* Definizione altezza minima colonne ed impostaizioni di base per il floating. */
#col1, #col2, #cnt, #col3, #wrapCol2 {
	display:block;
	width:100px;
	min-height:600px;
	height:auto !important;
	height:600px;
	float:left;
}
#col1 {
	width:170px;
	background: #BCE5F9 url(img/sf_col1.jpg) no-repeat;
	margin:0 0 0 4px;
}
#content>#col1 {
	margin: 0 0 0 8px;
}
#col2 {
	width:710px;
	background: #ECF7FD;
	padding-top:20px;
}
#content>#col2 {
	margin-left:8px;
}
#cnt {
	width:520px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin: 0 10px 0 10px;
	background:#fff;
}
#col3 {
	width:144px;
	margin: 0 0 0 8px;
}






/**
 * FOOTER:
 * Chiusura della pagina.
 */
#footer {
	height:113px;
	overflow:hidden;
	background:url(img/sf_footer.jpg) no-repeat;
}





/**
 * BIG FIXING GRAFICO
 */
#col2top {
	display:block;
	width:16px;
	height:20px;
	background:url(img/sf_col2top.jpg) no-repeat;
	
	position: absolute;
	top:173px;
	left:50%;
	margin-left:-285px;
}
#fixBgRight {
	display:block;
	width:34px;
	height:217px;
	background:url(img/fix_bg_right.jpg) no-repeat;
	
	position: absolute;
	top:173px;
	left:50%;
	margin-left:435px;
}