/*  CSS Document */

html {background-color:#FFFFFF;margin:0;padding:0; background-image:url(images/bg_banner2.png); background-repeat:repeat-x}
html body {max-width:100% !important;padding:0;margin:0 auto;}
body {font-family:"Lucida Grande", Arial,sans-serif;height: 100%;}
#main {width:960px;max-width:100%;margin:0 auto;}

H1 {color:#EA1D25;}
H2 {color:#EA1D25;}
P {color:#636363;}
LABEL.error {padding-left:5px; color:#d51702; font-size:10px;}
LABEL.alert {color:#000000; font-size:11px; background-color:#FFFF99;}
SPAN.alert {color:#EA1D25;}

DIV.error {}
SPAN.error {color:#EA1D25; font-size:12px; font-weight:bold}

/* BANNER */

#banner {
	width:960px;
	height:68px;
	background-image:url(images/bg_banner.png);
	}

#banner TABLE {
	margin-top:0px;
	height:68px;
	}

#banner TABLE TD {
	padding-bottom:0px;
	}
	
#banner_logo {
	padding:0px 0px 0px 0px;
	}
	
#banner_logo a#btn_logo {
	display:block;
	height:30px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
	float:left;
	}

#banner_logo #btn_logo {background:transparent url(images/logo_scappo.png) no-repeat scroll 0 0;width:162px;}
#banner_logo #btn_logo:active, #banner_logo #btn_logo.active {background-position:0 0px;}	

#banner_buttons {
	padding:0px 0px 0px 50px;
	}

#banner_fumetto P {
	padding:0px 3px 2px 2px;
	margin:0px;
	color:#636363;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	line-height:12px;
	}

#banner_fumetto a:link, #banner_fumetto a:active, #banner_fumetto a:visited {
	font-size:14px;
	color:#EA1D25;
	text-decoration:none;
	}	

#banner_fumetto a:hover {
	font-size:14px;
	color:#EA1D25;
	text-decoration:underline;
	}

/* CONTENT */

#content {
	margin-top:0px;
	width:100%;
	clear:both;
	float:left;
	}

/* LEFT */

#left {
	background-color:#FFFFFF;
	float:left;
	width:700px;
	padding:0px 20px 0px 0px;
	}

#left H1 {
	font-size:14px;
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #CCCCCC;
	margin:25px 0px 15px 0px;
	}

#left H2 {
	font-size:13px;
	padding-bottom:3px;
	border-bottom:1px solid #CCCCCC;
	margin:15px 0px 15px 0px
	}
	
#left H3 {
	font-size:13px;
	padding-bottom:0px;
	margin:15px 0px 15px 0px;
	color:#EA1D25;
	}

#left H4 {
	font-size:13px;
	padding:5px 0px 7px 10px;
	margin:25px 0px 0px 0px;
	color:#FFFFFF;
	background-image:url(images/bg_titolo_home.png);
	background-repeat:no-repeat;
	}

#left P {
	font-size:13px;
	}	

#left a:link, #left a:active, #left a:visited {
	color:#EA1D25;
	text-decoration:none;
	}	

#left a:hover {
	color:#EA1D25;
	text-decoration:underline;
	}

#left .loading {
	color:#EA1D25;
	}

/* HOME */

#home_banner {padding:5px 0px 0px 0px}
#home_news {padding:15px 0px 0px 0px}
#home_news H1 {padding:5px 0px 3px 0px; margin:0px 0px 0px 0px;}
#home_news P {padding:5px 0px 0px 0px; margin:0px; font-size:12px;}
#home_news P.data_news {padding:2px 0px 4px 0px; margin:0px; font-size:12px; font-style:italic; font-size:11px; text-align:left;}

/* PROFILO */

TABLE#profilo {
	margin:0px 0px 0px 0px;
	}
	
TABLE#table_profilo P {
	padding-top:0px;
	}

TABLE#table_profilo P#cambia_immagine {
	font-size:11px;
	margin:0px;
	padding:0px;
	}

/* ANTEPRIMA */

#left .anteprima {margin:10px 0px 50px 0px;}

