$fg: #333333
$bg: #B9DCFF
$hl: yellow

body
  margin: 3em
  font-family: Verdana
  background-color: white
  color: $fg
  
  .logo
    margin: 0.5em
    background-color: white
    font-size: xx-large
    text-align: right
    em
      font-family: serif
      font-style: italic

    code
      font-family: monospace
      font-weight: bold

  .index
    margin: 0
    padding: 0
    background-color: white
   
    ul
      margin: 0
      padding: 0
      white-space: nowrap
      list-style-type: none

      li
        display: inline
        border: 1px solid white
        border-bottom: 2px  solid white
        background-color: grey
        padding-left: 0.5em
        padding-right: 0.5em
        a
          text-decoration: none
          color: $bg
          &:hover
            color: $hl
      
      li.selected
        background-color: $bg
        border-bottom:
          color: $bg
        a
          text-decoration: none
          color: $fg
          &:hover
            color: $hl

  .content
    background-color: $bg
    padding: 1.5em
    padding-top: 2.5em
    border: 1px solid white

    dt
      padding-right: 0.5em
      float: left
      clear: left
      
  .footer
    background-color: white