/*
DUBBI
- colori: #ffffff invece di #fff per problemi con vecchi browser? mi sembra di averlo letto ma non lo trovo
- img>border-width=0: perché?
TODO
- il submeu parte del menu, non tutto espanso ma solo la parte selezionata
*/


body {
  /* tolgono le differenze tra browser */
  margin: 0;
  padding: 0;
  /* l'immagine di background crea la resa grafica dell'header */
  /*background-image: url(../img/background.gif);*/
  background-color: #ffffff;
  background-repeat: repeat-x;
  /* scelgo il colore grigio per le scritte */
  color: #666666;
}

img {
  border-width: 0;
}

h1, h2, h3, h4 {
  margin: 0;
  /*font-family: tahoma, arial, helvetica, sans-serif;*/
}

a {
  text-decoration: none;
  color: #d32525;
}

a:visited {
  color: #980000;
}

a:hover {
  text-decoration: underline;
  color: #e05252;
}

a:active {
  color: #980000;
}

/*************/
/* CONTAINER */
/*************/

#container {
  /* scelta del font */
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.7em;
}

/**********/
/* HEADER */
/**********/

#header {
  background-image: url(../img/header.gif);
  background-repeat: no-repeat;
  position: relative;
  width: 760px;
  height: 81px;
  margin-left: auto;
  margin-right: auto;
  font-family: tahoma, arial, helvetica, sans-serif;
}

#header h1 {
  position: absolute;
  left: 37px;
  top: 12px;
  text-transform: uppercase;
  font-size: 18px;
}

#header p {
  margin: 0;
  position: absolute;
  left: 37px;
  top: 60px;
}

#subtitle {
  font-weight: bold;
  font-size: 11px;
}

/* top menu */

ul.topmenu {
  position: absolute;
  right: 40px;
  top: 12px;
  margin: 0;
  list-style-type: none;
  font-variant:small-caps;
}

ul.topmenu li {
  left:0px; top:0px;
  text-align: left;
  float:left;
  padding:1px 0 0 15px;
}

/* sub menu */

ul.submenu {
  list-style-type: none;

  position: absolute;
  right: 40px;
  top: 60px;
  margin: 0;
  /*font-size: 10px;*/
  /*text-transform: uppercase;*/
}

ul.submenu li {
  float:left;
  left:0px; top:0px;
  text-align: left;
  padding: 1px 0 0 15px;
}

/***********/
/* CONTENT */
/***********/

#mainsection {
  background-repeat: repeat-y;
  margin-left: auto;
  margin-right: auto;
  text-align: left;

  background-image: url(../img/body-repeat.gif);
  position: relative;
  width: 686px;
  padding: 0px 37px;
  padding-top: 22px; /* Weird Mozilla Bug */
  padding-bottom: 37px; /* Weird Mozilla Bug */
}

#sidebar {
  float: left;
  width: 214px;
  height: 100%;
}

#content {
  margin-left: 256px;
}

h2 {
  margin-top: 1.0em;
  margin-bottom: 1.12em;
  font-size: 1.5em;
  font-weight: bold;
}

h3 {
  margin-top: 1.0em;
  margin-bottom: 1.12em;
  font-size: 1.3em;
  font-weight: bold;
}



/**********/
/* FOOTER */
/**********/

/*
.footerbg {
  background-image: url(../img/footer-side.gif);
  background-repeat: repeat-x;
  width: auto;
  height: 75px;
  text-align: center;
}
*/

#footer {
  background-image: url(../img/footer.gif);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 75px;
  text-align: center;
  /*font-size: 10px;*/
}

#copyright {
  position: relative;
  top: 30px;
  margin: 0;
  padding: 0;
}

ul.bottommenu {
  margin: 0;
  padding:6px 0 6px 0;
  list-style-type: none;
  list-style-image:none;
  text-align: center;
  font-variant:small-caps;
}

ul.bottommenu li {
  display: inline;
  padding: 1px 0 0 15px;
  left:0px; top:0px;
}

/***********/
/* VARIOUS */
/***********/

/***************/
/* TEMP STYLES */
/***************/

.todo {
  background-color: yellow;
  color: black;
}

.complete {
  background-color: #00FF00;
  color: black;
}

.torevise {
  text-decoration: line-through;
}

.trash {
  background-color: #FF00FF;
  color: black;
}