@charset "UTF-8";
/*
###################################################################
BASEHAME
Developed by Hamilton Cline
For use on http://www.hamiltondraws.com
###################################################################
*/
/*
###################################################################
COMMON RESETS
###################################################################
*/
/* Margin Reset */
h1, h2, h3, h4, h5, h6, p, ul, ol, table {
  margin: 0; }

/* HTML5 Reset */
header, footer, aside, nav, section, article, figure {
  display: block; }

/* Text Reset */
body {
  font-size: 90%; }

body {
  font-family: Tahoma, sans-serif;
  font-weight: normal;
  line-height: 1.1em; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.2em;
  font-family: Georgia, serif; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1em; }

h4 {
  font-size: 0.85em; }

h5 {
  font-size: 0.7em; }

h6 {
  font-size: 0.5em; }

small {
  font-size: .6em; }

a {
  color: #0b50a8;
  text-decoration: none;
  font-weight: bold; }

a:hover {
  text-decoration: underline; }

p:first-of-type:not(:last-of-type) {
  text-indent: 1em; }

p ~ p {
  margin-top: 10px; }

hr {
  padding: 0;
  margin: 1em 0 0 0;
  border: none;
  border-top: 3px double #cccccc;
  clear: both;
  text-align: center;
  line-height: 0;
  font-size: 1em; }
  hr:after {
    display: inline-block;
    content: '&';
    color: #cccccc;
    position: relative;
    top: -0.55em;
    background-color: white;
    line-height: 1em;
    padding: 0 .2em; }

/* Table Reset */
table {
  border-collapse: collapse;
  width: 100%; }

@media screen and (max-width: 960px) {
  table {
    table-layout: fixed; } }
caption {
  text-transform: uppercase;
  font-family: Georgia,serif;
  font-weight: bold;
  font-size: 1.25em;
  padding: 1em; }

td, th {
  padding: .5em;
  text-align: left;
  vertical-align: top;
  overflow: auto;
  word-wrap: break-word; }

thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-size: .75em; }

tbody tr:hover td,
tbody tr:hover th {
  background-color: rgba(0, 0, 0, 0.05); }

/* Forms Reset */
input, textarea, select, .btn, button {
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  /*line-height:1.2em;*/
  padding: .4em .8em; }

fieldset {
  border-radius: .5em;
  border: 1px solid #cccccc; }

select,
input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='file'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='time'],
input[type='week'],
input[type='month'],
textarea {
  border: 1px solid #cccccc;
  border-color: #999999 #aaaaaa #cccccc;
  border-radius: .3em;
  margin: .2em;
  box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.075); }

input[type='color'] {
  padding: 0; }

/* The only fix I hope to ever use.  Fuck you, Webkit! */
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='search'] {
  -webkit-appearance: none; }

/*	###################################################################
	COMMON STRUCTURES
	################################################################### */
.container > header, body > header, section > header {
  padding: 2em 0;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1em; }

h1 small {
  opacity: .6; }

