/*
Theme Name: Ristorante
Theme URI: http://www.lumengrafica.com
Description: Tema sviluppato da <a href="http://www.lumengrafica.com">Lumen</a> per gestire un menu di un ristorante cambiando foto e testi; il contenuto è suddiviso in articoli gestibili da un utente Autore, montati su una pagina gestiata da un utente Amministratore; si avvale di smoothbox per ingrandire le foto dei piatti.
Version: 1.0
Author: Vincenzo Fiore Marrese e Francesco Galli per Lumen
Author URI: http://www.lumengrafica.com
Tags: 2 colonne, ristorante, menu, piatti
*/

/* #################################### ELEMENTI DI BASE #################################### */

/* tabulazione come spazio bianco con valore cross-platform idem uso minuscole invece che maiuscole */
/* in queste regole si cerca di eliminare tutte le preimpostazioni dei browser */

body, blockquote, hr, pre, form, fieldset, input, img, p, h1, h2, h3, h4, h5, ol, ul, dl, li, dt, dd  {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h4, h5, em, strong, b, address {
	font-weight: normal;
	}
a 	{
	text-decoration: none;
	/* border 0 e necessario per opera 3 4 e 5 su win che aggiunge dei bordi intorno al link */
	border: 0;
	}
img, a img, abbr, acronym {
	border: 0;
	}
ol, ul, dl, li, dt, dd {
	list-style-type: none;
	}
abbr, acronym {
	cursor: help;
	}
hr {
	display: none;
	}

/* #################################### ELEMENTI DI BASE #################################### */
/* #################################### CORPO CARATTERI #################################### */

/* se nel body la dimensione dei caratteri e dichiarata in em invece che in percentuale ie interpreta male il dimensionamento inoltre se fosse indicata in pixel ie non ridimensionerebbe */

body {
	font-size: 76%; /* sane css typography */
	}
h1 {
	font-size: 2.6em;
	}
h2 {
	font-size: 2.6em;
	}
h3 {
	font-size: 1.2em;
	}
h4 {
	font-size: 2.8em;
	}
div.corpo h5 {
	font-size: 2.4em;
	}
h6 {
	font-size: 2.0em;
	}
div.corpo ul li {
	font-size: 1.2em;
	}
p {
	font-size: 1.4em;
	}
div#contenuto div#documentochiusura p, div#slogan div#intraslogan h2, div#slogan div#intraslogan p {
	font-size: 1em;
	}
div.piede h5 {
	font-size: 0.9em;
	}
/* #################################### /CORPO CARATTERI #################################### */


/* #################################### FAMIGLIE CARATTERI #################################### */

/* sono studiate per degradare bene su windows mac e linux */

pre {
	font-family: "Courier New", "Courier", "Lucida Console", "Monaco", "Fixed", monospace;
	}
/* TODO controllare quali di questi contenitori esistono ancora */
body, p, h4, div#slogan h2, div#menuprincipale ul li h3, h5, h3, h4, div#siamoafirenze h3, div#siamoafirenze h4, div#menucontainer ul li {
	font-family: "Verdana", "Tahoma", "Candara", "DejaVu Sans", "Geneva", sans-serif;
	}	
h1, h2 {
	font-family: "Georgia", "Century Schoolbook L", "DejaVu Serif", "Utopia", "Palatino", "Times New Roman", "New York", "Times", serif;
	}
/* TODO controllare quali di questi contenitori esistono ancora */
.ampersand, div.titolosinistra h4, div.titolodestra h4, div.corpo h5, div.accacinque h5, h6 {
	font-family: "Monotype Corsiva", "Book Antiqua", "Goudy Old Style", "URW Chancery L", "Zapf Chancery", "Apple Chancery", "Zapfino", serif;
	}

/* #################################### /FAMIGLIE CARATTERI #################################### */

/* #################################### INTERLINEA #################################### */

