/* Tableless design - PHPWebsite "Philo" Theme
di Roberto Ellero 
per il sito del 
Dipartimento di Filosofia e Teoria delle Scienze 
dell'Universitą Ca' Foscari di Venezia 
http://venus.unive.it/philo/index.php
dicembre 2003

Per scambi di idee non esitare a scrivermi:
rellero@webaccessibile.org

Questo foglio di stile consente di stampare efficacemente le pagine del sito.
Viene stampata la testata e la colonna centrale. Non vengono stampati menu e blocchi di destra.
*/

/* Setting caratteri, ingrandibili con limitazione per impedire l'eccessiva riduzione per i molto piccoli.
Adattamento del setting di:
http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
*/

p {
font-size: 1em;
}
/*/*/a{}
body p {
font-size: x-small;
}
html>body p {
font-size: small;
}
/* */
body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #2F4F4F;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
 }

/* Setting generale tag*/

p {
	margin-top: 0; 
	margin-bottom: 	1.0em;
	padding-top: 0;
	line-height: 1.3em;	
	}	
h1	{
    font-family : Arial, Helvetica, sans-serif;
	font-size:	35px;
	color: gray;
	border-bottom:1px solid #336699;
	background: transparent;
}
h2	{
    font-family : Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #336699;
	font-style : italic;
	margin-top: -0.5em;
	background: transparent;
}
h3	{
	font-size:	1.2em;
	}
h4 {
	font-size:	1.1em;
}
h5 {
	font-size:	1.06em;
}
h6 {
	font-size:	1.03em;
}
hr{
	border: 0px solid;
	border-color : Gray;
	border-top-width: 1px;
	height:1px;
	border-style : dotted;
}
img	{
	border:	0;
	}
a {
	/*text-decoration: underline;*/
	font-weight:bold;
}
a:link	{
    color: #3A4542;
	background-color: transparent;
}
a:visited	{
	color: #996633;
	/*color: #3A4542;*/
	background-color: transparent;
}
a:active	{
	color: #999900;
	background-color: transparent;
}
a:hover	{
	color: #fff;
	background-color: #21B2AA;
	text-decoration: underline;
}

/* ID intestazione, rappresentazione della testata */
/*IE appoggia il menu orizzontale a testata */
#testata {
	left:22%;
	position: absolute;
	top: 0px;
	width: 60%;
	z-index: 12;
	margin: 0px;
	padding: 0px;
	height: auto;
}

/*NS appoggia il menu orizzontale a intestazione */
#intestazione {
    height: 156px;
	background-color: #F7F8F8;
	left: 0%;
	position: relative;
	top: 0px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	/* se si aumenta lo z-index scompare il testo della testata */
}

/* Logo di sinistra */

#intestazione #logo {
    border-right:0px solid #000; 
    border-bottom:0px solid #000;
    width : 100px;
    height : 150px;
    float:left;
    margin:1px 1px 1px 1px;
    padding-top : 0px
}

/* Logo di destra */
	
#intestazione #logo2 {
	display:none
}

/* Menu orizzontale della testata
adattamento di Clagnut CSS Tabs
http://www.clagnut.com/writings/csstabs/
  */

#menu_intestazione {
    display:none
}
#menu_intestazione ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
#menu_intestazione li
{
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
}
#menu_intestazione a
{
    color: #444;
    display: block;
    width: auto;
    text-decoration: none;
    background: #DDDDDD;
    margin: 0;
    padding: 2px 10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #aaa;
}
#menu_intestazione a:hover, #menu_intestazione a:active { background: #BBBBBB; }

#menu_intestazione a.active:link, #menu_intestazione a.active:visited
{
    position: relative;
    z-index: 102;
    background: #BBBBBB;
    font-weight: bold;
}

/* Rappresentazione prima colonna */

.colonna1 {
    display: none;
}

/* Rappresentazione seconda colonna */

.contenuto {
    position: relative;
	margin-left:1%;	
	padding-left: 1.0em;
	padding-top: 1.0em;
	padding-bottom:1.0em;	
	border-left: 1px dotted white;
	border-bottom: 1px dotted white;
	z-index: 400;
}

/* Rappresentazione terza colonna (annidata nella seconda), che si visualizza solo in presenza di contenuti. 
Consente lo switch da layout 2 a layout 3 colonne.
Questa suddivisione, collegata a theme.tpl del tema PHPWebsite del Dipartimento di 
Filosofia dell'Universitą di Venezia, consente di utilizzare al meglio lo spazio disponibile e di 
sfruttare appieno le funzionalitą di PHPWebsite.  */

.contenuto .terzacolonna {
    display: none;
}

div#menu {
	width: 20%;
	float: left;
	background: #E1AA5A;
	background-color : #E1AA5A;
}

/* Fondo pagina */

div#fondopagina {
     display:none
}

/* Ulteriori settaggi generali */

div.cella {
  float: left;
  text-align: left;
  padding: 0.3em;
  }

div.spaziatore {
   clear: both; line-height: 0px; font-size: 1px;
  }

div.evento {
  border: 2px dashed #333;
  background-color: #ffe;
  color: #000;
  }

#fondopagina div.float {
    float: left;
    text-align: left;
    padding: 0.3em;
    font-size: 0.9em;
  }

