/* 
Based on: http://www.constile.org/template/nuovo_layout_a_tre_colonne/
Developed for www.progettomadeleine.org
*/

@import url("/styles/style_29.css"); /* RESET BROWSERS' DEFAULTS */
@import url("/styles/style_30.css"); /* FORUM */

/* Elimino margini e padding di default e centro la pagina web a larghezza fissa */
body { margin:0; padding:0; 
       text-align:center; 
}

/* La larghezza e' fissa */
#testa { width:760px; margin:.5em auto 0 auto; text-align:left }
#corpo { width:760px; margin: 0 auto; text-align:left }
#piedipagina { width:760px; margin: 0 auto .5em auto; text-align:center }

/* testa */
#testa { 
        background-color: #EEE;
	border: .1em solid #333; 
}

/* corpo */
#corpo { 
        /* position e' necessario per poter usare il posizionamento
           assoluto delle colonne all'interno di corpo */
	position:relative;
	background: #EEE;
        color: #333;
	border-left: .1em solid #333; 
        border-right: .1em solid #333; 
}
#corpo-colonna1 { 
	/* posizione rispetto a #corpo */
	position:absolute; top:0; left:0; 
	width:160px; 
}

#corpo-colonna2 { 
	margin:0 0 0 160px; 
	border-left: .1em dashed #999; 
	background: #FFF;
        color: #333;
	/* se la colonna non fosse sufficientemente alta
	   basta aggiungere un po' di padding sotto
	   padding-bottom: 10em; */
        padding-bottom: 10em;
}

/* PIE' DI PAGINA */
#piedipagina { 
        padding-top: 1em;
        background-color: #EEE;
	border: .1em solid #333; 
        color: #333;
}

P.piede {
        padding: .5em;
        font-size: 0.8em;
}