h1, h2, h3, h4, h4, h5, div#daticaffe p {
	line-height: 1.4em;
	}
p, table, div#navigazione ul li {
	line-height: 1.6em;
	}

/* #################################### INTERLINEA #################################### */

/* #################################### EFFETTI SUL TESTO #################################### */

/* TODO controllare quali di questi contenitori esistono ancora */
.tuttomaiuscolo, div#menu div#intramenu ul li h3 a, div#documentosottotitolo h4, div#navigazione div#tour ul li a, div#documento div#intradocumento div#documentotitolo h4 {
	text-transform: uppercase;
	}
.grassetto {
	font-weight: bold;
	}
h6 {
	font-weight: normal;
	}

/* #################################### /EFFETTI SUL TESTO #################################### */


/* #################################### LISTE #################################### */

div#menu div#intramenu ul li, div#menu div#intramenu ul li h3, div#lingue div#intralingue ul li {
	display: inline;
	}

/* #################################### /LISTE #################################### */
/* #################################### COLORI #################################### */

/* ==========> font e sfondo body <========== */

body {
	/*color: #f2f272;*/
	color: #E4dc80; /* giallo */
	background-color: #8c5b65; /* viola chiaro */
	}

/* ==========> font, sfondo e bordi body link <========== */

/* specificando p, li etc... evito che venga presa anche un'immagine e formattata secondo queste due regole */

p a:link, p a:visited, li a:link, li a:visited, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
	color: #E4dc80; /* giallo */
	border-bottom: solid 1px #E4dc80; /* giallo */
	}
p a:hover, p a:focus, p a:active, li a:hover, li a:focus, li a:active, h1 a:hover, h1 a:focus, h1 a:active, h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active, h4 a:hover, h4 a:focus, h4 a:active, h5 a:hover, h5 a:focus, h5 a:active, h6 a:hover, h6 a:focus, h6 a:active {
	color:  #E4dc80; /* giallo */
	border-bottom: solid 1px #8c5b65; /* viola chiaro */
	}

/* ==========> menu <========== */

div#brand {
	background-color: #E4dc80; /* giallo */
	color: #8c5b65; /* viola chiaro */
	}

div#menu, div#navigazione {
	background-color: #471d25; /* viola scuro */
	color: #E4dc80; /* giallo */
	}

/* ==========> bordi <========== */

div#dati, div#lingue, div#tour, div#firenze, div#piatti {
	border-bottom: solid 1px  #8c5b65; /* viola chiaro */
	}
div#documentoimmagini {
	border-top: solid 1px #624046; /* viola medio */
	}
div#contenuto {
	border-top: solid 2px #471d25; /* viola scuro */
	}
div#brand {
	border-bottom: solid 1px #471d25; /* viola scuro */
	}
div.piede {
	border-top: solid 1px #624046; /* viola medio */
	border-bottom: solid 2px #471d25; /* viola scuro */
	}
div#menu {
	border-top: solid 1px #2d1217; /* viola molto scuro */
	border-bottom: solid 2px #2d1217; /* viola molto scuro */
	}
div#intrafotogrande img, div#documentoimmagini img {
	border: solid 1px #2d1217; /* viola molto scuro */
	}
div#documentochiusura p span {
	border-bottom: double 4px #624046; /* viola medio */
	}

/* #################################### /COLORI #################################### */

/* #################################### LAYOUT #################################### */

/* min-width su explore senza javascript - tecnica di holly e john - http://www.communitymx.com/content/article.cfm?cid=CC96C&print=true - basata su - Stu Nicholls - http://www.cssplay.co.uk/boxes/minwidth.html - */

/* principale >> struttura >> layout >> secondari >> intra >> specifiche >> ultraspecifiche */





/* ==========> disposizione su 2 colonne della testa <========== */

div#testa {
	position: relative; /* relative permette il posizionamento absolute delle colonne laterali */
	}
