@import "compass"

form.region_selector
  width: 98.4%
  position: absolute
  margin-top: 2.6em
  label
    display: none

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

// For whole year calendar
main form.region_selector + h2 + h2
  padding: 1px 0 0
  font-size: 1.2em
  margin-bottom: 19px

table.calendar + h2
  margin: 1em
  font-size: 1.2em

table.calendar
  width: 90%
  margin: 0 auto
  padding: 0
  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
        color: #444
        padding: 0
        margin-bottom: 5px

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

.formats
  width: 90%
  margin: 10px auto
  font-size: smaller
  text-align: right

#lug-list
  float: right
  width: 15em
  border: 1px solid #96CFFF
  margin: 5em 1.2em 0px
  padding: 5px
  font-size: 0.7em
  background-color: #D6ECFF
  @include border-radius(10px)
  h1
    font-size: 1.22em
    line-height: 1.1em
    font-weight: normal
    border-bottom: 1px black solid
    padding-bottom: 4px
  ul
    text-align: left
    line-height: 1.2em
    margin-left: 1em
    li
      margin-left: 2em
      line-height: 1.3em