/* Basic Styles */
body {background: black url("../images/universe.gif"); color: white;}
table {margin: 1em auto;}
td {border-color: white; text-align: center;}

a:link, a:visited {color: #9e9; text-decoration: none;}
a:hover, a:active, a:focus {color: #f0f; text-decoration: underline;}

#skiptonav, #skiptocont {position: absolute; left: -9999px; font-weight: bold;}
#skiptonav:focus, #skiptocont:focus {position: static; display: block; margin-top: 1em; text-align: center;}

/* Menu Column */
#menu {position: fixed; top: 2em; left: 1em; width: 8em; margin: 1px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-weight: bold;}
* html #menu {position: absolute;} /* backwards compatability for IE */
#menu ul {list-style-type: none; margin: 0; padding: 0; margin-top: .5em;}
#menu ul li {line-height: 1.75;}
.Contents {color: #8cf; font-size: 120%; text-align: left;}
.currentmonth {color: red !important; text-transform: uppercase;}

/* Content Column */
#content {margin: .5em 10em;  text-align: center;}
h1 {color: #8cf; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 150%; font-weight: bold; text-align: center; margin-top: 0;}

#daytables table {border: 5px ridge; width: 450px; border-spacing: 5px;}
th.DateHead {color: #f04; background: black; font-size: 125%; font-weight: bold; text-transform: uppercase;}
#daytables td, #daytables th {border: 1px solid white; padding: 5px;}
.Year {width: 50px;}
.Empty {background: #008;}
.Eps {width: 425px;}

.ABC {color: #ff0;}
.FAM {color: #0ff;}
.TOON {color: #f0f;}
.NCKT {color: #f80;}
.NICK {color: #08f;}
.NEW {background: black; font-weight: bold; font-variant: small-caps; font-family: Arial, Verdana, Sans-serif;}

/* Footer */
#footer p {text-align: center; font-weight: bold;}
#footer p.w3c {vertical-align: baseline;}
#footer img {margin: auto 10px;}

/* Used on main page only */
#mainhead {font-size: 200%;}
#tdprhistintro {margin-left: 2em; margin-right: 2em;}
#month td {font-weight: bold; text-align: center; width: 250px; line-height: 2;}
#month a {font-size: 150%;}
#legend {border: 1px solid white; background: black; padding: 5px; width: 750px;}
#legend img {width: 60px; height: 50px;}

/* User on master calendar only */
.calendar {width: 8em; float: right; margin: 0.75em; height: 100%;}
#calendars {border: 1px solid white;}
#calendars tr th {font-size: small; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, Sans-serif;}
#calendars tr th.year {font-size: xx-large; color: red;}
#calendars tr td {font-size: xx-small; text-align: center;}

.highlightToday {background-color: blue;}