/* 
  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 #fff
    :border 1px solid #ccc
    /*let's get fancy!
    :-moz-border-radius 3px
    :-webkit-border-radius 3px
    :-moz-box-shadow 0 1px 3px #888
    :-webkit-box-shadow -1px 1px 2px #666
    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 #bbb
  .node
    :border-bottom 1px solid #bbb
    :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 #ccc
  &.with-navigation 
    #content, 
    .sidebar
      :margin-top 50px
  #navigation
    :height 50px