body {
  font: .825em "Lucida Grande", "Nimbus Sans L", "Arial", sans-serif;
  background-color: rgb(164, 189, 172);
}


#container {
  text-align: center;
}
h1 {
  color: #2F4F4F;
}

#container h2, #container h3 {
  color: black;
  text-shadow: #6374AB 2px 2px 2px;
}
#container h2 {
  font-family: Verona;
  font-style:italic;
  font-size:60px;
}

#container h3 {
  font-family: Verona;
  font-style:italic;
  font-size:40px;
}

/* normal navigation */
#monthnav, #yearnav {
  width:640px;
  height:60px;
  margin-left:auto;
  margin-right:auto;
}

#monthnav {
  margin-top: 20px;
}
#monthnav h2 {
  line-height: 22px;
}
#yearnav h3 {
  line-height: 22px;
}

#yearnav h3, #monthnav h2{
  display:inline;
}
.navleft {
  float:left;
}
.navright {
  float:right;
}

#month, #hmonth {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 640px;
}
#month {
  border: 1px solid gray;   
}

#month td, #hmonth th {
  width:90px;
}

#month td{
  border: 1px solid gray;
  height:63px;
  vertical-align: baseline;
  text-align:right;
  padding-right: 2px;
  padding-top: 2px;
  font-size:28px;
}

#month td > div {
  position: relative;
}

#month .day {
  position:absolute;
  right: 9px;
  top: -3px;
  font-size:20px;
}
#month .outmonth, #month .outmonth.sunday {
  color:#888;
}
#month .inmonth.sunday .day {
  color:red;
}

#month .today {
  background-color: #BBB;
} 

#month .phase {
  position:absolute;
  top:0px;
  left:7px;
}
#month .sun {
  position:absolute;
  top:28px;
  left:0px;
}
#month .sun img {
  position:absolute;
  top:0px;
  left:2px;
}
#month .sun .riseset {
  font-size:11px;
  line-height: 10px;
  position:absolute;
  top:5px;
  left:52px;
}
#credits {
  margin-top:5px;
  width:640px;
  margin-left:auto;
  margin-right:auto;

  text-align: right;
}