@charset "utf-8";
@import "variables";
/* colors */
$main-color: #555;
$text: #333;
$darker-color: darken( $main-color, 10% ) ;
$lighter-color: lighten( $main-color, 10% );


/* General Styles */
header{
  height: 50px;
  margin-bottom: 10px;
  background: $lighter-color;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
  font-family: $sans_serif;
}

.holder {
  width: 960px;
  margin: auto;
}

#wrapper {
  min-height: 100%;
  position: absolute;
  width: 100%;
//  padding-bottom: 80px; // should be used if there are divs with float left on main content
}

#main-content {
    margin: 0 auto;
    padding-bottom: 100px;
    width: 960px;
}

footer{
  background: $darker-color;
  color:$lighter-color;
  bottom: 0px;
  height: 40px;
  left: 0;
  padding-top: 18px;
  position: absolute;
  width: 100%;
}