header nav
  left: 0
  width: 100%
  position: absolute
  & > ul > li
    display: inline-block
  ul
    margin: 0
    z-index: 1500
    list-style: none
    border-bottom-left-radius: 0.4em
    border-bottom-right-radius: 0.4em
    ul
      position: absolute
      text-align: left
      li
        display: none
        border-top: solid thin #eee
    li.selected
      display: inline-block
    & li:hover li, li li.selected
      display: block
  li
    margin: 0
    box-shadow: 0 0 1em white
    background-color: white
    &.selected
      box-shadow: 0 0 0 6px lightgray
    a
      padding: 0.3em
      display: block
      white-space: nowrap
    &:hover ul
      box-shadow: 0 4px 4px gray

// .field.region .radios
//   display: inline-block
//   text-align: left
//   background-color: white
//   label
//     width: 100%
//     display: none
//   &:hover > .region > label
//     display: block
//     z-index: 1000
//   input:checked + label
//     display: inline
//   .region:hover .radios
//     z-index: 1000
//     position: absolute
//     box-shadow: 0 4px 4px gray
//     margin-left: 10em
.field.region
  display: block
  text-align: left
  & > label
    display: inline-block
  .radios
    z-index: 1000
    display: inline-block
    background-color: white
    .radios
      display: inline
    label
      display: none
      min-width: 100%
  &:hover > .radios, label:hover + .radios, .radios:hover
    position: absolute
    box-shadow: 0 0 0.1em black
    & > .region > label, & > label
      display: inline-block
    .radios
      position: absolute
      min-width: 12em
  input:checked + label
    display: inline-block

// Override for the missing quebec flag!
.flag-icon-ca-qc
  background-image: image-url(regions/CA-QC)

body.stats h3
  text-align: center

table.list.dates
  th, td
    padding: 0 0.6em

  .sparkline
    padding: 0