/*
***********************************************************

Author: 		alessandro zapelloni (www.kitchen-studio.net)
Created: 		November 2008
Last modified: 	////////////

***********************************************************
*/


/* Import other styles */
@import url('global.css');


/* ######################################################################### */
/* TITOLI, PARAGRAFI, LISTE, LINKS, CLASSI VARIE,  ETC ETC */
/* ######################################################################### */

h1 {
font-size:18px;
color:#E68F2F;
margin:0px;
padding:0px 0px 10px 0px;
font-weight:bold;
line-height:20px;
}


h2 {
font-size:13px;
color:#004E5B;
font-weight:normal;
font-style:italic;
border: none;
margin:0px;
padding:0px 0px 10px 0px;
line-height:20px;
}


h3 {
font-size:14px;
color:#004E5B;
border: none;
margin:0px;
padding:5px 0px 0px 0px;
line-height:18px;
font-weight:bold;
}

h4 {
font-size:16px;
color:#004E5B;
border: none;
margin:0px;
padding:5px 0px 0px 0px;
line-height:18px;
font-weight:bold;
}

p {
padding:0px 0px 0px 0px;
margin:0px 0px 12px 0px;
}


ul {
list-style:none;
padding: 5px 0px 5px 0px;
margin: 0px;
/*border-bottom: #6F665F solid 1px;*/
}

li {
padding-left:19px;
background:url(../images/marcatore.gif) 0 0px no-repeat;
margin-bottom:5px;
}

.ImgPad {
padding:0px;
margin-left:15px;
}

.colore {
color:#CC0000;
}

.piccolo {
font-style: italic;
font-size: 11px;
}

a:link,
a:visited {
color: #E68F2F;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #004E5B;
text-decoration:none;
border-bottom: 1px #004E5B dotted;
}

.noBorder a:link,
.noBorder a:visited {
text-decoration: none;
}

.noBorder a:hover,
.noBorder a:focus,
.noBorder a:active {
text-decoration:none;
border:none;
}


/* ######################################################################### */
/* BODY */
/* ######################################################################### */

body {
margin: 20px 0px 0px 0px;
padding: 0px;
text-align:center; /* per quella merda di IE5.x/Win */
background: url(../images/sfondo.gif) top left repeat;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#333;
line-height: 16px;
}



/* ######################################################################### */
/* centro il layout */
/* ######################################################################### */

#centrato {
width: 980px;
margin: auto;
text-align:left; /* per quella merda di IE5.x/Win */
}


/* ######################################################################### */
/* il contenitore generale del layout */
/* ######################################################################### */
#contenitore {
float:left;
background: url(../images/sfondo_contenitore.gif) 0 323px repeat-y;
width: 980px;
padding:0px;
margin:0px;
}


/* ######################################################################### */
/* TESTATA */
/* ######################################################################### */
#testata {
width: 980px;
background: url(../images/sfondo_testata.gif) top left no-repeat;
float:left;
height:322px;
padding:0px;
margin:0px;
line-height: 14px;
}

/* ######################################################################### */
/* SPAZIO LOGO E COLONNA DI DESTRA DELLA TESTATA */
/* ######################################################################### */

#spazioLogo {
float:left;
/*background: #fff url(../images/logo_aulaquarta.gif) top left no-repeat;*/
width: 525px;
height:230px;
margin:0px;
padding:0px;
}

h1#logo{
	margin:0;
	padding:0;
	position:relative;
	left:90px;
	top:68px;
	width:415px;
	height:150px;
	text-indent:-8000px;
	overflow:hidden;
	z-index:10;
	border:0px;
}
h1#logo a {
	display:block;
	height:150px;
	padding:0px;
	margin:0px;
	border:0px;
}


/*
h1#logo a:hover,
h1#logo a:focus,
h1#logo a:active {
background: url(../images/raphaelledegroot.gif) left top no-repeat;
display:block;
height:130px;
text-decoration:none;
padding:0px;
margin:0px;
border:0px;
}
*/


/* ######################################################################### */
/* NAVIGAZIONE ORIZZONTALE */
/* ######################################################################### */

#navigazione {
float:left;
/*background:url(../images/filetto_Nav_oriz.gif) top left repeat-y;*/
width: 450px;
margin:0px;
padding:0;
text-align:left;
}

/*
#navigazioneCol1 {
float:left;
width:80px;
padding:2px 0px 2px 0px;
margin:0px;
}

#navigazioneCol2 {
float:left;
width:720px;
text-align:right;
padding:2px 0px 2px 0px;
margin:0px;
}
*/

