.clear { clear: both; }

.clear span { display: none; }

#upcoming-event-wrapper {
 width: 90%;
 margin: 0px auto;
 position: relative;
 padding-bottom: 15px;
}

.eventPlaceHolder {
 margin-bottom: 7px;
}

.eventPlaceHolder:after {
 content: '';
 display: block;
 clear: both;
}

.event-date {
 border-radius: 0px;
 width: 60px;
 border: 1px solid #cccccc;
 text-align: center !important;
 float: left;
 margin-right: 15px;
}

.month {
 border-radius: 0px !important;
 color: #FFFFFF;
 font-size: 11px;
 font-family: helvetica, arial, sans-serif;
 padding: 2px 0px 2px;
 background: #333333;
}

.day {
 color: #3B3F43;
 font-size: 30px;
 display: block;
 line-height: 30px;
 font-family: helvetica, arial, sans-serif;
}

.text-day {
 background: #efefef;
 font-size: 8pt;
 margin-top: 2px;
}

.name-of-event a {
 color: #000;
 text-decoration: none;
 font-size: 14px;
 font-family: helvetica, arial, sans-serif;
}

.name-of-event a:hover {
 color: #000;
 text-decoration: underline;
 font-size: 14px;
 font-family: helvetica, arial, sans-serif;
}

.information .time {
 color: #999999;
 font-size: 9pt;
}

.information .location {
 color: #999999;
 font-size: 8pt;
 margin-top: 1px;
}

.more-events {
 position: absolute;
 bottom: 0px;
 right: -14px;
}

.more-events a {
 width: 96px;
 height: 20px;
 display: block;
 text-decoration: none;
 line-height: 19px;
 text-align: center !important;
 font-family: helvetica, arial, sans-serif;
 font-size: 9pt;
}

.more-events a:hover {
 width: 96px;
 height: 20px;
 display: block;
 text-decoration: none;
 line-height: 19px;
 text-align: center !important;
 font-family: helvetica, arial, sans-serif;;
 font-size: 9pt;
}

.when-to-when {
 display: inline;
 margin-right: 10px;
}

@media screen and (min-width: 800px) and (max-width: 990px) { 
.information {
 float: right;
 width: 60%;
}

.category {
 display: block;
 line-height: 16px;
 top: 0px;
}

}