P.piede a:link, P.piede a:visited { color: #000; background: transparent; border-bottom: 1px dotted #333; }
P.piede a:hover, P.piede a:active { color: #C30; background: transparent; border-bottom: 1px dotted #C30; }
P.piede img { border: 0; }



@media print {
 #testa { width: 90%; margin: 1em; text-align:center; }
 #corpo { width: 90%; margin: 1em; text-align: justify; border: 0; }
 #piedipagina { width: 90%; margin: 1em auto; text-align:center }
 #corpo-colonna1, .print_box { display: none; }
 #corpo-colonna2 { width: 100%; margin: 0; padding: 0; border: 0; }
 body { font-size: 12pt; color: #000;
 }
}


.nascosto { display: none; }


/* INTESTAZIONE */
#testa img { 
  border: 0;
}
#testa A:active, #testa A:hover  { text-decoration: none; color: #FFF; background: transparent;}


/* MAIN */
.left_bar { display:none; }
.right_bar { padding: 1em; }
.content { padding: 1em; }

/* LINKS */
A:link { text-decoration: none; color: #000; }
A:visited { text-decoration: none; color: #000; }
A:active { text-decoration: none; color: #FF0; background: #000;}
A:hover { text-decoration: none; color: #FF0; background: #000; }


/* Fonts e formattazione */
body {
  text-decoration: none;
  color: #FFF;
  background-color: #555; 
  font-family: georgia, "Times new roman", serif; 
  font-size: 11pt; 
}

/* Per alcuni titoli metto un font senza grazie */
th, .headline, .item_title, .item_title_big, .subtopic_child, .menu_item, .subpath { 
     font-family: Arial, sans-serif;
}


td { font-size: 0.9em; }
th { font-size: 1em; 
     color: #000;
     background-color: #EEE; 
     font-variant: small-caps;
}


/* Subtopics: links o simili, sottostanti all'argomento
   corrente 
 */
.subtopic_child { 
  border-left: .2em solid #666;
  padding-left: .5em;
  background-color: #EEE;
}

/* il nome del subtopic � sempre un link */
.subtopic_child A { 
  display: block;
  color: #C30;
  font-weight: bold;
  font-size: 1.2em;
}

.subtopic_child a:active, .subtopic_child a:hover { 
  color: #FFF;
  background-color: #C30;
}

/* Testo descrittivo del subtopic */
.subtopic_child div { 
  font-style: italic;
  font-size: 0.9em;
  color: #666;
  padding: .5em;
}

/* Box che contiene il menu */
.box_1 { background: #EEE; }

/* MENU 
   il menu sta dentro un box_1, poi dentro una serie di
   div con classi menu - menu_items - menu_item
   infine e' chiuso da un menu_footer
*/
.menu { 
  padding-bottom: 1em; 
}

.menu_items { 
  color: #FFF;
  font-weight: bold; 
}

.menu_item { 
  margin-left: 30px;
}

.menu_item a { 
  font-size: 1.4em; 
  line-height: 2em;
}

.menu_item a:link, .menu_item a:visited { 
  color: #C30;
  display: list-item;
  list-style: none;
}

.menu_item a:hover, .menu_item a:active { 
  color: #FFF;
  background-color: #C30;
  display: list-item;
  list-style: url(/local/puntomenu.png) circle;
}

/*
  Questi non mi pare che siano usati
 .menu_title { font-size: 12pt; font-weight: bold; text-align: center; padding: 3px 3px; border-bottom: 1pt dotted #FF0; margin: 3px; }
.menu_level_1 { font-weight: bold; }
.menu_level_2 { margin-left: 7px; }
*/





/* BREADCRUMB */

.subpath { 
  padding: .1em .3em 0em .3em; 
  font-size: 1.1em; 
  font-weight: bold; 

  color: #666;
  background-color: #EEE; 
  border-bottom: .2em solid #666;

}

.subpath a:link { }
.subpath a:visited { }
.subpath a:hover { color: #000; background-color: #FF3; }
.subpath a:active { color: #000; background-color: #FF3; }




/* PRINT BOX */

.print_box { 
  float: right; 
  padding: .3em; 
  margin: 3px; 
  background-color: #FF9;
  border: .1em solid #F60;
}

.send_email { 
  margin-left: 23px;
  display: list-item;
  list-style: url(/madeleine/images/12.gif) circle;
}
.print_page { 

  margin-left: 23px;
  display: list-item;
  list-style: url(/madeleine/images/13.gif) circle;
}

div.citazione {
  margin: -1em;
  padding: 1em;
  background: #EEE;
  border-bottom: 3px solid #333;
}

p.citazione {
  padding:1em; 
  border: 1px solid #F60;  
}

img.citazione {
  float: right; 
  margin: .2em; 
  height: 7em;
}

.pagefooter {
 padding: 1em;
}


/* CSS RIVISTO FINO A QUI */

.last_update { font-size: 8pt; margin: 4px 0px; }

.topic_title { font-size: 14pt; font-weight: bold;}

/* TABLES */
.pager { font-size: 9pt; text-align: right; color: #666666; }
.list_item_0 { background-color: #ECF1F4; }
.list_item_1 { background-color: #FFFFFF; }
.column_cell { padding: 5pt; }


/* ITEM (article, event) */
.heading { font-size: 11pt; margin-bottom: 8px; }
.headline { font-size: 14pt;  font-weight: bold; }
.subhead { font-style: italic; }
.heading_notes { margin-bottom: 8px; }
.notes { font-style: italic; }

/* FORMS */
.input_separator { background-color: #DDD; font-weight: bold; font-size: 10pt; }
.input_note { font-style: italic; font-size: 8pt; }
.search_input { font-size: 9pt; background-color: #DDF; border-width: 1pt; border-color: #669; border-style: inset; width: 100px; }
.search_submit { font-weight: bold; font-size: 9pt; color: #4C599C; border-width: 1pt; border-color: #EAEAD5; border-style: outset; }
.code_box { font-size: 8pt; background-color: #FFFFCC; padding: 3pt; border-width: 1pt; border-color: #EEEE90; border-style: inset; }

/* LIST ITEM */
.item { font-size: 8pt; margin-top: 4px; margin-bottom: 16px; }
.item_path { color: #800000; font-size: 8pt; }
.item_path a:link { text-decoration: none; color: #800000; }
.item_path a:visited { text-decoration: none; color: #800000; }
.item_path a:hover { text-decoration: underline; color: #6666CC; }
.item_path a:active { text-decoration: underline; color: #6666CC; }
.item_title { font-size: 10pt; font-weight: bold; }
.item_title_big { font-size: 12pt; font-weight: bold; }
.item_box { margin-bottom: 5px; margin-top: 5px; padding: 2pt; border-style: solid; border-width: 1pt; border-color: #EEEEEE; }

/* GALLERIES */
.gallery_title { text-align: right; background-color: #EAEAD5; border-right: solid; border-color: #808040; border-width: 2pt; vertical-align: top; }


/* BOXES */
.box_1,.box_2,.box_3,.box_4,.box_5,.box_6 { margin: 0px; font-size: 8pt; background-color: transparent; padding: 1pt;  border-style: none; }
.box_title { font-size: 10pt; font-weight: bold; text-align: center; padding: 3pt; }
.box_notes { font-style: italic; }

.box_1 { padding: 0; margin: 0; }
.box_1 .box_title { color: #FFFFFF; background-color: #5C799C;  }
.box_1 .box_title a:link { text-decoration: none; color: #FFFFFF; }
.box_1 .box_title a:visited { text-decoration: none; color: #FFFFFF; }
.box_1 .box_title a:hover { text-decoration: underline; color: #FFFFFF; }
.box_1 .box_title a:active { text-decoration: underline; color: #FFFFFF; }
.box_1 hr { background-color: #666699; color: #666699; }
.box_2 .box_title { font-family: Verdana, Arial, sans-serif; background-color: #EAEAD5;  }
.box_2 hr { background-color: #EAEAD5; color: #EAEAD5; }
.box_3 .box_title { font-family: Verdana, Arial, sans-serif; background-color: #CCCC99; }
.box_3 hr { background-color: #CCCC99; color: #CCCC99; }


/* FORUMS */
.content.forum_thread {
}
.forum_thread table {
  width: 90%;
  margin: 1em auto;
}
.forum_thread td {
  padding: .3em;
  line-height: 1.2em
}
#thread_title {
  font: bold 2em Arial;
}
#thread_description {
  font-style: italic;
  padding: 1em;
  line-height: 1.5em;
}
#thread_info {
  margin-left: 1em;
  border-bottom: .2em solid #eee;
}
#thread_date {
  float: right;
  margin-right: 1em;
  font-size: .9em;
}
#thread_author {
  font-weight: bold;
}
#thread_org {
  font-size: .9em;
}
#thread_content {
  clear: both;
  padding: 1em;
  line-height: 1.5em;
}
#comments_toplinks, #comments_bottomlinks {
  text-align: center;
}
.forum_commands a:link, 
#add_comment a:link {
  color: #c30;
  border-bottom: 2px solid #c30;
}



/* Consigli del W3C per i media alternativi */ 

@media print {
H1, H2, H3,
H4, H5, H6 { page-break-after: avoid; page-break-inside: avoid }
BLOCKQUOTE,
PRE { page-break-inside: avoid }
UL, OL, DL { page-break-before: avoid }
}

@media speech {
H1, H2, H3,
H4, H5, H6 { voice-family: paul, male; stress: 20; richness: 90 }
H1 { pitch: x-low; pitch-range: 90 }
H2 { pitch: x-low; pitch-range: 80 }
H3 { pitch: low; pitch-range: 70 }
H4 { pitch: medium; pitch-range: 60 }
H5 { pitch: medium; pitch-range: 50 }
H6 { pitch: medium; pitch-range: 40 }
LI, DT, DD { pitch: medium; richness: 60 }
DT { stress: 80 }
PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
EM { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
STRONG { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
DFN { pitch: high; pitch-range: 60; stress: 60 }
S, STRIKE { richness: 0 }
I { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
B { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
U { richness: 0 }
A:link { voice-family: harry, male }
A:visited { voice-family: betty, female }
A:active { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}