/* BASIC ARTICLE */
article {
  padding-bottom: .5em;
  margin-bottom: .25em;
  border-bottom: 1px dashed #cccccc; }
  article > header {
    border-bottom: 1px dotted #cccccc;
    padding: .5em 1em;
    margin-bottom: .5em; }
  article > header p {
    font-size: .8em; }
  article > footer {
    text-align: right;
    font-size: .9em;
    padding: .25em 1em; }
  article.well > div p {
    margin-right: 1em;
    margin-left: 1em; }
  article.well > footer {
    border-bottom: none; }

/* NAVIGATIONS */
/* BASIC NAV */
nav {
  border-radius: .5em; }
  nav p {
    color: rgba(0, 0, 0, 0.75); }
  nav a, nav p {
    padding: .25em 1em;
    font-size: .9em; }
  nav .title {
    font-size: .95em; }
  nav a:hover {
    background-color: #2588f1;
    color: white;
    text-decoration: none; }
  nav .active a, nav .active p {
    background-color: #0b50a8;
    font-weight: bold;
    color: white; }
  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    nav ul a {
      display: block; }

/* NAVBAR */
.bar {
  position: relative;
  width: 100%;
  z-index: 5;
  height: 40px;
  border-radius: 0;
  background-color: #eee;
  background-image: linear-gradient(to top, #eeeeee, white); }
  .bar > ul {
    padding: 0 .5em;
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 1px 0; }
  .bar li, .bar .bar-sub {
    display: inline-block;
    vertical-align: top; }
  .bar a, .bar p {
    padding: 1em 1em;
    line-height: 1em; }
  .bar .active a, .bar .active p {
    background-color: #bbb;
    box-shadow: inset 0px 2px 7px rgba(0, 0, 0, 0.4); }

.bar-sub {
  padding: 0;
  position: relative; }
  .bar-sub li {
    display: none; }
  .bar-sub > li:first-child {
    display: block; }
  .bar-sub:hover {
    background-color: #eee;
    border: solid #d9d9d9;
    margin-left: -2px;
    border-width: 0 1px 1px; }
  .bar-sub:hover > li {
    display: block; }

/* SIDEBAR */
.sidebar {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: .5em 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }

/* PILLBOX */
@media screen and (min-width: 500px) {
  .pillbox a, .pillbox p {
    border-radius: .5em;
    padding: .5em 1em; }
  .pillbox li {
    margin: 0 .2em;
    display: inline-block;
    vertical-align: center; } }
/* TAB SET */
@media screen and (min-width: 400px) {
  .tabs {
    border-bottom: 1px solid #cccccc;
    border-radius: 0; }
    .tabs a, .tabs p {
      border: 1px solid #cccccc;
      border-radius: .5em .5em 0 0;
      padding: .5em 1em;
      margin-bottom: -1px; }
    .tabs li:not(.active) p {
      border: none; }
    .tabs .active a, .tabs .active p {
      font-size: 1.1em;
      border-bottom-color: white;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.75); }
    .tabs li:not(.active) a:hover {
      background-color: #fff;
      color: #0b50a8;
      border-bottom-color: white; }
    .tabs li {
      margin: 0 .2em;
      display: inline-block;
      vertical-align: bottom; } }
/* BREADCRUMBS */
.breadcrumbs li {
  display: inline-block;
  vertical-align: bottom; }
.breadcrumbs li:not(:last-child):after {
  content: '/';
  margin: 0 .5em;
  display: inline;
  color: rgba(0, 0, 0, 0.5); }
.breadcrumbs li.title:after {
  content: ':';
  margin: 0 .5em 0 0;
  font-weight: normal; }
.breadcrumbs a, .breadcrumbs p {
  background-color: white;
  display: inline-block;
  font-weight: normal;
  padding: 0; }
.breadcrumbs a:hover {
  background-color: white;
  color: #0b50a8;
  text-decoration: underline; }
.breadcrumbs .active a, .breadcrumbs .active p {
  background-color: white;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.75); }
.breadcrumbs .active a:hover {
  color: rgba(0, 0, 0, 0.75); }

.example {
  position: relative;
  padding: 1em 0;
  margin: 2em 0;
  border: double #cccccc;
  border-width: 3px 0;
  border-radius: 1em; }
  .example:after {
    content: '&';
    color: #cccccc;
    position: absolute;
    bottom: -0.55em;
    left: 50%;
    background-color: white;
    line-height: 1em;
    padding: 0 .2em; }
  .example > h2:first-child {
    top: -1em;
    left: 2em;
    border-radius: .5em;
    border: 1px solid #cccccc;
    background-color: white;
    position: absolute;
    font-size: .8em;
    padding: .2em 1em; }

.btn-group {
  display: inline-block; }
  .btn-group ul {
    list-style-type: none;
    margin: .2em;
    padding: 0; }
  .btn-group li {
    display: inline-block;
    vertical-align: bottom; }
  .btn-group .btn, .btn-group input[type=button], .btn-group input[type=submit], .btn-group input[type=reset], .btn-group button {
    margin: 0;
    border-radius: 0; }
  .btn-group li:first-child .btn, .btn-group li:first-child input[type=button], .btn-group li:first-child input[type=submit], .btn-group li:first-child input[type=reset], .btn-group li:first-child button {
    border-radius: .3em 0 0 .3em; }
  .btn-group li:last-child .btn, .btn-group li:last-child input[type=button], .btn-group li:last-child input[type=submit], .btn-group li:last-child input[type=reset], .btn-group li:last-child button {
    border-radius: 0 .3em .3em 0; }

/*
###################################################################
COMMON CLASSES
###################################################################
*/
.align-c {
  text-align: center; }

.align-l {
  text-align: left; }

.align-r {
  text-align: right; }

.align-j {
  text-align: justify; }

.fill-parent {
  width: 100%; }

.well-kids > :nth-child(n), .well {
  border-radius: .3em;
  padding: .5em 0;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.01); }

