/*
 * This file contains the main page layout, ie the banner, menu, content and
 * copyright div:s. Background colors are set too.
 */
body {
  margin:        0px;
  padding:       0px;
  background:    #f7ffe8;
  font-family:   sans-serif;
}

#banner {
  margin:        20px 0px 20px 0px;
  padding:       0 0 10px 20px;
  width:         90%;
/*  border-bottom: solid 2px #006400; */
}

/*
 * Main sidebar div. This one contains all the sidebar components, such as the
 * menu, search field etc.
 */
#sidebar {
  float:         left;
  width:         20%;
}

#menu {
  border:        solid 1px #006400;
  margin:        0px 20px 0px 20px;
  padding:       0;
  background:    #c6e587;
}

/* experimental... */ 
#calendar {
  color:         #006400;
  border:        solid 1px #006400;
  margin:        20px 20px 0px 20px;
  padding:       0;
  background:    #c6e587;
  text-align:    center;
}

#chart {
  color:         #006400;
  border:        solid 1px #006400;
  margin:        20px 20px 0px 20px;
  padding:       0;
  background:    #c6e587;
  text-align:    center;
  font-size:     75%;
}

#twitter {
  color:         #006400;
  border:        solid 1px #006400;
  margin:        20px 20px 0px 20px;
  padding:       0;
  background:    #c6e587;
  text-align:    left;
  font-size:     75%;
}

table.sidebar-calendar {
  color:         #006400;
  background:    #f7ffe8;
  border-collapse: collapse;
  margin:          5px;
  font-size:       75%;
  text-align:    center;
  font-style:    italic;
}

/* heading row of the sidebar calendar (M, T O...) */
td.sidebar-calendar-head {
  border:        solid 1px #006400;
  background:    #eeffd6;
  margin:        0;
  padding:       0;
  font-weight:   bold;
  font-size:     75%;
}

/* main content cells of the sidebar calendar */
td.sidebar-calendar {
  border:        solid 1px #006400;
  padding:       0 2px 0 2px;
  font-size:     75%;
}

td.sidebar-calendar-today {
  border:        solid 2px #006400;
  padding:       0 2px 0 2px;
  font-size:     75%;
}

td.sidebar-calendar-birthday {
  border:        solid 1px #006400;
  color:         #fc0d0c;
  padding:       0 2px 0 2px;
  font-weight:   bold;
  font-size:     75%;
}

td.sidebar-calendar-today-birthday {
  border:        solid 2px #006400;
  color:         #fc0d0c;
  padding:       0 2px 0 2px;
  font-weight:   bold;
  font-size:     75%;
}

a.sidebar-calendar-birthday:link {
  color:           #fc0d0c;
  text-decoration: none;
}

a.sidebar-calendar-birthday:visited {
  color:           #fc0d0c;
  text-decoration: none;
}

a.sidebar-calendar-birthday span {
display:           none;
}

a.sidebar-calendar-birthday:hover span {
  display:         block;
  position:        absolute;
  padding:         5px 10px 5px 10px;
  background:      #eeffd6;
  border:          solid 1px #006400;
  font-weight:     normal;
}

#logininfo {
  border:        solid 1px #006400;
  margin:        20px 20px 0px 20px;
  padding:       10px;
  background:    #c6e587;
  color:         #006400;
  text-align:    center;
  font-style:    italic;
  font-size:     75%;
}

#search {
  border:        solid 1px #006400;
  margin:        20px 20px 0px 20px;
  background:    #c6e587;
  color:         #006400;
  text-align:    center;
  font-size:     75%;
}

#content {
  float:         left;
  border:        solid 1px #006400;
  padding:       10px;
  width:         75%;
  background:    #eeffd6;
}

#copyright {
  float:         left;
  width:         100%;
  color:         #006400;
  text-align:    center;
  font-size:     75%; 
  font-style:    italic; 
}