/*
BASIC STYLES
*/

#featured-events, #more-events {
    border-top: 1px dashed #999999;
    margin-top: 1em;
    padding-top: 1em;
}
.metadata {
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 77%;
}

/*
FEATURED CONTENT STYLES
*/

#featured-events li.featured-1 {
    margin-bottom: 1.3em;
}
#featured-events li img {
    float: left;
    margin-right: 0.5em;
    border: 1px solid #666666;
}
#featured-events li.featured-1 img {
    width: 380px;
    height: 250px;
}
#featured-events li.featured-1 h3 {
    font-size: 150%;
}
#featured-events li.secondary {
    width: 48%;
    overflow: hidden;
}
#featured-events li.featured-2 {
    float: left;
}
#featured-events li.featured-3 {
    float: right;
}
#featured-events .metadata .event-time {
    text-transform: none;
}

/*
MORE EVENTS STYLES
*/

#more-events table.month {
    margin-bottom: 0.2em;
}
#more-events table.month caption {
    background-color: #FF0002;
    color: #FFFFFF;
}
#more-events table.month td {
    border: 1px solid #CCCCCC;
}
#more-events table.month th {
    border: 1px solid #CCCCCC;
    background-color: #E8E8E8;
    padding: 0.2em 0 0;
}
#more-events table.month caption { 
    margin-bottom: 0;
}
#more-events table.month td a {
    padding: 0.3em 0 0.2em;
}
#more-events #more-events-calendar {
    width: 15em;
    margin-right: 1.5em;
    float: left;
}
#more-events .prev {
    float: left;
}
#more-events .next {
    float: right;
    margin: 0;
}
#more-events h2 {
    text-transform: uppercase;
    margin-bottom: 0.8em;
}
#more-events ul > li {
    margin-bottom: 1em;
}
#more-events h3 {
    font-size: 100%;
}
#more-events .month-wrap {
    float: left;
    margin: 0 2em 2em 0;
}
#more-events .month-wrap.cols2-1 {
    clear: left;
}
.large table.month {
    width: 18em;
}
.large table.month td a {
    padding: 0.5em 0 0.4em;
}

/*
MONTH PAGE STYLES
*/

#month-events {
    float: left;
    width: 21em;
}
#month-calendars {
    float: right;
}
#month-calendars .small {
    margin-left: 1.5em;
}
#month-calendars table.month {
    margin-bottom: 1.5em;
}

/*
EVENT DETAIL PAGE STYLES
*/

#event-detail p.metadata {
    font-size: 93%;
    color: #000000;
    margin-bottom: 0.2em;
}
#event-detail p.metadata .event-label {
    color: #666666;
    text-transform: none;
}
#event-detail .tease {
    margin: 1em 0;
}
#event-detail .created-by {
    font-size: 85%;
    color: #666666;
}