screen.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 "960/grid"
@import "compass/typography/lists/horizontal-list"


body
  h1
    font-size: 2.5em
  h2
    font-size: 1.7em
  h3
    font-size: 1.4em
  h4
    font-size: 1.2em
  h5
    font-size: 1.1em

#header
  +grid(12)
  ul
    +horizontal-list

#container
  +grid(12)
  margin-top: 20px

.user
  +clearfix
  background-color: #dddddd
  padding: 10px
  margin: 10px 0px
  img
    +float-left
  .user-info
    +float-right

#newest_remote_users
  +grid-prefix(1,12)
  +grid(4,12)

#newest_local_users
  +grid-prefix(2,12)
  +grid(4,12)

#search
  +clearfix
  +grid-prefix(9,12)
  +grid(3,12)

#user-profile
  label
    font-weight: bold