#left .anteprima .titolo {
	background-color:#F5F5F5;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

#left .anteprima TABLE H1 {
	color:#636363;
	font-size:13px;
	padding:4px 0px 5px 7px;
	border:0px;
	margin:0px;
	}

#left .anteprima IMG.flag {
	margin-right:6px;
	width:22px;
	height:15px;
	border:1px solid #CCCCCC;
	}

#left .anteprima a IMG {
	border:1px solid #CCCCCC;
	margin-right:8px;
	}

#left .anteprima P.mittente {
	padding:0px;
	margin:0px;
	font-size:11px;
	}

#left .anteprima P.dettagli {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:11px;
	}
	
#left .anteprima P.links {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:11px;
	}

#left .anteprima #dettagli_anteprima {
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	}

#left .anteprima P.precisamente {
	padding:0px 0px 4px 0px;
	margin:0px;
	font-size:11px;
	}

#left .anteprima P.perche {
	padding:0px 0px 4px 0px;
	margin:0px;
	font-size:11px;
	}
	
#left .anteprima P.trovare {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:11px;
	}

/* POST */

#left .post {}

#left .post TABLE H1 {
	padding:3px 0px 2px 0px;
	border:0px;
	margin:23px 0px 0px 0px;
	}

#left .post .titolo TABLE {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #CCCCCC;
	}

#left .post IMG.flag {
	margin-right:6px;
	margin-top:20px;
	width:22px;
	height:15px;
	border:1px solid #CCCCCC;
	}

#left .post P.precisamente {}
#left .post P.post_image {}
#left .post P.perche {}
#left .post P.trovare {}

#left .post a IMG {
	border:1px solid #CCCCCC;
	}

#left .post TABLE#share_links {
	border-top:1px solid #CCCCCC;
	margin:10px 0px 20px 0px;
	padding:7px 0px 0px 0px;
	}
	
#left .post TABLE#share_links P {
	margin:0px;
	padding:0px;
	font-size:12px;
	}
	
#left .post TABLE#share_links P.modifica {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:11px;
	}

#left .post TABLE#share_links a IMG {
	border:0px;
	}

#left .immagine_profilo {
	margin-right:6px;
	}
	
#left .post P.mittente {
	padding:0px;
	margin:0px;
	}

#left .post P.dettagli {
	padding:2px 0px 0px 0px;
	margin:0px;
	font-size:12px;
	}
	
#left .post P.links {
	padding:2px 0px 0px 0px;
	margin:0px;
	font-size:12px;
	}

#left #form_commento P.alert_commento {
	padding:0px;
	margin:0px;
	font-size:11px;
	color:#EA1D25;
	}

.commenti {
	margin-top:25px;
	}

#left P.commento {
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:3px;
	margin:0px;
	} 
	
#left P.commento_rimosso {
	font-size:10px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:3px;
	margin:0px;
	font-style:italic;
	} 

#left TABLE.dettagli_commento {
	font-size:12px;
	margin:5px 0px 35px 0px;
	color:#636363;
	} 

#left P.elimina_commento {
	font-size:11px;
	padding:0px;
	margin:0px;
	} 

#box_commento_registrati, #box_commento_loggati {
	border:1px solid #CCCCCC;
	height:59px;
	padding:10px;
	}

P#commento_registrati, P#commento_loggati {
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:14px;
	line-height:20px;
	}

/* FORM POST SCAPPO */

#left #form_post {
	font-size:13px;
	}

#left #form_post TD {
	padding:5px 0px 5px 0px;
	}

#left #form_post SPAN.error_chars, #left #form_preferenze SPAN.error_chars {
	font-size:12px;
	color:#EA1D25;
	}
	
/* PROFILO */

#profilo {
	
	}

#profilo P {
	padding:4px 0px 4px 0px;
	margin:0px;
	}
	
#profilo TABLE#dove_mi_trovo {
	margin:3px 0px 4px 0px;
	font-size:12px;
	color:#636363;
	}

#profilo TABLE#dove_mi_trovo TD {
	padding:1px 0px 2px 0px;
	}

