mattvanhorn/BJJLife

@import 'colors';

/* --- GENERAL LAYOUT --- */
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  min-height: 600px;
  min-width: 960px;
}

#page {
  margin: 0;
  padding: 0;
}

#content {
  @include clearfix;
  width: grid-width(8);
  padding: 0 $gw-gutter;
  margin: 0 auto;
}

header {
  h1 {
    @include clearfix;
    float: left;
    text-align: left;
    margin: 18px 0 7px;

    a:visited {
      color: $brazil-yellow;
    }
  }
  h3.tagline {
    text-align: center;
    padding-top: 18px;
  }
  ul {
    @include clearfix;
    clear: both;
    list-style-type: none;
    padding-left: 135px;
    padding-top: 10px;
    li {
      display: block;
      float: left;
      margin-left: $gw-gutter;
    }
    a {
      @include button(pill, $brazil-yellow);
      &:link{
        color: $default-bg;
      }
    }
  }
}

.grid {
  @include clearfix;

  .main {
    @include clearfix;
    float: left;
    width: grid-width(6);
    margin-top: $gw-gutter;
    margin-left: 0;
  }

  .sidebar {
    @include clearfix;
    float: left;
    width: grid-width(2);
    margin-top: $gw-gutter;
    margin-left: $gw-gutter;
  }

  h3 {
    margin-left: $gw-gutter;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  a.see-more {
    @include clearfix;
    display: block;
    margin: 5px 20px 5px 0;
    float: right;
    text-decoration: underline;
  }

  a.btn {
    @include button(shiny, #00A859);
  }
}

.row {
  @include clearfix;
  clear: both;
}

footer {
  @include clearfix;
  clear: both;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 1px solid #333;

  #copyright {
    margin-top: 10px;
    margin-right: 10px;
    text-align: right;
  }

  #colophon {
    width: 100%;
    margin-top: 20px;
    text-align: right;
  }
}

@import "subscriptions_layout";
@import "videos_layout";
@import "academies_layout";
@import "blog_layout";
@import "account_layout";
@import "products_layout";
@import "orders_layout";