td {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
th {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
TR.bg_medium {
	color: #FFFFFF;
	background-color: #778899;
}

.smalltext {
	font-size: 10px;
}

.calendario {
   font-size: 11px;
}
.calendario p tr th td{
   font-size: 11px;
}

html>body p {
font-size: small;
}

.black {
	color: #000000;
	background-color: #A6FFA6;
	border-color: gray;
	border : groove;
}
.bg_light {
	color: #333333;
	background-color: #FFE4C4;
}
.rosso {
	color : Red;
}
.evidenziato {
	background-color : Yellow;
}
td.white {
	color: #333333;
	background-color: #FFFFFF;
}

/* boxtitolo e boxcontent rappresentano i contenuti delle prime due colonne */

.boxtitolo {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold; 
	color: black;
	background-color: #ACBFBA;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 2px;
	width: 96%;
	border: 1px solid black;
}
.boxcontent {
	color: #333333;
	background-color: #F5F5DC;
	border: 1px groove #000000;
	width: 96%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 4px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	margin-left: 2px;
	margin-top: 2px;	
	margin-right: 2px;
	margin-bottom: 6px;
	border: 1px solid black;
	font-size:100%;
}

/* Consente l'indipendenza dei blocchi in terzacolonna, rappresentati in modo diverso
dai blocchi e menu delle altre colonne. */

.boxtitoloblocco {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold; 
    color: #FFFFFF;
	background-color: #A9A9A9;
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 2px;
	width: 138px;
	border: 1px solid gray;
}
.boxcontentblocco {
	color: #333333;
	background-color: #F5F5DC;
	border: 1px groove #000000;
	padding-bottom: 5px;	
	width: 138px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 83%;
	padding-left: 4px;
	padding-top : 0px;
	padding-right: 4px;
	padding-bottom : 0px;	
	margin-left: 2px;
	margin-top: 2px;	
	margin-right: 2px;
	margin-bottom: 6px;
	border: 1px dotted gray;
}

/* Modalitą di rappresentazione dei link in lista non ordinata */

.boxcontent ul {
    /*margin: 0; 
	padding: 0; */
	list-style-type: square;
}
.boxcontent li {
	/*margin: 0 0 3px 0;*/
}

#banner {
	background-position: left;
	height: 100px;
	top: 0px;
	text-decoration: none;
	text-align: right;
}	
#banner a:link {
	color: black;
	text-decoration: underline;
}
	
/* Setting immagini per i template di pagina */	
	
div.immagine {
	
}
	
.immagine_left img {
	float : left;	
	margin-left: 4px;
	margin-top : 10px;
	margin-right : 6px;
	margin-bottom : 1px;
}
.immagine_right img {
	float : right;	
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 4px;
	margin-bottom : 1px;
}
.immagine_topleft img {
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 4px;
	margin-bottom : 3px;
}
.immagine_topright img {
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 4px;
	margin-bottom : 3px;
}
.immagine_center img {
	margin-left: 0px;
	margin-top : 7px;
	margin-right : 0px;
	margin-bottom : 3px;
}

/* Eventuale set sondaggio */

div.sondaggio {
	
}

/* menu per link correlati - di Eric A. Meyer
http://www.meyerweb.com/eric/talks/2003/commug/commug.html*/

.boxcontentblocco ul
{
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid gray;
}
.boxcontentblocco li
{
    list-style: none;
    margin: 0;
    padding: 0.15em;
    border-top: 1px solid gray;
}

.boxcontentblocco li a { text-decoration: none; }
.boxcontentblocco li a:link { color : black; }
.boxcontentblocco li a:visited { color : black; }
.boxcontentblocco li a:hover { color : Aqua; }

/* moduli */

#modulo label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	padding-right : 0.4em;
}
#modulo input {
	border: 1px inset #2F4F4F;
}
#modulo fieldset {
	border: dashed 1px;
}

/* Menu per blocchi colonna sinistra 
di Ingo Turski (www.1ngo.de)
ispirato da Eric Meyer e Claire Campbell
*/

.menu_box
{
padding: 0;
margin-top: 18px;
margin-left: 0;
}

.menu_box li
{
    list-style: none;
	margin: 0;
    font-size: 1em;
}
.menu_box a, .menu_box a:link, .menu_box a:visited
{
    display: block;
    text-decoration: none;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    color: white;
    background: #2F4F4F;
    border-width: 1px;
    border-style: solid;
    border-color: #ACBFBA #035 #035 #6cf;
    border-left: 1em solid #ACBFBA;
    padding: 0.25em 0.5em 0.4em 0.75em;
}
.menu_box a
{
    width: 99%;
/* solo per Internet Explorer */
}

.boxcontent>.menu_box a
{
    width: auto;
/* solo per Internet Explorer */
}
.menu_box a:hover
{
	background: #ACBFBA;
	border-color: #2F4F4F gray gray #2F4F4F;
	padding: 0.4em 0.35em 0.25em 0.9em;
}
.menu_box a:active
{
    background: #336699;
    border-color: gray gray gray #ACBFBA;
    padding: 0.4em 0.35em 0.25em 0.9em;
}

/* Menu orizzontale per le pagine 
http://css.maxdesign.com.au/listamatic/horizontal02.htm */

.menu_pagina {
	padding: 07px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F5F5DC;
	border: 0;
	width: 90%;
	text-align: left;
}
.menu_pagina ul
{
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
}
.menu_pagina li
{
    display: inline;
    list-style-type: none;
	line-height : 1.6em;
}
.menu_pagina a { padding: 3px 10px; }
.menu_pagina a:link, .menu_pagina a:visited
{
    color: white;
    background-color: #2F4F4F;
    text-decoration: none;
}
.menu_pagina a:hover
{
    color: #2F4F4F;
    background-color: #E1EBF8;
    text-decoration: none;
}