@media (max-width: 1000px) {
    body {
        font-size: 150%;
    }
}


body {
    margin-left: 1em;
    margin-right: 1em;
    font-family: Verdana, Arial, "sans serif";
    background: white;
}

div.content
{
    background: #f0f0ff;
    padding: 1em;
    margin: 1em;
}


h1
{
    text-align: center;
}

h2
{
    padding-top: .5em;
    border-top: 1px solid black;
}

div.indented
{
    margin-left: 2em;
}

table {
    border-collapse: collapse;
}

table.calendar caption
{
    font-size: 200%;
    padding-bottom: .5em;
}

table.calendar th
{
    padding-left: .4em;
    padding-right: .4em;
}

table.calendar td
{
    border: 1px solid black;
    padding: .4em;
    width: 3.5cm;
    vertical-align: top;
    font-size: 75%
}

table.calendar ul
{
}

table.calendar div.date, div.date-gray
{
    font-size: 200%;
    border-bottom: 1px solid #c0c0c0;
}

table.calendar div.date-gray
{
    color: #aaaaaa;
}

ul.calendar-mobile
{
    list-style-type: none;
    padding: 0;
}

ul.calendar-mobile div.date
{
    background: #c0c0c0;
    font-size: 200%;
    margin-top: .5em;
}