$background: black
$text-color: rgb(204, 204, 204)
$box-background: rgb(105, 30, 30)
$box-border: lightgray

@mixin content-pane
  width: 724px
  height: 1024px
  margin: auto

@import "compass/typography/links/link-colors"
@import "compass/typography/links/hover-link"
@import "compass/typography/lists/bullets"

body
  background-color: $background
  color: $text-color
  font-family: Helvetica, Arial, Sans-serif

h2
  margin: 0
  border-bottom: 1px solid
  font-size: 110%

ul
  margin: 0

li
  +no-bullet

a
  +link-colors(#cc0, #c00, #c0c, #ccc, #cc0)
  +hover-link

strong
  color: white

#splash
  +content-pane

#content
  +content-pane
  background-image: url('/images/content_background.jpg')
  #body
    position: relative
    top: 160px
    padding: 5px

#facts
  border: 1px dotted $box-border
  padding: 3px
  font-size: 80%
  float: right

.intro
  font-size: 105%
  font-weight: bolder