div.corpo {
	padding-bottom: 100px;
	}
div#brand {
	margin: 0 201px 0 0;
	height: 128px;
	}
div#banner {
	position:absolute;
	top: 0;
	right: 0;
	width: 200px;
	margin-right: -1px; /* questa regola serve perche'' explorer aggiunge un px a destra in corrispondenza della barra di scorrimento */
	}
div#sottointestazione {
	/*height: 7em;*/
	margin-right: 200px; /* lo spazio della colonna destra del layout del corpo */
	}
/* ==========> specifiche <========== */

div#intraslogan, div#intramenu, div#intrafotogrande, div#crediti {
	margin-left: 10px;
	}
div#intradocumento {
	margin-left: 15px;
	margin-right: 5em;
	}
div#dati {
	margin-top: 1em;
	}
div#documentoimmagini {
	padding-top: 1.5em;
	}
div#documentoimmagini div.sezione span {
	margin-right: 1em;
	}
div#documentotesto, div#documentoimmagini div.sezione span, div#logo, div.piattititolo {
	margin-bottom: 1em;
	}
div#intralingue, div#intratour, div#intrafirenze, div#intrapiatti, div#intramappa, div#intralink {
	padding-left: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.2em;
	}
div#intradati {
	padding-left: 1em;
	padding-bottom: 0.8em;
	}
div#documentolink {
	margin-bottom: 3em;
	}
div#intramenu, div#intraslogan, div#crediti {
	padding: 0.5em 0 0.5em 0;
	}
div.piattielenco {
	margin-top: 0.5em;
	}
div.piattititolo {
	margin-top: 1.5em;
	}

/* #################################### MODIFICHE LAYOUT DUE COLONNE #################################### */

body.duecolonne div#contenuto {
	background: #8c5b65; /* toglie le righe alternate di sfondo - la texture */
	}
body.duecolonne div#brand {
	margin: 0 0 0 0; /* toglie il bordo per la colonna destra */
	height: 61px; /* ridimensiona il logo per la versione più piccola sfrutta quello del documentochiusura ==> logo */
	}
body.duecolonne div#brand div#intrabrand h1 {
	background: url('images/caffe_pitti_logo_200.gif') no-repeat;
	background-position: 5px 5px; /* centra il logo */
	width: 205px; /* ridimensiona il logo per la versione più piccola sfrutta quello del documentochiusura ==> logo */
	height: 61px; /* ridimensiona il logo per la versione più piccola sfrutta quello del documentochiusura ==> logo */
	}
body.duecolonne div#sottointestazione {
	margin-right: 0; /* toglie il bordo per la colonna destra */
	}
body.duecolonne div.piede {
	margin-right: 0; /* toglie il bordo per la colonna destra */
	}
div.titolosinistra, div.titolodestra {
	margin-bottom: 1em;
	}
.precentra, div.intrasinistra, div.intradestra {
	text-align: center;
	}
div.destra {
    float: right;
    width: 49%;/* tolgo 1 punto o percentuale - metodo provvisorio per evitare che explorer mi mandi a capo il float facendo crollare il layout */
		text-align: center;
		margin-bottom: 2em;
		margin-top: 2em;
    }
div.sinistra {
    float: left;
    width: 49%;/* tolgo 1 punto o percentuale - metodo provvisorio per evitare che explorer mi mandi a capo il float facendo crollare il layout */
		text-align: center;
		margin-bottom: 2em;
		margin-top: 2em;
    }
div.intermezzo {
		clear: both;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 0.5em;
		padding-top: 0;
		}
div.asinistra {
		clear: both;
		text-align: left;
		padding: 1em;
		}
div.asinistra div.sezionemenu div.titolosinistra {
		margin: 0;
		padding: 0;
		}
div.corpo div.asinistra h5 {
		border-bottom: solid 1px #471d25;
		padding-bottom: 0.2em;
		margin-bottom: 0.4em;
		}
