/* WebFonts */
@font-face {
  font-family: 'AbolitionRound';
  src: url('../fonts/2712DB_1_0.woff') format('woff'),
       url('../fonts/2712DB_1_0.ttf') format('truetype'),
       url('../fonts/2712DB_1_0.eot'),
       url('../fonts/2712DB_1_0.eot?#iefix') format('embedded-opentype');
}
@font-face {
  font-family: 'SFCartoonistHand';
  src: url('../fonts/SF_Cartoonist_Hand-webfont.woff') format('woff'),
       url('../fonts/SF_Cartoonist_Hand-webfont.ttf') format('truetype'),
       url('../fonts/SF_Cartoonist_Hand-webfont.eot'),
       url('../fonts/SF_Cartoonist_Hand-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/SF_Cartoonist_Hand-webfont.svg#SFCartoonistHandRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SFCartoonistHand';
  src: url('../fonts/SF_Cartoonist_Hand_Italic-webfont.woff') format('woff'),
       url('../fonts/SF_Cartoonist_Hand_Italic-webfont.ttf') format('truetype'),
       url('../fonts/SF_Cartoonist_Hand_Italic-webfont.eot'),
       url('../fonts/SF_Cartoonist_Hand_Italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/SF_Cartoonist_Hand_Italic-webfont.svg#SFCartoonistHandItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'SFCartoonistHand';
  src: url('../fonts/SF_Cartoonist_Hand_Bold-webfont.woff') format('woff'),
       url('../fonts/SF_Cartoonist_Hand_Bold-webfont.ttf') format('truetype'),
       url('../fonts/SF_Cartoonist_Hand_Bold-webfont.eot'),
       url('../fonts/SF_Cartoonist_Hand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/SF_Cartoonist_Hand_Bold-webfont.svg#SFCartoonistHandBold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'SFCartoonistHand';
  src: url('../fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.woff') format('woff'),
       url('../fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.ttf') format('truetype'),
       url('../fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.eot'),
       url('../fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/SF_Cartoonist_Hand_Bold_Italic-webfont.svg#SFCartoonistHandBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}

/* Basic appearance */
BODY {
  background: #fff8f0;
  font-family: SFCartoonistHand, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
}

SPAN.glyphicon {
  font-size: 14px;
}

H1, H2, H3, H4, H5, H6 {
  font-family: AbolitionRound, 'Century Gothic', AppleGothic, 'MS Gothic', sans-serif;
}

H1 A, H2 A, H3 A, H4 A, H5 A, H6 A, H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover {
  color: #333333;
  text-decoration: none;
}

A.btn, BUTTON {
  font-family: SFCartoonistHand, Helvetica, Arial, sans-serif;
}

CODE, KBD, PRE, TT, P.fixed {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  line-height: 14px;
}

DIV.thumb {
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}

IMG.thumb {
  border-radius: 6px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  margin-bottom: 5px;
}

FORM {
  display: inline;
}

INPUT[TYPE="TEXT"], INPUT[TYPE="EMAIL"], INPUT[TYPE="NUMBER"], INPUT[TYPE="PASSWORD"], INPUT[TYPE="SEARCH"], TEXTAREA {
  font-family: Consolas, "Courier New", monospace;
}

INPUT[TYPE="NUMBER"] {
  text-align: right;
}

INPUT, SELECT, TEXTAREA {
  vertical-align: middle;
  width: auto;
}

A:link, A:visited {
  color: #995500;
}

A:link:hover, A:active {
  color: #ff6600;
}

TABLE.table TH {
  border-bottom: 2px black solid;
}

FORM.navbar-search, FORM.pull-right {
  display: inline-block;
}

FORM.navbar-search INPUT {
  margin-top: 5px;
}

NAV.navbar-inverse {
  background-color: rgba(0,0,0,0.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset;
}

DIV.footer A:link:hover, DIV.footer A:active {
  color: white;
}

DIV.container-main {
  padding: 60px 20px 50px;
}

DIV.page-header, DIV.page-header H1 {
  margin: 0px;
}

SPAN.divider {
  color: black;
}

UL.sidebar {
  list-style: none;
  margin-left: 0px;
  margin-top: 15px;
  padding-left: 0px;
}

UL.sidebar UL {
  list-style: none;
  margin-left: 1em;
  padding-left: 0px;
}

UL.dropdown-menu {
  background: #fff8e0;
}

UL.dropdown-menu LI A, UL.breadcrumb UL.dropdown-menu LI A, UL.nav UL.dropdown-menu LI A {
  background: #fff8e0;
  color: #333028;
  text-shadow: none;
}

UL.dropdown-menu LI A:link:hover, UL.breadcrumb UL.dropdown-menu LI A:link:hover, UL.nav UL.dropdown-menu LI A:link:hover {
  background: #333028;
  color: #fff8e0;
  text-shadow: none;
}

.form-horizontal .form-group {
  margin-bottom: 5px;
}

.form-horizontal .control-label {
  padding-right: 0px;
  padding-top: 0px;
}

.control-label:after {
  content: ":";
}

.help-block {
  font-style: italic;
}

.form-actions {
  background: #efe8e0;
}

DIV.slide {
  background: #2d2820;
  bottom: 0px;
  left: 0px;
  margin: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}

DIV.slide IMG {
  margin: auto;
}

A.carousel-top {
  color: #c0c0c0;
  font-size: 150%;
}

A.carousel-top:hover, A.carousel-top:active {
  color: white;
  text-decoration: none;
}

A.carousel-inner {
  background: none;
}

A.carousel-control {
  color: white;
  line-height: 42px;
  margin-top: 20px;
}

DIV.carousel-caption {
  background: rgba(0,0,0,0.5);
  bottom: 15px;
  color: rgba(255,255,255,0.75);
  left: auto;
  right: 15px;
  width: 40%;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

DIV.carousel-caption SMALL {
  font-style: italic;
}

A.btn {
  padding: 1px 5px;
}

DIV.nav INPUT[type="search"] {
  background: #fff8f0;
}

[class^="icon-"],
[class*=" icon-"] {
  line-height: 20px;
  vertical-align: baseline;
}

.nav .icon-white {
  background-image: url("../images/glyphicons-halflings-dim.png");
}

.nav :link:hover .icon-white, .nav :active .icon-white {
  background-image: url("../images/glyphicons-halflings-white.png");
}

A.btn, BUTTON.btn {
  background: #ccc0b0;
}

A.btn:link:hover, BUTTON.btn:hover {
  background: #ddd0c0;
}

A.btn-primary, BUTTON.btn-primary {
  background: #333028;
  color: #fff8e0;
}

A.btn-primary:link:hover, BUTTON.btn-primary:hover {
  background: #555040;
  color: #fff8e0;
}

DIV.hero-unit {
  background: #ddd0c0;
  line-height: 25px;
  padding: 15px 20px 10px;
}

UL.breadcrumb {
  background: #ddd0c0;
  color: #11100c;
  text-shadow: none;
}

.breadcrumb > li + li:before {
  color: #999078;
}

UL.breadcrumb LI, UL.breadcrumb A:link, UL.breadcrumb A:link:hover, UL.breadcrumb LI.active {
  color: #333028;
  text-shadow: none;
}

H2, H3 {
  line-height: 100%;
}

H2 SMALL, H3 SMALL {
  color: #666050;
  font-family: SFCartoonistHand, Helvetica, Arial, sans-serif;
  font-size: 66%;
  line-height: 66%;
}

DIV.footer {
  background-color: rgba(0,0,0,0.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset;
  bottom: 0px;
  color: #999999;
  font-size: 14px;
  left: 0px;
  padding: 10px 20px;
  position: fixed;
  width: 100%;
}

/* iPhone/iPod touch overrides */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
       only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  BODY {
    padding: 0px;
  }

  NAV.navbar-fixed-top {
    position: relative;
  }

  DIV.container-main {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  DIV.page-header {
    margin: 0px;
    padding: 0px;
  }
  DIV.page-header H1 {
    font-size: 30px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
  }
  DIV.hero-unit {
    padding: 10px 20px;
  }
  H2 {
    font-size: 25px;
    line-height: 25px;
  }
  H3 {
    font-size: 20px;
    line-height: 20px;
  }
  DIV.footer {
    height: auto;
    margin: 0px -10px -10px;
    position: relative;
  }
  UL.sidebar {
    margin-top: 0px;
  }
}

/* iPad overrides */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}*/

/* Print overrides */
@media print {
  NAV.navbar {
    display: none;
  }

  DIV.footer {
    font-style: italic;
    position: relative;
  }

  .hidden-print {
    display: none;
  }

  /* Bootstrap adds URLs after every link, stop doing that... */
  a[href]:after {
    content: none !important;
  }

  /* and don't print any form controls, either */
  input {
    display: none;
  }

  /* Hack to make span10 look like col-md-12 for print on the project pages */
  .row .col-md-10 {
    margin-left: 0px;
    width: 100%;
    *width: 99.94680851063829%;
  }
}