.mound-kids > :nth-child(n), .mound {
  border-radius: .3em;
  padding: .5em 0;
  background-color: rgba(0, 0, 0, 0.01);
  box-shadow: inset -3px -3px 3px rgba(0, 0, 0, 0.01); }

.container {
  margin: auto;
  max-width: 960px; }

ul.compact {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.compact.compact a {
    display: block; }

table.compact {
  width: auto; }
  table.compact td {
    vertical-align: middle; }

.column {
  display: inline-block;
  vertical-align: top; }

.title {
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.75); }

.contain {
  overflow: hidden; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.pull-center {
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 400px) {
  .horizontal > :nth-child(n) {
    display: inline-block;
    vertical-align: top; } }
/*
BUTTONS
*/
.btn, button, input[type=button], input[type=submit], input[type=reset] {
  line-height: 1.2em;
  font-weight: normal;
  text-align: center;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.3);
  border-radius: .3em;
  margin: .2em;
  background-color: #e1e1e1;
  background-image: linear-gradient(to bottom, white, #e1e1e1);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.5); }
  .bar .btn, .bar button, .bar input[type=button], .bar input[type=submit], .bar input[type=reset] {
    line-height: 1.2em;
    padding: .4em .8em; }
  .btn.alert, .btn.warning, .btn.hero, button.alert, button.warning, button.hero, input[type=button].alert, input[type=button].warning, input[type=button].hero, input[type=submit].alert, input[type=submit].warning, input[type=submit].hero, input[type=reset].alert, input[type=reset].warning, input[type=reset].hero {
    color: white;
    text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.4); }
  .btn.alert, button.alert, input[type=button].alert, input[type=submit].alert, input[type=reset].alert {
    background-color: #c50027;
    background-image: linear-gradient(to bottom, #fa4949, #c50027); }
  .btn.warning, button.warning, input[type=button].warning, input[type=submit].warning, input[type=reset].warning {
    background-color: #db9604;
    background-image: linear-gradient(to bottom, #fce016, #db9604); }
  .btn.hero, button.hero, input[type=button].hero, input[type=submit].hero, input[type=reset].hero {
    background-color: #0b50a8;
    background-image: linear-gradient(to bottom, #2588f1, #0b50a8); }
  .btn:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    /*color:black;*/
    background-image: none;
    text-decoration: none; }
  .btn:active, button:active, input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
    background-image: none;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2); }

.btn-large {
  font-size: 1.5em; }

.btn-medium {
  font-size: 1em; }

.btn-small {
  font-size: .7em; }

.striped tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05); }

/*
MARGINS AND PADDING
*/
.padding-l {
  padding: 1em; }

.padding-m {
  padding: 0.5em; }

.padding-s {
  padding: 0.2em; }

.padding-vl {
  padding-top: 1em;
  padding-bottom: 1em; }

.padding-vm {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.padding-vs {
  padding-top: 0.2em;
  padding-bottom: 0.2em; }

.padding-hl {
  padding-left: 1em;
  padding-right: 1em; }

.padding-hm {
  padding-left: 0.5em;
  padding-right: 0.5em; }

.padding-hs {
  padding-left: 0.2em;
  padding-right: 0.2em; }

.margin-l {
  margin: 1em; }

.margin-m {
  margin: 0.5em; }

.margin-s {
  margin: 0.2em; }

.margin-vl {
  margin-top: 1em;
  margin-bottom: 1em; }

.margin-vm {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.margin-vs {
  margin-top: 0.2em;
  margin-bottom: 0.2em; }

.margin-hl {
  margin-left: 1em;
  margin-right: 1em; }

.margin-hm {
  margin-left: 0.5em;
  margin-right: 0.5em; }

.margin-hs {
  margin-left: 0.2em;
  margin-right: 0.2em; }

@media screen and (min-width: 976px) {
  /* fixed spans and offsets; default */
  [class*='span'] {
    margin-left: 10px;
    margin-right: 0;
    display: inline-block;
    vertical-align: top; }

  [class*='span']:not([class*='offset']):first-child {
    margin-left: 0; }

  .span1 {
    width: 70.83333px; }

  .offset1 {
    margin-left: 90.83333px; }
    .offset1:first-child {
      margin-left: 80.83333px; }

  .span2 {
    width: 151.66667px; }

  .offset2 {
    margin-left: 171.66667px; }
    .offset2:first-child {
      margin-left: 161.66667px; }

  .span3 {
    width: 232.5px; }

  .offset3 {
    margin-left: 252.5px; }
    .offset3:first-child {
      margin-left: 242.5px; }

  .span4 {
    width: 313.33333px; }

  .offset4 {
    margin-left: 333.33333px; }
    .offset4:first-child {
      margin-left: 323.33333px; }

  .span5 {
    width: 394.16667px; }

  .offset5 {
    margin-left: 414.16667px; }
    .offset5:first-child {
      margin-left: 404.16667px; }

  .span6 {
    width: 475px; }

  .offset6 {
    margin-left: 495px; }
    .offset6:first-child {
      margin-left: 485px; }

  .span7 {
    width: 555.83333px; }

  .offset7 {
    margin-left: 575.83333px; }
    .offset7:first-child {
      margin-left: 565.83333px; }

  .span8 {
    width: 636.66667px; }

  .offset8 {
    margin-left: 656.66667px; }
    .offset8:first-child {
      margin-left: 646.66667px; }

  .span9 {
    width: 717.5px; }

  .offset9 {
    margin-left: 737.5px; }
    .offset9:first-child {
      margin-left: 727.5px; }

  .span10 {
    width: 798.33333px; }

  .offset10 {
    margin-left: 818.33333px; }
    .offset10:first-child {
      margin-left: 808.33333px; }

  .span11 {
    width: 879.16667px; }

  .offset11 {
    margin-left: 899.16667px; }
    .offset11:first-child {
      margin-left: 889.16667px; }

  .span12 {
    width: 960px; } }
@media screen and (min-width: 400px) {
  .runny {
    /* runny spans and offsets */ }
    .runny [class*='span'] {
      margin-left: 1.04167%;
      margin-right: 0;
      display: inline-block;
      vertical-align: top; }
    .runny [class*='span']:not([class*='offset']):first-child {
      margin-left: 0; }
    .runny .span1 {
      width: 7.37847%; }
    .runny .offset1 {
      margin-left: 9.46181%; }
      .runny .offset1:first-child {
        margin-left: 8.42014%; }
    .runny .span2 {
      width: 15.79861%; }
    .runny .offset2 {
      margin-left: 17.88194%; }
      .runny .offset2:first-child {
        margin-left: 16.84028%; }
    .runny .span3 {
      width: 24.21875%; }
    .runny .offset3 {
      margin-left: 26.30208%; }
      .runny .offset3:first-child {
        margin-left: 25.26042%; }
    .runny .span4 {
      width: 32.63889%; }
    .runny .offset4 {
      margin-left: 34.72222%; }
      .runny .offset4:first-child {
        margin-left: 33.68056%; }
    .runny .span5 {
      width: 41.05903%; }
    .runny .offset5 {
      margin-left: 43.14236%; }
      .runny .offset5:first-child {
        margin-left: 42.10069%; }
    .runny .span6 {
      width: 49.47917%; }
    .runny .offset6 {
      margin-left: 51.5625%; }
      .runny .offset6:first-child {
        margin-left: 50.52083%; }
    .runny .span7 {
      width: 57.89931%; }
    .runny .offset7 {
      margin-left: 59.98264%; }
      .runny .offset7:first-child {
        margin-left: 58.94097%; }
    .runny .span8 {
      width: 66.31944%; }
    .runny .offset8 {
      margin-left: 68.40278%; }
      .runny .offset8:first-child {
        margin-left: 67.36111%; }
    .runny .span9 {
      width: 74.73958%; }
    .runny .offset9 {
      margin-left: 76.82292%; }
      .runny .offset9:first-child {
        margin-left: 75.78125%; }
    .runny .span10 {
      width: 83.15972%; }
    .runny .offset10 {
      margin-left: 85.24306%; }
      .runny .offset10:first-child {
        margin-left: 84.20139%; }
    .runny .span11 {
      width: 91.57986%; }
    .runny .offset11 {
      margin-left: 93.66319%; }
      .runny .offset11:first-child {
        margin-left: 92.62153%; }
    .runny .span12 {
      width: 100%; } }
.box-size {
  box-sizing: border-box; }