.navOrizzontale {
background:url(../images/filetto_Nav_oriz.gif) top left repeat-y;
font-size: 12px;
padding:20px 0 0 0;
margin:11px 0px 0px 0px;
list-style:none;
/*border:none;*/
}

.navOrizzontale ul {
margin:0px;
padding:0px;
}

.navOrizzontale li {
background:url(../images/filetto_Nav_oriz.gif) top right repeat-y;
display: inline;
padding:20px 8px 0px 8px;
margin:11px 0px 0px 0px;
}



.navOrizzontale a:link,
.navOrizzontale a:visited {
color:#004E5B;
text-decoration:none;
}
.navOrizzontale a:hover,
.navOrizzontale a:focus,
.navOrizzontale a:active{
color:#E68F2F;
text-decoration:none;
border-bottom: 1px #E68F2F dotted;
}


/* ######################################################################### */
/* IL CORPO DEI CONTENUTI */
/* ######################################################################### */
#corpo {
float:left;
width: 980px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}


/* ######################################################################### */
/* L'INDICAZIONE DEL NOMINATIVO CHE HA FATTO IL LOGIN */
/* ######################################################################### */

.nameLOGIN {
float:left;
background: url(../images/sfondo_nomeCommento.gif) bottom right no-repeat;
width:569px;
height:64px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 11px;
font-weight:bold;
/*border-top: #41535D 1px dotted;
border-bottom: #41535D 1px dotted;*/
}


.nameLOGIN h1 {
font-size:12px;
color:#41535D;
padding-top:23px;
margin:0px;
line-height:16px;
}



/* ######################################################################### */
/* LA COLONNA DI SVILUPPO DEI CONTENUTI */
/* ######################################################################### */



#contenuti {
float:left;
width: 580px;
padding:0px;
margin:0px 0px 0px 0px;
}

.postMeta{
clear:both;
height:70px;
background: url(../images/sfondo_post_meta.gif) 10px 0 no-repeat;
padding-bottom:4px;
margin-bottom:3px;}


.date{
/*background:#FFF url(images/icona_data.gif) no-repeat left center;*/
font-size:15px;
color:#004E5B;
padding:32px 0px 5px 75px;
float:left;
}

.comments{
/*background:#FFF url(images/icona_commenti.gif) no-repeat left center;*/
font-size:13px;
padding:50px 0px 0px 0px;
float:right;
}

.comments a:link,
.comments a:visited {
color:#41535D;
text-decoration:none;
}
.comments a:hover,
.comments a:focus,
.comments a:active{
color:#E68F2F;
text-decoration:none;
border-bottom: 1px #006600 dotted;
}



.spazioTesto {
float:left;
/*background: url(../images/filetto_spazoTesto.gif) bottom right no-repeat;*/
width:504px;
padding:0px 0px 0px 76px;
margin:0px 0px 10px 0px;
}


/* ######################################################################### */
/* GESTISCO LA PAGINAZIONE PER PASSARE DA UN ARTICOLO A QUELLO SUCCESSIVO/PRECEDENTE */
/* ######################################################################### */

.paginazionePost {
float:left;
/*background: url(../images/filetto_spazoTesto.gif) bottom right no-repeat;*/
width:570px;
text-align:right;
padding:5px 0px 5px 0px;
margin:0px 0px 20px 10px;
font-weight:bold;
border-top: #41535D 1px dotted;
border-bottom: #41535D 1px dotted;
}

.avanti a {
background: url(../images/sfondo_avanti.gif) no-repeat left center;
font-size:13px;
margin-left:66px;
padding:0px 0px 0px 18px;
float:left;
color:#E68F2F;
text-decoration:none;
border:none;
}

.avanti a:link,
.avanti a:visited {
color:#E68F2F;
text-decoration:none;
border:none;
}
.avanti a:hover,
.avanti a:focus,
.avanti a:active{
color:#41535D;
text-decoration:none;
border:none;
}


.indietro a {
background: url(../images/sfondo_indietro.gif) no-repeat right center;
font-size:13px;
padding:0px 18px 0px 0px;
float:right;
color:#E68F2F;
text-decoration:none;
border:none;
}

.indietro a:link,
.indietro a:visited {
color:#E68F2F;
text-decoration:none;
border:none;
}
.indietro a:hover,
.indietro a:focus,
.indietro a:active{
color:#41535D;
text-decoration:none;
border:none;
}



/* ######################################################################### */
/* GESTISCO LO SPAZIO IN CUI  SI DICHIARA L'AUTORE DI UN COMMENTO */
/* ######################################################################### */

.authorComments {
float:left;
background: url(../images/sfondo_nomeCommento.gif) bottom right no-repeat;
width:569px;
height:64px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 11px;
font-weight:bold;
/*border-top: #41535D 1px dotted;
border-bottom: #41535D 1px dotted;*/
}

