/*******************************/
/* CSS per michela-e-matteo.ch */
/*******************************/

/* Note:
 *
 * Sfondo: bordeau scuro:  #660000
 * Bordi:  bordeau chiaro: #990000
 * Testo:  bordeau chiaro: #990000
 * Sfondo: bianco:         #ff0000
 */

body {

  /* sans-serif */
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 90%;
  background-color: #660000;

  width: 902px;
  
  margin-top: 0px;

  /* bordo a sinistra del menu: era 80 */
  margin-left: 0px;

  /* bordo a destra del testo */
  border-right: 1px #990000 solid;

  /* bordo a sinistra del menu */
  border-left:  1px #990000 solid;
  
}

/******************************************************************************/
/* Testo                                                                      */
/******************************************************************************/

/* Titoli: corsivi, chiari */
h1 {
  font-family:    "Apple Chancery", "Zapf Chancery", "Monotype Corsiva", cursive;
  font-style:     normal;
  color:          #990000;
}

/* Sottotitoli: corsivi, chiari */
h2 {
  font-family:    "Apple Chancery", "Zapf Chancery", "Monotype Corsiva", cursive;
  font-style:     normal;
  color:          #990000;
}

address{
  font-family:    "Apple Chancery", "Zapf Chancery", "Monotype Corsiva", cursive;
  font-size:      90%;
  font-style:     italic;
  color:          #990000;
}

a.address{
  font-family:     Verdana, Tahoma, Helvetica, sans-serif;
  font-size:       90%;
  font-style:      italic;
  color:           #990000;
  text-decoration: underline;
}

.transparentinput { 
  background-color:transparent;
}

/******************************************************************************/
/* Header */
/******************************************************************************/

/* Testo bianco su sfondo scuro */
#header{
  color:            #ffffff;
  background-color: #660000;
  height:           64px;
  width:            900px;
}

#header a{
  color:           #660000;
  text-decoration: none;
}

/* Menu di sinistra */
#header-left {
  width: 170px;
  float: left;
  height: 64px;
  padding-left: 0px;
  margin-left:  0px;
  background:   url("/pictures/header_left.png") right center no-repeat;
}

/* Parte di destra con il logo M&M */
#header-right {
  
  float:       right;
  width:       729px;
  height:      64px;
  background:  url("/pictures/header_right.png") right center no-repeat;
  
}

/******************************************************************************/
/* Testo                                                                      */
/******************************************************************************/

/* Neccessario per IE altrimenti viene usato tutto lo schermo con il testo */
/* allineato al bordo destro */
#container {
  width:            900px;
  min-height: 550px;
}

/* Testo a destra */
#content {
  
  float:   right;
  width:   700px;
  
  min-height: 550px;
  
  /* Margini: alto, destra, basso, sinistra */
  padding: 20px 15px 10px 14px;
  
  /* Testo chiaro */
  color:       #990000;
  
  text-align:  justify;

  border-left: 1px #990000 solid;

  /* Sfondo bianco con Teo&Michela ripetuti verticalmente */
  background-color: #ffffff;
  background-image: url("/pictures/sfondo.png");
  background-repeat: repeat-y
  
}

/* Link: chiari, sottolineati*/
#content a{
	color: #990000;
	text-decoration:underline;
}

/* Mouse over: chiari, sottolineati, grassetto */
#content a:hover {
  color:#660000;
}


/******************************************************************************/
/* Footer                                                                     */
/******************************************************************************/

#footer {
  
  clear:            both;
  border-top:       1px #990000 solid;
  font-style:       italic;
  font-size:        60%;
  background-color: #ffffff;

}

/******************************************************************************/
/* Menu                                                                       */
/******************************************************************************/

#navigator {
  
  float: left;
  width: 170px;

  background-color: #ffffff;
  font-family:      "Apple Chancery", "Zapf Chancery", "Monotype Corsiva", cursive;
  font-size:        120%;
  padding-top:      0px;
  padding-left:     0px;
  background:       url("/pictures/sfondo_menu.png") left top repeat-y;
  
}

a.menuitem, p.menuitem {
  
  line-height:     40px;
  margin:          0px 0px 0px 0px;
  
  /* Margini: alto, destra, basso, sinistra */
  padding:         0px 0px 0px 20px;
  display:         block;

  color:           white;
  text-decoration: none;
  font-weight:     bold;
  
  border-bottom:   solid 1px #990000;

}

a.menuitem:hover {
  background-color: #990000;
}

td.testocorsivo {

  color:            #990000;
  font-family:      "Apple Chancery", "Zapf Chancery", "Monotype Corsiva", cursive;
  font-size:        100%;
  
}

td.testonormale {

  color:            #990000;
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 90%;

}