body, html {
  background-image:url('IMAGES/calendar-background.png');
  background-repeat:no-repeat;
  margin:0;
  }

a:link, a:visited {
  text-decoration:none;
  }

a:hover {
  text-decoration:underline;
  }

#widget-wrapper {
  position:relative;
  height:225px;
  width:150px;
  cursor:default;
  }

#calendar-box {
  position:absolute;
  top:26px;
  left:6px;
  }

#month-box {
  text-align:center;
  font-family:arial;
  font-size:10px;
  font-weight:bold;
  color:#66cc99;
  line-height:13px;
  vertical-align:bottom;
  text-transform:uppercase;
  }


#day-box {
  float:left;
  width:12px;
  text-align:center;
  margin-left:1px;
  color:#66cc99;
  font-family:arial;
  font-size:9px;
  font-weight:bold;
  line-height:11px;
  vertical-align:bottom;
  }

#day-box div {
  }



.date-box {
  float:left;
  width:12px;
  text-align:center;
  margin-right:2px;
  color:#999966;
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  line-height:11px;
  vertical-align:bottom;
  }


.date-box a:link, .date-box a:visited {
  color:#999933;
  font-weight:normal;
  }

.date-box  .holiday a:link, .date-box .holiday a:visited {

  fnt-style:italic;
  text-decoration:underline;
  }

.date-box .today {
  background-color:#ffcccc;
  }

.date-box .full a:link, .date-box .full a:visited {
  color:#666600;
  font-weight:bold;
  }

#menu-box {
  position:absolute;
  top:5px;
  left:3px;
  font-size:9px;
  font-weight:bold;
  color:#54c3ab;
  line-height:9px;
  font-family: Copperplate, "Copperplate Gothic Light", fantasy;
  }

#menu-box a:link, #menu-box a:visited {
  color:#666600;
  text-decoration:none;
  }

#menu-box a:hover {
  color:#ccffff;
  }

#blog-link {
  position:absolute;
  top:3px;
  right:18px;
  height:12px;
  width:12px;
  border:0;
  }

#blog-link a {
  text-decoration:none;
  }

#facebook-link {
  position:absolute;
  top:3px;
  right:3px;
  height:12px;
  width:12px;
  border:0;
  }

#facebook-link a {
  text-decoration:none;
  }


#copy-button {
  position:absolute;
  bottom:11px;
  left:4px;
  height:15px;
  width:60px;
  font-size:8px;
  font-weight:bold;
  font-family:verdana;
  text-decoration: none;       
  cursor:pointer;
  }



#project {
  position:absolute;
  width:78px;
  top:83px;
  right:4px;
  text-align:center;
  font-family: Copperplate, "Copperplate Gothic Light", fantasy;
  }

#project .project-date {
  font-size:9px;
  font-weight:bold;
  color:#54c3ab;
  line-height:11px;
  vertical-align:center;
  }

#project .celebration {
  font-size:10px;
  font-weight:bold;
  color:#024c4c;
  line-height:9px;
  vertical-align:center;
  }

#project .celebration a:link, #project .celebration a:visited {
  color:#024c4c;
  }

#project .celebration a:hover {
  color:#54c3ab;
  text-decoration:none;
  }

#project .dedication {
  font-family:'Times Roman';
  font-size:11px;
  font-weight:bold;
  font-style:italic;
  color:#ff6666;
  line-height:10px;
  vertical-align:center;
}

#project img {
  position:absolute;
  top:53px;
  right:4px;
  border:0px;
  text-decoration:none;
  height:59px;
  width:68px;
  }

#month-back {
  position:absolute;
  height:10px;
  width:10px;
  top:28px;
  left:11px;
  border:0;
  text-decoration:none;
  }

#month-next {
  position:absolute;
  height:10px;
  width:10px;
  top:28px;
  left:48px;
  border:0;
  text-decoration:none;
  }