@import "variables";
@import "bootstrap";

body {
  @extend .container-fluid;
}

header {
  @extend .row;
}

#content {
  @extend .row;
}

#main {
  @extend .col-sm-8;
  @extend .col-sm-offset-2;
}


div#logo {
  @extend .col-sm-4;
  @extend .col-sm-offset-2;
}

nav {
  @extend .navbar;
  @extend .navbar-static-top;
  @extend .navbar-inverse;
}

nav ul {
  @extend .nav;
  @extend .navbar-nav;
}

// navbar justified is umpossible; this is the best we can do now....
.navbar-collapse {
  @extend .col-sm-offset-2;
}

@import "blog";