screen.css.sass

/*
  Welcome to Compass.
  In this file you should write your main styles. (or centralize your imports)
  Import this file using the following HTML or equivalent:
  <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />

@import compass/reset
@import compass/css3

body.ui
  background: #444
  width: 100%
  height: 100%
  font: 14px/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif

  img
    dipslay: block

  a
    text-decoration: none

  #container
    width: 1024px
    min-height: 768px
    position: relative
    left: 50%
    margin-left: -512px

  #prev
    width: 220px
    position: absolute
    top: 0
    left: 0
    bottom: 0

  #current
    width: 584px
    position: absolute
    top: 0
    left: 220px
    bottom: 0
    @include box-shadow(rgba(0,0,0,.8) 0 4px 20px)
    z-index: 20

    #current-video
      @include background-image(linear-gradient(#F5C200, #B07F00))
      min-height: 240px

      img
        border: 4px solid #222
        margin: 16px
        float: left

      #description
        width: 268px
        margin-top: 16px
        float: left
        @include single-text-shadow(0, 1px, 0, false, rgba(255,255,255,.3))

        h1
          font-size: 28px
          line-height: 28px
          margin-bottom: 5px

        h2
          margin-bottom: 10px

          strong
            font-weight: bold

        p
          margin-bottom: 15px

          strong
            font-weight: bold

  #next
    width: 220px
    position: absolute
    top: 0
    right: 0
    bottom: 0