body, table, tr, td, p, br, li, div, span {font-family:Arial, Verdana, Geneva, sans-serif; font-size:10pt}
body {background-color:black; text-align:center; color:white; margin:0px}
html {scrollbar-base-color:black; scrollbar-arrow-color:#CCC; scrollbar-shadow-color:#333}

.header {margin:10px}
.footer {background-color:#111; margin-top:20px; padding:7px; color:#666;}
.content {padding:20px}
.halftable td {vertical-align:top; padding:10px; width:50%; padding-top:20px; text-align:center}
.smalltitle {font-weight:bold; font-size:medium}
.albumthumb {float:left; margin:10px; text-align:center}
.bigtitle {font-weight:bold; font-size:large}
.attention {font-weight:bold; font-style:italic; color:red; font-size:11pt}
.imptitle {font-style:italic; font-weight:normal; font-size:15pt}

/* Nav Properties */
.nav th, .nav .off {padding:6px; background-color:#300; width:100px; font-size:12pt; cursor:pointer}
.nav .on {background-color:#F00; cursor:default}
.nav .hover {background-color:black}
.nav a:link, .nav a:visited, .nav a:hover {color:white; cursor:pointer; text-decoration:none}
.nav .on .attention {font-weight:bold; font-style:italic; color:white; font-size:11pt}

/* Hyperlink Properties */
a:link {color:red}
a:visited {color:#900}
a:hover {color:#F60}

/* Calendar Properties */
.calendarcontainer {width:100%}
.calendar {background-color:#300; color:white;}
.calendar td {vertical-align:top; background-color:black; height:75px; padding:0px; text-align:center}
.date {background-color:#300; color:white; float:left; width:1.5em; text-align:center; font-size:8pt}
.calendar .wrongmonth {background-color:#111}
.today .date {color:red}
.calendar a:visited {color:red}
.calendar a:hover {color:#f60}
.leftside {float:left}
.rightside {float:right}