div.testopiccolo {
		font-size: 0.9em;
		}
body.ristretto div.corpo {
		width: 500px;
		}
	/* Nasconde IE5-mac \*/
	* html .intermezzo {height: 1%;}
	/* Fine per IE5-mac */
div.corpo {
		padding-top: 0;
		margin-top: 0;
		}
div.intradestra, div.intrasinistra {
		width: 90%;
		margin: 0 auto;
		padding-top: 0;
		margin-top: 0;
		}
/* #################################### /MODIFICHE LAYOUT DUE COLONNE #################################### */

/* APERTO ####_1 di 3_#### questi stili servono per implementare min-widht in explorer senza usare javascritp */

body {
	padding-left: 0 !important; /* in questo modo applico la regola solo ad Explorer altrimenti opera 5 scombinava il layout */
	padding-right: 0 !important; /* in questo modo applico la regola solo ad Explorer altrimenti opera 5 scombinava il layout */
	padding-left: 500px;
	padding-right: 500px;
	}

/* CHIUSO ####_1 di 3_#### questi stili servono per implementare min-widht in explorer senza usare javascritp */

div#contenuto {
	position: relative; /* relative permette il posizionamento absolute delle colonne laterali */
/* APERTO ####_2 di 3_#### questi stili servono per implementare min-widht in explorer senza usare javascritp */
	margin-left: 0 !important; /* in questo modo applico la regola solo ad Explorer altrimenti opera 5 scombinava il layout */
	margin-right: 0 !important; /* in questo modo applico la regola solo ad Explorer altrimenti opera 5 scombinava il layout */
	margin-left: -500px;
	margin-right: -500px;
	min-width: 1000px;
/* CHIUSO ####_2 di 3_#### questi stili servono per implementare min-widht in explorer senza usare javascritp */
	}

/* APERTO ####_3 di 3_#### questi stili servono per implementare min-widht in explorer senza usare javascritp */

/* \*/
* html #contenitore,* html #contenuto {
height:0;
}
/* */

/* CHIUSO ####_3 di 3_#### questi stili servono per implementare min-widht in explorer senza usare javascritp */

/* #################################### BACKGROUND IMAGE #################################### */

div#contenuto {
	background: #8c5b65 url('images/colonna_sinistra.png') repeat-y top right; /* qui e non nel body altrimenti su firefox 3.01 su linux creava dei problemi di visualizzazione quando la finestra si restringeva */
	}

/* #################################### /BACKGROUND IMAGE #################################### */

/* #################################### IMAGE REPLACEMENT #################################### */

div#brand div#intrabrand h1 {
	background: url('images/caffe_pitti_logo_caffe.gif') no-repeat top left;
	width: 476px;
	height: 128px;
	}
div#brand div#intrabrand h1 span {
	display: none;
	}
div#logo h4 {
	background: url('images/caffe_pitti_logo_200.gif') no-repeat center;
	width: 200px;
	height: 51px;
	border: solid 1px #471d25; /* viola scuro */
	padding: 2px;
	background-color: #E4dc80; /* giallo */
	}
div#logo h4 span {
	display: none;
	}

/* #################################### /IMAGE REPLACEMENT #################################### */

/* #################################### VARIA #################################### */
/* ==========> menu principale <========== */

div#menu ul li a:link, div#menu ul li a:visited {
	color: #FFb3c2;
	border-bottom: solid 1px #471d25;
	}
div#menu ul li a:hover, div#menu ul li a:focus, div#menu ul li a:active {
	color:  #E4dc80; /* giallo */
	border-bottom: solid 1px #E4dc80; /* giallo */
	}	
div#menu ul li.attivo a:link, div#menu ul li.attivo a:visited, div#menu ul li.attivo a:hover, div#menu ul li.attivo a:focus, div#menu ul li.attivo a:active {
	color: #E6A50B;
	border-bottom: 0;
	cursor: default;
	border-top: solid 1px #E4dc80; /* giallo */
	}

