/* About Default Styles
  ---------------------
  default.css is used to establish general rules, browser reset, or admin user interface styles.
  Browser Reset
  -------------
  For a more complete reset, go to http://developer.yahoo.com/yui/reset/

*
  margin: 0
  padding: 0

/* Clear Floats Without Structural Markup 
  ---------------------------------------
  http://www.positioniseverything.net/easyclearing.html

.clearfix
  display: inline-block
  &:after
    content: "."
    display: block
    height: 0
    clear: both
    visibility: hidden

/* Hides from IE-mac \
* html .clearfix
  height: 1%

.clearfix
  display: block

/* End hide from IE-mac

/* clear classes
.clearleft, .clearl, .cleft
  clear: left

.clearright, .clearr, .cright
  clear: right

.clear, .clearboth, .clearall
  clear: both

/* Float classes
.floatleft, .fleft, .floatl
  float: left
  margin: 0 10px 5px 0

.floatright, .fright, .floatr
  float: right
  margin: 0 0 5px 10px

/* "Skip to Main Content" link
  ---------------------------
  This link useful for both visually impaired people and those with mobility impairments
  who cannot use a mouse. http://www.webaim.org/techniques/css/invisiblecontent/

#skip a
  &:link, &:hover, &:visited
    position: absolute
    left: -10000px
    top: auto
    width: 1px
    height: 1px
    overflow: hidden
  &:active, &:focus
    position: static
    width: auto
    height: auto

/* bug fix with views 2 edit links.
div.view div.views-admin-links
  width: auto

/* Rollover edit links for blocks.
div.block
  position: relative
  .edit
    display: none
    position: absolute
    right: -20px
    top: -5px
    z-index: 40
    padding: 3px 8px 0
    font-size: 10px
    line-height: 16px
    background-color: white
    border: 1px solid #cccccc
    /*let's get fancy!
    -moz-border-radius: 3px
    -webkit-border-radius: 3px
    -moz-box-shadow: 0 1px 3px #888888
    -webkit-box-shadow: -1px 1px 2px #666666
    a
      display: block
      border: 0
      padding: 0
      margin: 0
  &:hover .edit
    display: block

/* Wireframe styles.
.with-wireframes
  #header,
  #content-top,
  #content-top>*,
  #content-header,
  #content-header>*,
  #content-area,
  #content-area>*,
  #content-bottom,
  #content-bottom>*,
  #primary,
  #secondary,
  #sidebar-left-inner,
  #sidebar-right-inner,
  .block
    padding: 2px
    border: 1px solid #bbbbbb
  .node
    border-bottom: 1px solid #bbbbbb
    margin-bottom: 10px
  .block
    margin-bottom: 3px
  #content-top,
  #content-header,
  #content-area,
  #content-bottom
    margin: 0 3px 3px
  #footer
    margin-top: 3px
    padding: 2px
    border: 1px solid #cccccc
  &.with-navigation
    #content,
    .sidebar
      margin-top: 50px
  #navigation
    height: 50px