ul.events {list-style: none; margin: 0; padding: 0;}
ul.events:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.events li.event {width: 100%; margin: 0; padding: 0;}
ul.events li.event.important-on {width: 100%;}
ul.events li.event .events-wrapper {margin: 5px 0; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: rgb(245,245,245); background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1))); background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );}
ul.events li.event .events-wrapper:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.events li.event.highlight-on .events-wrapper {background: #fea;}
ul.events li.event .events-wrapper .events-thumb {display: none; margin: 0 0 10px; padding: 0;}
ul.events li.event .events-wrapper .events-dates {float: left; max-width: 30px; overflow: hidden; margin: 0 15px 5px 0; padding: 10px; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; color: #fff; background: #666; font-size: 120%; line-height: 1.2em; text-align: center;}
ul.events li.event.highlight-on .events-wrapper .events-dates {box-shadow: 2px 2px 2px #f8e7a4, -1px -1px 1px #f8e7a4;}
ul.events li.event .events-wrapper .events-dates .down-arrow {color: #d88033;}
ul.events li.event .events-wrapper .events-title {padding: 0 0 0 65px; font-weight: bold; line-height: 1.2em;}
ul.events li.event .events-wrapper .events-title a {color: #444; text-decoration: none;}
ul.events li.event .events-wrapper .events-subtitle {margin-top: 10px; padding: 0 0 0 65px; font-family: sans-serif; font-size: 90%; line-height: 1.2em;}
ul.events li.event .events-wrapper .events-dates-1 {margin-top: 5px; padding: 0 0 0 65px; font-family: sans-serif; font-size: 80%; line-height: 1.2em;}
ul.events li.event .events-wrapper .events-dates-2 {margin-bottom: 5px; padding: 0 0 0 65px; font-family: sans-serif; font-size: 80%; line-height: 1.2em;}
ul.events li.event .events-wrapper .events-location {margin-bottom: 5px; padding: 0 0 0 65px; font-family: sans-serif; font-size: 80%; line-height: 1.2em;}
ul.events li.event .events-wrapper .events-admission {margin-bottom: 5px; padding: 0 0 0 65px; font-family: sans-serif; font-size: 80%; line-height: 1.2em;}
ul.events li.event .events-wrapper .events-teaser {display: none; margin-top: 5px; padding: 0 0 0 65px; font-family: sans-serif; font-size: 80%; line-height: 1.4em;}
ul.events li.event .events-wrapper .events-more {display: none; margin-top: 5px; padding: 0 0 0 65px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}
.events-sidebar {margin-bottom: 30px;}

#content-pre #event-date {margin: 10px 0 0; font-size: 110%;}
#content-pre #event-location {margin: 10px 0 0; font-size: 110%;}
#content-pre #event-admission {margin: 10px 0 0; font-size: 110%;}
/*
#content-pre #event-date + #event-location {margin: 0;}
#content-pre #event-date + #event-admission {margin: 0;}
#content-pre #event-location + #event-admission {margin: 0;}
*/

@media all and (min-width: 330px) {
}

@media all and (min-width: 480px) {
  ul.events li.event {float: left; width: 50%;}
  ul.events li.event.important-on {width: 50%;}
  ul.events li.event .events-wrapper .events-thumb {display: block;}
  ul.events li.event .events-wrapper .events-teaser {display: block;}
  ul.events li.event .events-wrapper .events-more {display: block;}
  ul.events li.event .events-wrapper {margin: 5px;}
}

@media all and (min-width: 533px) {
}

@media all and (min-width: 600px) {
}

@media all and (min-width: 768px) {
  .events-home ul.events li.event {float: left; width: 50%;}
  .events-sidebar ul.events li.event {float: none; width: 100%;}
  .events-sidebar ul.events li.event.important-on {width: 100%;}
  .events-sidebar ul.events li.event .events-wrapper {margin: 5px 0;}
  .events-sidebar ul.events li.event .events-wrapper .events-dates {float: none; max-width: 100%; margin: 0 0 10px 0; padding: 5px; font-size: inherit;}
  .events-sidebar ul.events li.event .events-wrapper .events-title {padding-left: 0; font-size: 90%;}
  .events-sidebar ul.events li.event .events-wrapper .events-subtitle {padding-left: 0; font-size: 80%;}
  .events-sidebar ul.events li.event .events-wrapper .events-dates-1 {padding-left: 0; font-size: 70%;}
  .events-sidebar ul.events li.event .events-wrapper .events-dates-2 {padding-left: 0; font-size: 70%;}
  .events-sidebar ul.events li.event .events-wrapper .events-location {padding-left: 0; font-size: 70%;}
  .events-sidebar ul.events li.event .events-wrapper .events-teaser {padding-left: 0; font-size: 70%;}
  .events-sidebar ul.events li.event .events-wrapper .events-more {padding-left: 0; font-size: 70%;}
}

@media all and (min-width: 960px) {
  .events-home ul.events li.event {float: none; width: 33%;}
  .events-home ul.events li.event.important-on {width: 33%;}
  .events-ongoing ul.events li.event {float: none; width: 100%;}
  .events-ongoing ul.events li.event.important-on {width: 100%;}
  .events-ongoing ul.events li.event .events-wrapper {margin: 5px 0;}
  .events-jones-schedule ul.events li.event {width: 33.3333333333%;}
  .events-aifs ul.events li.event {width: 33.3333333333%;}
}

@media all and (min-width: 1200px) {
  .events-home ul.events li.event {float: left; width: 25%;}
  .events-home ul.events li.event.important-on {width: 25%;}
  .events-home ul.events li.event .events-wrapper {margin: 5px;}
  .events-home ul.events li.event .events-wrapper .events-thumb {display: block;}
  .events-home ul.events li.event .events-wrapper .events-teaser {display: block;}
  .events-home ul.events li.event .events-wrapper .events-more {display: block;}
  .events-sidebar ul.events li.event {float: none; width: 100%;}
  .events-sidebar ul.events li.event.important-on {width: 100%;}
  .events-sidebar ul.events li.event .events-wrapper {margin: 5px 0;}
  .events-sidebar ul.events li.event .events-wrapper .events-dates {float: left; max-width: 30px; margin: 0 15px 5px 0;}
  .events-sidebar ul.events li.event .events-wrapper .events-title {padding-left: 55px;}
  .events-sidebar ul.events li.event .events-wrapper .events-subtitle {padding-left: 55px;}
  .events-sidebar ul.events li.event .events-wrapper .events-dates-1 {padding-left: 55px;}
  .events-sidebar ul.events li.event .events-wrapper .events-dates-2 {padding-left: 55px;}
  .events-sidebar ul.events li.event .events-wrapper .events-location {padding-left: 55px;}
  .events-sidebar ul.events li.event .events-wrapper .events-teaser {padding-left: 55px;}
  .events-sidebar ul.events li.event .events-wrapper .events-more {padding-left: 55px;}
}