/* SITEMAP */

#sitemap P {
	font-weight:bold;
	}

#sitemap TABLE TD {
	padding:4px 0px 4px 0px;
	}

#sitemap P.sitemap2 {
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #CCCCCC;
	background-color:#F5F5F5;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

#sitemap P.sitemap3 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

/* FORM */

TABLE.frm {margin:20px 0px 0px 0px}

TABLE.frm TR.trtitle TD {
	color:#636363;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	}

TABLE.frm  TD.frm_left {
	padding-top:5px;
	color:#636363;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	}
	
TABLE.frm  TD.frm_right {
	padding-top:5px;
	color:#636363;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding-left:3px;
	}
	
LABEL.info {
	font-size:11px;
	font-weight:normal;
	}

/* NUMERI PAGINA */

#numeri_pagina {
	border-top:1px solid #CCCCCC;
	padding:15px 0px 0px 0px;
	margin-bottom:5px;
	color:#FFFFFF;
	}

#inizio {
	font-size:13px;
	}
	
#precedente {
	font-size:13px;
	}
	
#successivo {
	font-size:13px;
	}
	
#fine {
	font-size:13px;
	}	
	
#link_pagine a:link, #link_pagine a:visited, #link_pagine a:active  {
	padding:0px 1px 0px 0px;
	margin:0px 3px 0px 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:inline-table;
	width:22px;
	height:20px;
	color:#EA1D25;
	border:1px solid #EA1D25;
	background-color:#FFFFFF;
	font-weight:bold;
	}

#link_pagine a:hover {
	padding:0px 1px 0px 0px;
	margin:0px 3px 0px 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:inline-table;
	width:22px;
	height:20px;
	border:1px solid #EA1D25;
	color:#FFFFFF;
	background-color:#EA1D25;
	font-weight:bold;
	}

#left #numeri_pagina a:link.numero_active, #left #numeri_pagina a:visited.numero_active, #left #numeri_pagina a:active.numero_active, #left #numeri_pagina a:hover.numero_active  {
	padding:0px 1px 0px 0px;
	margin:0px 3px 0px 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:inline-table;
	width:22px;
	height:20px;
	border:1px solid #EA1D25;
	color:#FFFFFF;
	background-color:#EA1D25;
	font-weight:bold;
	}

/* USER AREA */

#left .post_utente {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:12px;
	padding:3px;
	background-color:#F5F5F5;
	}

/* RIGHT */

#right {
	float:left;
	width:235px;
	padding:10px 0px 0px 5px;
	font-size:12px;
	color:#636363;
	}
	
#right H1 {
	color:#EA1D25;
	font-size:14px;
	padding:0px 0px 3px 23px;
	border-bottom:1px solid #CCCCCC;
	margin:25px 0px 15px 0px;
	background-repeat:no-repeat;
	}

#right H1#login {background-image:url(images/icon_login.png)}	
#right H1#profilo_uomo {background-image:url(images/icon_uomo.png)}	
#right H1#profilo_donna {background-image:url(images/icon_donna.png)}	
#right H1#menu_scappo {background-image:url(images/icon_scappo.png)}
#right H1#cerca {background-image:url(images/icon_cerca.png)}
#right H1#links {background-image:url(images/icon_links.png)}
#right H1#post_continente {background-image:url(images/icon_continente.png)}
#right H1#post_paesi_continente {background-image:url(images/icon_continente.png)}
#right H1#archivio {background-image:url(images/icon_archivio.png)}
#right H1#adv {background-image:url(images/icon_adv.png)}

#right H1 SPAN.legend {
	font-size:11px;
	color:#636363;
	font-weight:normal;
	}	
	
#right P {
	font-size:12px;
	color:#636363;
	margin:7px 0px 7px 0px;
	}

#right a:link, #right a:active, #right a:visited {
	color:#EA1D25;
	text-decoration:none;
	}	

#right a:hover {
	color:#EA1D25;
	text-decoration:underline;
	}

#right a IMG {
	border:0px;
	}

