@import url("custom.css");

/**************************************************************
********* Formatting For Month Table and Text *****************
**************************************************************/

BODY    { background-color:#FFF }
P       { margin-top: .5ex; margin-bottom: .5ex; }

/**** month and year header at top of calendar ****/
.date_header            { font-size:large; font-family:fantasy; 
                          font-weight:bold; }
.generationdate         { font-size: 6pt; font-family: sans-serif;
                          font-weight: normal; color: #999; }

/**** color and size of calendar cells.  ****/
.day_cell               { background-color:#FFF; height:100pt; width: 120pt; 
                          overflow: hidden; 
                          border: 1px solid #000000; 
                          padding: 2px; }
.empty_day_cell         { background-color:#FFF; height:100pt; width: 120pt; }
.today_cell             { background-color:#FFF; height:100pt; width: 120pt; 
                          overflow: scroll; border: 2px solid black; 
                          padding: 2px; }
.minimonth_cell         { font-color: #333; background-color: #FFF;
                          height: 100pt; width: 120pt; }

/**** day number in upper corner of each cell ****/
.day_number A           { font-size:small; font-family:sans-serif; 
                          color:#FFF; font-weight: bold; 
                          background-color: rgb(127,0,127);
                          width:1.5em; text-align: center; float: right;
                          margin-left: 2px; }

.day_number A:hover     { font-size:small; color:#FFF; background-color: rgb(200,0,200); }

.day_number             { font-size:small; font-family:sans-serif; 
                          color:#FFF; font-weight: bold; 
                          background-color: rgb(127,0,127);
                          width:1.5em; text-align: center; float: right;
                          margin-left: 2px; }

/**** title_txt is the text for each post on main page ****/
.title_txt              { font-size:xx-small; font-family:sans-serif; color: #006; }
.title_txt A:link       { text-decoration:none; border: 1px solid transparent; }
.title_txt A:active     { text-decoration:none; border: 1px solid transparent; }
.title_txt A:visited    { text-decoration:none; border: 1px solid transparent; }
.title_txt A:hover      { text-decoration:none; border: 1px solid #0FF; }

/**** time line under title text when event time given ****/
.time_str               { font-size:xx-small; font-family:sans-serif; }

/**** column headers or days of the week ****/
.column_header          { background-color:rgb(127,0,127); font-size:normal; 
                          font-family:sans-serif; color:#FFFFFF; 
                          font-weight:bold; 
                          padding-right: 3px; padding-left: 3px; }

/**** minimonths ****/
p.minimonth_name        { font-family: sans-serif; font-weight: bolder;
                          font-size: 8pt; text-align: center; }
div.minimonth           { display: table; width=120pt; margin: 0 auto; }
div.minicalweek         { display: table-row; }
div.minicalday          { display: table-cell; 
                          font-size: 8pt; font-family: sans-serif; font-weight: normal;
                          text-align: center; 
                          padding-left: 1px; padding-right: 1px; padding-top: 1px; }

/**** events displayed in listview ****/
.eventdate              { background-color: rgb(127,0,127); font-size: small;
                          font-family: sans-serif; color: #FFFFFF;
                          font-weight: bold; text-align: center; 
                          padding-right: 3px; padding-left: 3px; }
.eventstarttime         { background-color: #EEE; font-size: small;
                          font-family: sans-serif; color: #000; 
                          text-align: right; 
                          padding-right: 3px; padding-left: 3px; }
.eventendtime           { background-color: #EEE; font-size: small;
                          font-family: sans-serif; color: #000; 
                          text-align: right; 
                          padding-right: 3px; padding-left: 3px; }
.eventtitle             { background-color: #FFF; font-size: small;
                          font-family: sans-serif; color: #000; 
                          padding-right: 3px; padding-left: 3px; }
.eventdescription       { background-color: #EEE; font-size: x-small;
                          font-family: sans-serif; color: #320; 
                          padding-right: 3px; padding-left: 3px; }
.eventcategory          { background-color: #DDD; font-size: x-small;
                          font-family: sans-serif; color: #000; 
                          text-align: left; 
                          padding-right: 3px; padding-left: 3px; }


/**** footprint text ****/
.footprint              { font-size:xx-small; font-family:sans-serif; 
                          color:#000; font-weight:bold; margin-bottom: 1ex;}
.footprint A            { font-size:xx-small; font-family:sans-serif; 
                          color:#00F; font-weight:bold; }

/**** attribution text ****/
.attribution            {font-size: xx-small; font-family:sans-serif;
                         color: #FFF; background-color: #000; padding: 2px;} 
.attribution A          {font-size: xx-small; font-family:sans-serif;
                         color: #FFF; background-color: #000;}