/*
 * Blue Static Site
 *
 * Copyright (c)2010 by Blue Static. All Rights Reserved.
 * This file may not be reproduced in any way without permission.
 */

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

/* Main body formatting, only used as the main background panel */
body {
  margin: 0px;
  padding: 0px;

  background-color: rgb(255, 255, 255);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Fixes the width of the content. */
.width {
  margin: 0px auto 0px auto;
  width: 900px;
}

/* Navigation bar on the LHS of the page. */
nav {
  float: left;
  width: 19%;
  height: 100%;

  background-color: rgb(73,95,105);
}

nav h1 {
  color: rgb(87,219,231);
  font-size: 24pt;
  margin: 15pt 0 15pt 11pt;
}

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

/* Style navigation items. */
nav li {
  padding: 1em;
  width: 90%;
}

  nav li:hover {
    background-color: rgb(204, 216, 221);
  }

/* Style navigation links */
nav li a {
  font-family: Raleway;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgb(204, 216, 221);

  border: none;
  text-decoration: none;
}

  nav li:hover a {
    color: rgb(73, 95, 105);
  }

/* The left-hand menu */
#menu {
  float: left;
  width: 14%;
  height: 100%;

  font-family: Raleway;
  font-size: 13pt;
  letter-spacing: 0px;

  padding-top: 68pt;  /* Align with the links in nav. */

  background-color: rgb(204,216,221);
}

/* Important navigation links. */
#menu .important, #menu .important a {
  color: rgb(0,124,170);
}

#menu div {
  margin-left: .5em;
  padding: .5em;
}

#menu ul {
  list-style-type: none;
  margin: 0;
  margin-left: .5em;
  padding: 0px;
}

#menu li {
  padding: .5em;
}

  #menu li a {
    text-decoration: none;
    color: rgb(73,95,105);
  }

  #menu li:hover {
    background-color: rgb(73,95,105);
  }

  #menu li:hover a {
    color: rgb(204,216,221);
  }

  #menu li.space-after {
    margin-bottom: 2em;
  }

main {
  width: 81%;
  padding: 1em;
  float: right;
  overflow: scroll;
  height: 100%;
}

  main.main-wm {
    width: 66%;
  }

/* The panel where all textual content goes */
#content, #content-wm, .product, .post {
  padding: 20px;
  margin-bottom: 20px;

  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgb(204, 216, 221);
}

/* Footer and copyright */
#footer {
  text-align: right;
  font-family: Raleway;
  font-weight: 200;
  font-size: 8pt;

  padding: 3px;
}