#right #scappo_links {
	width:240px;
	height:100px;
	background-image:url(images/bg_links.png);
	background-repeat:no-repeat;
	}
	
#right #scappo_links P {
	font-size:12px;
	color:#636363;
	margin:0px 0px 0px 0px;
	padding:60px 0px 0px 10px;
	}

/* FORM REGISTRAZIONE */

#form_registrazione {
	
	}

/* PROFILO DX */

#right H1#login, #right H1#profilo_uomo, #right H1#profilo_donna {
	margin:15px 0px 7px 0px;
	}

#right TABLE#tabella_profilo {
	margin-top:5px;
	}

#right P#nome_profilo {
	font-size:12px;
	color:#636363;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 0px 0px;
	}

#right P#nome_profilo SPAN {
	font-size:10px;
	color:#EA1D25;
	}
	
#right P#menu_profilo {
	font-size:12px;
	line-height:16px;
	}

/* LOGIN BOX */

#right TABLE#login {
	margin:0px 0px 0px 3px;
	font-size:11px;
	}
	
#right TABLE#login TD {
	padding:2px 0px 2px 0px;
	}

#right P#login_error {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#right INPUT.login_box {
	padding:2px 0px 2px 0px;
	border:1px solid #DFDFDF;
	}

#right INPUT.cerca_box {
	padding:3px;
	border:1px solid #DFDFDF;
	font-size:14px;
	}

#right INPUT.error {
	padding:2px 0px 2px 0px;
	border:1px solid #FFA99D;
	}

/* BOTTONI */

.btn_submit {
	margin: 0;
	padding: 0;
	border: 0;
	height: 27px;
	text-indent: -999em;
	cursor: pointer;
	font-size:inherit;
	background: transparent no-repeat center top;
	}

.btn_scappare {margin-right:17px; width:127px; background: url('images/btn_voglio_scappare.png') no-repeat center top;}
.btn_scappare_hover {margin-right:17px; width:127px; background: transparent url('images/btn_voglio_scappare.png') no-repeat center top; background-position:0 -27px;}

.btn_scappato {margin-right:17px; width:127px; background: transparent url('images/btn_sono_scappato.png') no-repeat center top;}
.btn_scappato_hover {margin-right:17px; width:127px; background: transparent url('images/btn_sono_scappato.png') no-repeat center top; background-position:0 -27px;}

.btn_login {width:56px; background: transparent url('images/btn_accedi.png') no-repeat center top;}
.btn_login_hover {width:56px; background: transparent url('images/btn_accedi.png') no-repeat center top; background-position:0 -27px;}

.btn_cerca {width:56px; background: transparent url('images/btn_cerca.png') no-repeat center top;}
.btn_cerca_hover {width:56px; background: transparent url('images/btn_cerca.png') no-repeat center top; background-position:0 -27px;}

.inserisci_post {width:106px; background: transparent url('images/btn_inserisci_post.png') no-repeat center top;}
.inserisci_post_hover {width:106px; background: transparent url('images/btn_inserisci_post.png') no-repeat center top; background-position:0 -27px;}

.inserisci_commento {width:141px; background: transparent url('images/btn_inserisci_commento.png') no-repeat center top;}
.inserisci_commento_hover {width:141px; background: transparent url('images/btn_inserisci_commento.png') no-repeat center top; background-position:0 -27px;}

.btn_elimina_post {width:95px; background: transparent url('images/btn_elimina_post.png') no-repeat center top;}
.btn_elimina_post_hover {width:95px; background: transparent url('images/btn_elimina_post.png') no-repeat center top; background-position:0 -27px;}

.annulla {width:63px; background: transparent url('images/btn_annulla.png') no-repeat center top;}
.annulla_hover {width:63px; background: transparent url('images/btn_annulla.png') no-repeat center top; background-position:0 -27px;}

.preferenze {width:122px; background: transparent url('images/btn_salva_preferenze.png') no-repeat center top;}
.preferenze_hover {width:122px; background: transparent url('images/btn_salva_preferenze.png') no-repeat center top; background-position:0 -27px;}

