/*
full-screen calendar stylesheet
Copyright (c) 2002, Mark Pilgrim
GPL-licensed

modified by Carl Hill-Popper
*/

/* import doesn't work for Netscape 4 so I'll just grab the styles I need
@import url(/styles-site.css);
*/

body {
  margin:20px 20px 20px 20px;
  background:#EEE;
}


A {
  font-family: verdana, arial, sans-serif;
  font-size:10px;
  text-decoration:none;
  font-weight:bold;
}

A:link, A:visited {color:#303;}
A:hover, A:active  {color:#936;}


#banner {
  font-family: Palatino, serif;
  color:#FFF;
  font-size:24px;
  font-weight:bold;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-top: 1px solid #FFF;
  background:#303;
  padding:15px;
}

.description {
  font-family: verdana, arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#FFF;
  background:#303;
  text-transform:none;
}

#container {
  background:#FFF;
  /*border:1px solid #FFF;*/
}

#menu {
/*  margin-bottom:15px; */
  background:#FFF;
  text-align:center;
  font-family: Verdana, Arial, sans-serif;
  font-size:10px;
  text-decoration: none;
  font-weight:bold;
}

.largecalendar {
  margin: 10px;
  margin-top: 20px;
  background-color: #FFF;
  color: #333;
}


.largecalendar table caption .prevmonth a:hover, .largecalendar table caption .nextmonth a:hover {
  background: #FFF;
  color: #FC6;
}


.largecalendar table caption {
 /* causes Netscape 4 to stop drawing the rest of the table
  border: 1px solid #888;
*/
  font-family: Palatino, Georgia, serif;
  font-size: 24px;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 5px;
  padding-bottom: 7px;
  background: #FFF;
  color: #333;
}

.largecalendar table th {
  font-family: Palatino, Georgia, serif;
  font-size: 16px;
  font-variant: small-caps;
  border-bottom: 1px solid #888; /*doesn't appear in Netscape 4 */
  background: #FFF;
  color: #333;
  padding-bottom: 2px;
}

/*
.largecalendar .sun {
  border-left: 1px solid #888;
}

.largecalendar .sat {
  border-right: 1px solid #888;
}
*/

.largecalendar .daytitle {
  position: relative;
  left: 0;
  top: 0;
  width: 25%;
  padding: 3px 0 3px 0;
  background: transparent;
  color: #000;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  font-size: 12px;
  font-family: Verdana, sans-serif;
  text-align: center;
}


.largecalendar a.daytitle {
  display: block;
  text-decoration: none;
  background: transparent;
  color: #303;
}


.largecalendar a.daytitle:hover {
  color: #936;
}

#d1, #d3, #d5, #d7, #d8, #d10, #d12, #d14, #d15, #d17, #d19, #d21, #d22, #d24, #d26, #d28, #d29, #d31, #d33, #d35, #d36, #d38, #d40, #d42, #d44 {
  background: #EEE;
  color: #000;
}

/*
#d1, #d8, #d15, #d22, #d29, #d36 {
  border-left: 1px solid #888;
}


#d7, #d14, #d21, #d28, #d35, #d42 {
  border-right: 1px solid #888;
}
*/

td.day {
  vertical-align: top;
  margin: 0;
  height: 7em;
  /*border-bottom: 1px solid #888; */
}

/* the next styles crash netscape 4 so we have to do them specially */
/*/*/a{}
td.day  {
  padding: 0 5px 5px 0;
  width: 12%;
}
/* */


.largecalendar ul {
  list-style: none;
  margin: 0;
  padding: 0 3px 0 3px;
}

.largecalendar li {
  display: block;
  text-align: center;
  font-size: 11px;
  font-family: Verdana, sans-serif;
  padding-top: 6px;
}

html>body .largecalendar li {
  background-image: url(images/black2.gif);
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: 6px;
}

.largecalendar li.first {
  padding-top: 0;
  background: transparent;
}