div#navigazione ul li a:link, div#navigazione ul li a:visited {
	color: #FFb3c2;
	border-bottom: solid 1px #471d25; /* viola scuro */
	}
div#navigazione ul li a:hover, div#navigazione ul li a:focus, div#navigazione ul li a:active {
	color:  #E4dc80; /* giallo */
	border-bottom: solid 1px #E695A5; /* viola molto chiaro */
	}
/* ==========> /menu principale <========== */
.marginealto {
	margin-top: 1em;
	}
div.intradestra, div.intrasinistra {
	padding: 0.5em;
	}
div.menuspeciale {
	margin-top: 1em;
	}
div.menuspeciale ul {
	/*border-bottom: dotted 3px #e6a50b;*/
	padding: 1em;
	}

/* metodo per inserire un''immagine al posto del filetto */
div.hr {
 	height: 15px;
  	background: #8c5b65 url(filetto_001.gif) no-repeat scroll center;
	}
div.hr hr {
	display: none;
	}
div.corpo p a {
	border: 0;
	}
a img {
	border: solid 1px #2d1217; /* viola molto scuro */
	}
div.corpo ul, div.corpo ul li {
	margin-bottom: 0.5em;
	}
hr.visibile {
	display: block;
	color: #624046;
	} 
div.prezzomenu p {
	font-weight: bold;
	}
div.prezzomenu p.corpopiccolo {
	font-weight: bold;
	}
div.menuspeciale ul li.lisottotitolo {
	margin-bottom: 0.5em;
	}
div.corpo h4, div.corpo h5, div.corpo h6 {
	padding: 0;
	margin: 0;
	}
div.intermezzo div.sezionemenu div.titolosinistra, div.intermezzo div.sezionemenu div.titolosinistra h4 {
	margin: 0;
	padding: 0;
	}
div.intrasinistra, div.intradestra {
	padding: 0;
	}
div.intermezzo {
	margin-bottom: 0;
	}
div.corpo {
	padding-bottom: 0;
	}
div.destra, div.sinistra {

	}
div.intermezzosfondo {
	background-color: #624046;
	border: solid 1px #471d25;
	width: 100%; /* dichiaro la larghezza per evitare il peekaboo bug su IE */
	}
div.corpo h6 {
	/*border-bottom: solid 1px #471d25;*/
	/*padding-bottom: 0.2em;*/
	margin-bottom: 0.5em;
	text-decoration: underline;
	}
div.corpo img {
	margin-bottom: 0.5em;
	}
div.piede {
	margin-top: 4em;
	}
div.indicemenu {
	margin-bottom: 4em;
	text-align: right;
	padding-right: 1em;
	}
div.indicemenu a:link, div.indicemenu a:visited {
	color: #471d25;
	border-bottom: 1px solid #471d25;
	padding: 0.2em;
	}
div.indicemenu a:hover, div.indicemenu a:focus, div.indicemenu a:active {
	color:  #E4dc80; /* giallo */
	border-top: 1px solid #471d25;
	border-bottom: 0;
	padding: 0.2em;
	}	
div.intermezzo div.sezionemenu p {
	margin-bottom: 0.5em;
	}
div.corpo h4.titoloeventi {
	border-bottom: solid 1px #624046;
	padding: 0.1em;
	}
div.corpo div.testoeventi {
	padding-top: 0.5em;
	padding-bottom: 2em;
	padding-right: 1em;
	padding-left: 1em;
	}
body#eventi div.testopiccolo {
	margin-bottom: 2em;
	}
body#eventi div.testopiccolo h5 {
		border: 0;
		margin: 0;
	}
body#eventi div.asinistra {
		border: dashed 1px #471d25;
		margin-top: 1em;
		margin-left: 1em;
	}
/* #################################### /VARIA #################################### */