@import "compass"

form.region_selector
  width: 98%
  position: absolute
  margin: 2.45em 0.4em
  label
    display: none


header.calendar-header
  font-size: 1.5em
  margin-top: 1em
  font-weight: bolder
  margin-bottom: 0.1em
  &.year
    margin-top: 1em
    margin-bottom: 2.55em
    a
      margin: 0
  a
    margin: 0 6px
    font-weight: normal
    &.year_selector
      margin: 0
      font-size: normal
    &.month_selector
      display: block
      font-size: 0.8em
      font-weight: bolder
      margin-bottom: -2.1em

body.events.index table
  width: 90%
  margin-top: 3.5em
  tr
    th
      padding-bottom: 0.35em
      text-transform: capitalize
    td
      width: 14% !important
      height: 4.8em
      border: 1px solid #89B7E5
      vertical-align: top
      background-color: #A1C3E7
      &.today
        border: 1px solid #FFB578
        background-color: #ffe0c7
        .day_number
          color: #544f32
          font-size: 0.8em
          margin-top: -1px
        .event
          a:link, a:visited
            color: #8F4900
      &.future
        border-color: rgb(150, 207, 255)
        background-color: #C6E5FF
        .day_number
          font-size: 0.8em
          margin-top: -1px
      &.prev-month, &.next-month
        border: none
        background-color: #ededed
        .day_number
          font-size: 0.6em
        li
          color: #555
        .event
          a:link, a:visited
            color: #888

      .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
      &:hover .day_number
        color: black

      ul
        clear: left
        margin-top: 0
        margin-left: 0
        padding-left: 15px
        margin-bottom: 5px
        list-style-type: circle
        li
          color: #444
          margin: 0
          padding: 0
          margin-top: 0.38em

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

.formats
  width: 90%
  margin: 11px auto 28px
  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

#advises
  border: 1px solid #FFB578
  margin: 10px 100px 20px 100px
  text-align: left
  padding-left: 10px
  padding-right: 10px
  background-color: #ffe0c7
  h1
    font-size: 1.9em
    text-align: center
    font-weight: normal
  a
    color: #8F4900

.events form, .moderations form
  .field, .actions
    text-align: left
    margin-left: 2px
    margin-bottom: 2px !important
    *
      vertical-align: middle
    .helper p
      margin: 1px 5px 1px 6.6em
      line-height: 0.9em
    label
      width: 6.3em
      display: inline-block
      &:after
        content: ':'
  .actions
    margin-left: 6.75em
    margin-bottom: 10px

.description
  text-align: left