.registrati {width:87px; background: transparent url('images/btn_registrati.png') no-repeat center top;}
.registrati_hover {width:87px; background: transparent url('images/btn_registrati.png') no-repeat center top; background-position:0 -27px;}

.contatti {width:108px; background: transparent url('images/btn_invia_richiesta.png') no-repeat center top;}
.contatti_hover {width:108px; background: transparent url('images/btn_invia_richiesta.png') no-repeat center top; background-position:0 -27px;}

.btn_attivazione {width:165px; background: transparent url('images/btn_invia_codice_attivazione.png') no-repeat center top;}
.btn_attivazione_hover {width:165px; background: transparent url('images/btn_invia_codice_attivazione.png') no-repeat center top; background-position:0 -27px;}

.btn_inserisci_immagine {width:124px; background: transparent url('images/btn_carica_immagine.png') no-repeat center top;}
.btn_inserisci_immagine_hover {width:124px; background: transparent url('images/btn_carica_immagine.png') no-repeat center top; background-position:0 -27px;}

.invia_password {width:165px; background: transparent url('images/btn_invia_richiesta_password.png') no-repeat center top;}
.invia_password_hover {width:165px; background: transparent url('images/btn_invia_richiesta_password.png') no-repeat center top; background-position:0 -27px;}

.cambia_password {width:127px; background: transparent url('images/btn_cambia_password.png') no-repeat center top;}
.cambia_password_hover {width:127px; background: transparent url('images/btn_cambia_password.png') no-repeat center top; background-position:0 -27px;}

.btn_attiva {width:54px; background: transparent url('images/btn_attiva.png') no-repeat center top;}
.btn_attiva_hover {width:54px; background: transparent url('images/btn_attiva.png') no-repeat center top; background-position:0 -27px;}

.btn_elimina {width:54px; background: transparent url('images/btn_elimina.png') no-repeat center top;}
.btn_elimina_hover {width:54px; background: transparent url('images/btn_elimina.png') no-repeat center top; background-position:0 -27px;}

.btn_elimina_profilo {width:112px; background: transparent url('images/btn_elimina_profilo.png') no-repeat center top;}
.btn_elimina_profilo_hover {width:112px; background: transparent url('images/btn_elimina_profilo.png') no-repeat center top; background-position:0 -27px;}


/* STELLE */

.btn_stella {
	margin: 0;
	padding: 0;
	border: 0;
	height: 16px;
	text-indent: -999em;
	cursor: pointer;
	font-size:inherit;
	width:16px; background: transparent url('images/stella.gif') no-repeat center top;
	}

.stella_active {background-position:0 -16px;}
.stella_hover {background-position:0 -16px;}
.stella2 {width:16px; background: transparent url('images/stella.gif') no-repeat center top;}
.stella2_hover {width:16px; background: transparent url('images/stella.gif') no-repeat center top; background-position:0 -16px;}
.stella3 {width:16px; background: transparent url('images/stella.gif') no-repeat center top;}
.stella3_hover {width:16px; background: transparent url('images/stella.gif') no-repeat center top; background-position:0 -16px;}
.stella4 {width:16px; background: transparent url('images/stella.gif') no-repeat center top;}
.stella4_hover {width:16px; background: transparent url('images/stella.gif') no-repeat center top; background-position:0 -16px;}
.stella5 {width:16px; background: transparent url('images/stella.gif') no-repeat center top;}
.stella5_hover {width:16px; background: transparent url('images/stella.gif') no-repeat center top; background-position:0 -16px;}
	
#right a#password_persa {
	font-size:10px;
	}
	
/* FOOTER */
	
#footer {
	float:left;
	clear:both;
	width:100%;
	height:42px;
	padding:3px 0px 0px 0px;
	margin:50px 0px 0px 0px;
	background-image:url(images/bg_banner2.png);
	font-size:11px;
	color:#FFFFFF;
	}
	
#footer a:link, #footer a:active, #footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}	

#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
#footer_content {width:960px;max-width:100%;margin:0 auto;padding-top:3px}

#footer_content TABLE {line-height:15px;}