.author_img{
float:left;
width:60px;
background: url(../images/sfondo_author_img.gif) top left no-repeat;
padding:5px 0 5px 5px;
margin:8px 0px 0px 66px;
}

.author_img img{
border:#fff 1px solid;
width:36px;
height:36px;
}

.authorComments h1 {
font-size:12px;
color:#41535D;
padding-top:23px;
margin:0px;
line-height:16px;
}




/* ######################################################################### */
/* LA COLONNA DESTRA */
/* ######################################################################### */

#colonnaDestra {
float:left;
width:280px;
padding:0px 0px 0px 0px;
margin:20px 0px 0px 70px;
/*background: url(../images/filetto_colonnaDestra.gif) bottom left no-repeat;*/
font-size:12px;
}

.disclaimer {
padding:0px 0px 12px 0px;
margin:0px 0px 10px 0px;
background: url(../images/filetto_colonnaDestra.gif) bottom left no-repeat;
}

#colonnaDestra h1 {
font-size:18px;
color:#41535D;
margin:0px;
padding:10px 0px 10px 0px;
font-weight:normal;
background: url(../images/filetto_colonnaDestra.gif) top left no-repeat;
}


/* ######################################################################### */
/* IL BOX 'POSTIT' CON L'ELENCO DELLE CATEGORIE */
/* ######################################################################### */


.boxCategorie {
margin:0px 0px 10px 0px;
width:280px;
padding:70px 0px 0px 0px;
color:#41535D;
font-size:12px;
line-height:14px;
background: url(../images/testata_boxCategorie.gif) left top no-repeat;
}

.boxCategorie_Contenuti{
margin:0px;
padding:0px 25px 0px 25px;
background: url(../images/sfondo_boxCategorie.gif) top left repeat-y;
}


.boxCategorie .footer {
margin:0px;
width:280px;
padding:0px 0px 0px 0px;
background: url(../images/footer_boxCategorie.gif) left bottom no-repeat;
}

.boxCategorie p {
margin:0px 0px 0px 0px;
padding:0px 0px 6px 0px;
}

.boxCategorie ul {
list-style:none;
padding: 0px 0px 6px 5px;
margin: 0px;
background:url(../images/filetto_chiusura_ul.gif) bottom left no-repeat;
}


.boxCategorie ul li {
padding-left:10px;
background:url(../images/marcatore_box.gif) 0 3px no-repeat;
margin-bottom:4px;
/*border-bottom: #AAA69C 1px solid;*/
}

/*
.boxCategorie a:link,
.boxCategorie a:visited {
color: #441C1D;
text-decoration: none;
}

.boxCategorie a:hover,
.boxCategorie a:focus,
.boxCategorie a:active {
color: #441C1D;
text-decoration:underline;
}
/*****************************************************************/




/* ######################################################################### */
/* IL DIV CHE GESTISCE IL TOP OF PAGE */
/* ######################################################################### */


.tornaSu {
background:url(../images/marcatore_top.gif) 0 3px no-repeat;
margin-bottom:3px;
float:left;
font-size:11px;
padding:3px 0px 0px 10px;
border-top: #41535D 1px dotted;
border-bottm: #41535D 1px dotted;
}

/* ######################################################################### */
/* LA CHIUSURA DEL SITO */
/* ######################################################################### */

#chiusura {
width: 100%;
float:left;
/*clear:both;*/
margin: 0px;
padding:0px 0px 0px 0px;
}


.clear {
visibility: hidden;
clear: both;
margin:0px;
padding:0px;
}

#centratoChiusura {
width: 980px;
margin: 0px auto;
text-align:center; /* per quella maerda di IE5.x/Win */
padding:0px;


}

#spazioChiusura {
float:left;
width: 980px;
min-height:105px;
background: url(../images/sfondo_chiusura.gif) top left no-repeat; 
padding: 0px;
margin:0px 0px 0px 0px;
text-align:left;
}


#spazioChiusura a:link,
#spazioChiusura a:visited {
color:#004E5B;
text-decoration:none;
}
#spazioChiusura a:hover,
#spazioChiusura a:focus,
#spazioChiusura a:active{
color:#E68F2F;
text-decoration:none;
}


#chiusuraSinistra {
width: 504px;
float: left;
margin: 0px;
padding:10px 0px 0px 76px;
}


#chiusuraDestra{
width: 350px;
float: left;
text-align:right;
margin:0px;
padding:10px 50px 0px 0px;
}




/* ######################################################################### */
/* FORM */
/* ######################################################################### */

.fix{display:inline-block;}