//**
//  Susy: Un-obtrusive grids for designers
//  By: Eric A. Meyer and OddBird
//  Site: susy.oddbird.net
//**

// Font Sizes --------------------------------------------------------------

$base-font-size: 16px
$base-line-height: 24px

// Grid --------------------------------------------------------------

$grid_unit = "em"
$total-cols: 15
$col-width: 3em
$gutter-width: 2em
$side-gutter-width: $gutter-width

// Don't move this @import above the GRID and FONT-SIZE variables.
@import susy/susy

// Colors --------------------------------------------------------------

$background: #ffffff
$base: #181818
$alt: #005498

$box: #daf4f7
$feint_grey: #D7D7D7
$dark_grey: #333333

$error_background: #FFE5E5
$error_shadow: #973333
$error_text: #710000

$notice_background: #caf3ba
$notice_shadow: #339733
$notice_text: #007100

// Rounded Corners --------------------------------------------------------------

$radius: 1em

// Fonts --------------------------------------------------------------

=sans-family
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif

=serif-family
  font-family: minion-pro-1, minion-pro-2, Georgia, serif

=monospace-family
  font-family: "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, Courier, monospace, sans-serif

// OTHER MIXINS --------------------------------------------------------------
// Mixins set here will be available in defaults, screen, print and IE
// Or anywhere you import either base.sass or defaults.sass

=linear-gradient($linear-gradient-start: 15%, $linear-gradient-end: 86%, $linear-gradient-angle: 90deg, $linear-gradient-start-color: #4F8E97 , $linear-gradient-end-color: #77D5E3, $linear-gradient-color-stop-color: #A1F3FF, $linear-gradient-color-stop-percentage: 70% )
  $linear-gradient-color-stop-value-for-webkit: 1 - (integer($linear-gradient-color-stop-percentage)/100)
  background: -webkit-gradient(linear, 0% $linear-gradient-start, 0% $linear-gradient-end, from($linear-gradient-color-stop-color), to($linear-gradient-start-color), color-stop($linear-gradient-color-stop-value-for-webkit, $linear-gradient-end-color))
  background: -moz-linear-gradient($linear-gradient-start $linear-gradient-end $linear-gradient-angle, $linear-gradient-start-color, $linear-gradient-end-color, $linear-gradient-color-stop-color $linear-gradient-color-stop-percentage)
  -pie-background: linear-gradient($linear-gradient-start $linear-gradient-end $linear-gradient-angle, $linear-gradient-start-color, $linear-gradient-end-color, $linear-gradient-color-stop-color $linear-gradient-color-stop-percentage)
  // -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #{$linear-gradient-end-color}, endColorstr= #{$linear-gradient-start-color})"

=box-shadow($horizontal:0, $vertical:0, $blur:0.4em, $color:($box / 1.4))  
  box-shadow: $horizontal $vertical $blur $color
  -webkit-box-shadow: $horizontal $vertical $blur $color
  -moz-box-shadow: $horizontal $vertical $blur $color

=button_active($background_color:$notice_text, $shadow_color:rgba(0, 77, 0, 0.398438))
  background: $background_color
  -webkit-box-shadow: $shadow_color 0 0 0.417em 0.417em inset
  -moz-box-shadow: $shadow_color 0 0 0.417em 0.417em inset
  box-shadow: $shadow_color 0 0 0.417em 0.417em inset