#eventsPage #content { padding: 0 10px; }
#eventsPage h1 { text-align: center; margin-bottom: 20px; }
.prevMonth { float: left; }
.nextMonth { float: right; }

#calendar { width: 100%; }
#calendar a { text-decoration: none; display: block; }
#calendar th, #calendar td { width: 14.28% }
#calendar th { padding: 10px 10px 0; font-size: 10px; text-transform: uppercase; }
#calendar td { height: 80px; }
#calendar ol { padding: 5px 0 20px; }

#calendar h3 {
    font-size: 14px;
    padding: 0.4em 10px 0.1em;
    border-bottom: 1px solid #113211;
    background: #022202;
}

.today { border: 1px dashed #555; }
.otherMonth h3 { color: #444; }
.currentMonth .pastDate, .pastMonth td { background: #072307; }
.currentMonth .pastDate h3, .pastMonth h3 { color: #714b1b; }

#calendar li { padding: 0 10px 10px; font-size: 10px; line-height: 14px; position: relative; }

.event { padding: 20px 20px 20px 7em; margin: 0 100px 40px; position: relative; border: 1px solid #113211; background: #022202;}
.event h2 { line-height: 28px; padding-bottom: 10px; }
#eventsPage .event h3 { font-family: Verdana; font-size: 12px; position: absolute; left: 20px; }
.event div { padding-bottom: 10px; }
.event p { padding-bottom: 10px; }

.popup { position: absolute; margin: 0; z-index: 100; font-size: 12px; }
.popup .event { margin: 0;  width: 300px; }
#calendar .popup h3 { border: 0; background: none; padding: 0; }
#calendar .popup a { text-decoration: underline; }