form.region_selector
  width: 98.3%
  position: absolute
  margin-top: 2.6em

main form.region_selector + h2
  margin-top: 1.1em
  a
    font-weight: normal
    &.previous-month
      margin-right: 0.4em
    &.next-month
      margin-left: 0.4em

table.calendar
  width: 90%
  margin: 0 auto
  padding: 0
  margin-top: 3.7em
  border-spacing: 2px
  th
    padding: 0 0 5px 0
    text-transform: capitalize
  td
    width: 14% !important
    height: 4.8em
    border: 1px solid #89B7E5
    vertical-align: top
    background-color: #A1C3E7
    &.not-current-month
      border: none
      background-color: #ededed
      li
        color: #555
      .event
        a:link, a:visited
          color: #888
    &.today
      border: 1px solid #FFB578
      background-color: #ffe0c7
      .day_number
        color: #544f32
        font-size: 0.8em

    .day_number
      float: left
      color: #727070
      margin: 0 1px 3px 1px
      font-size: 0.6em
      font-weight: bolder
      line-height: 1.2em
      letter-spacing: 2px
    ul
      clear: left
      margin-left: 0
      padding-left: 15px
      list-style-type: circle
      li
        padding: 0
        margin-bottom: 5px

      .event
        font-size: smaller
        line-height: 1.1em
        strong:after
          content: ':'
        a:link, a:visited
          color: #666
          font-weight: normal
          &:hover
            color: black

.formats
  width: 95%
  font-size: smaller
  margin-top: 10px
  text-align: right