/* Demodè club */

@back: #fff;
@back_title: #b31a1b;
@back_footer: #252525;

body {
	font-family: Aria, Helvetica, sans-serif;
	background: #fff url(img/splash-back.jpg) top repeat-x; 
	margin:0; padding:0; 
	text-align:center;
}
#wrapper { 
	width:960px; 
	margin:0 auto; 
	text-align:left; 
}
#footer { 
	background:@back_footer; 
	text-align:left;
}

/* === TYPOGRAPHY ========================= */
h1 { font-size: 1.8em; }
h2 { font-size: 1.7em; }

h1.title { 
	font-size:1.8em;
	background:@back_title; 
	color: #fff;
	padding:0.5em 0.8em;
}

/* === EVENTI ============================= */
#eventi {
	margin:0 0 8px;
}
#eventi .row {
	border-bottom: 1px solid #ccc;
	padding: 4px 0 4px;
}
#eventi .cal { 
	width:64px;
	height:64px;
	background:transparent url(img/calendar.png) top left no-repeat; 
	text-align:center;
	margin: 0 8px 0 0;
}
#eventi .cal span { 
	position:absolute;
	top:3px;
	left:20px;
	color:#fff; 
	font-weight:normal;
}
#eventi .cal strong { 
	position:absolute;
	left:20px; 
	padding:8px 0 0; 
	font-size:1.3em; 
	line-height:0.8em; 
	text-align:center;
}
#eventi h2 {
	font-size:1.7em;
	line-height:1.3em;
	color:#333;
	vertical-align:middle;
}
#eventi a:hover h2 {
	color:@back_title;
}

/* === FOOTER ====================================== */
#footer {
	padding:1.0em 0 2.0em;
	color:#ccc;
	font-size:1.5em;
	line-height:1.2em;
}
#footer #info {
}
#footer #social {
	padding: 4px 0 0;
	text-align:right;
}
#footer #social a {
	display:block;
}