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

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

/* Override some defaults */
html, body {
  background: #fcfcfc url('../img/bg.png') repeat;
}

p, span, a {
  font-family: "QuicksandBook";
}

h2, h3, h4, h5, h6 {
  font-family: "QuicksandBook";
  font-weight: normal;
}

body {
  padding-top: 60px;
  padding-bottom: 20px; /* 40px to make the container go all the way to the bottom of the topbar */
}

footer {
  text-align: center;
  width: 100%;
  color: #999;
  margin-top: 1em;
}

/* The white background content wrapper */
.content {
  padding: 2%;
  background-color: #fff;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.content pre {
  width: 91%;
}

.well, .twtr-widget {
  text-align: center;
  padding: 1em;
  background-color: white;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.twtr-widget {
  margin-bottom: 20px;
}

.twtr-ft {
  display: none;
}

.well ul.nav {
  text-align: left;
  margin-bottom: 0px;
}

.well .nav-pills a.active {
  background-color: #79b;
}

.well .nav-header {
  padding-left: 0em;
  border-bottom: 1px solid #eee;
  font-family: "QuicksandBook";
  text-transform: uppercase;
}

.twitter-follow-button {
  margin-top: 10px;
}

/* Page header tweaks */
.navbar-inner, .navbar {
  border-bottom: 1px solid white;
  background: #5588aa; /* fallback for older/unsupporting browsers */
  background: -moz-linear-gradient(top, #446688, #7799bb 0%);
  background: -webkit-linear-gradient(top, #446688, #7799bb);
}

.navbar .nav li a {
  padding-top: 20px;
  padding-bottom: 5px;
  color: #eee;
  text-shadow: 0 1px 0 #777;
}

.nav li a {
  font-family: "QuicksandLight";
  text-transform: uppercase;
}

.navbar .nav  li a.active {
  padding-top: 15px;
  background: transparent;
  border-top: 5px solid #D00;
}

.navbar .nav  li a:hover {
  background: -moz-linear-gradient(top, #ffffff, #7799bb 0%);
  background: -webkit-linear-gradient(top, #ffffff, #7799bb);
}

.nav-list .active a, .nav-list .active a:hover {
  background-color: #79b;
}

.navbar .brand {
  float: left;
  display: block;
  font-size: 25px;
  font-weight: 200;
  color: white;
  padding-top: 15px;
  padding-bottom: 0px;
  margin-left: 25px;
  font-family: "QuicksandLight";
  text-transform: uppercase;
}

.navbar .brand-logo img {
  position: absolute;
  width: 26px;
  margin-top: 5px;
  z-index: 9999;
}

.page-header {
  margin: 0.5em;
  margin-top: 0em;
  padding-bottom: 0.5em;
}

/* tag_box ======================================================== */

.tag_box {
	list-style:none;
	margin:0;
	padding:5px 0 ;
	overflow:hidden;
}
.tag_box li {
	line-height:28px;
}
.tag_box.inline li {
	float:left;
}
.tag_box a {
	padding: 3px 6px;
	margin: 2px;
	background: #eee;
	color:#005F6B;
	border-radius: 3px;
	text-decoration:none;
}
.tag_box a span{
	vertical-align:super;
	font-size:0.8em;
}
.tag_box a.active {
	background:#57A957;
	border:1px solid #4C964D;
	color:#FFF;
}

/* page/post specific */

.index-hero {
  background-image: url("../img/splash.png");
  background-repeat: no-repeat;
  padding-left: 18%;
}

.index-hero h1 {
  margin: 0.2em 0;
}
	

/* Responsive ======================================================== */

@media (max-width: 979px) { 
  body {
    padding: 0;
  }
  
  .twitter-follow, .twitter-follow-button {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
  }

  .twtr-timeline {
    height: 75px !important;
  }
  
  .navbar .nav li a, .navbar .nav  li a.active  {
    padding: 0.5em;
    border-top: 0px;
  }  
  
  .navbar .nav {
    margin-top: 15px;
    padding: 0;
    margin-bottom: 0;
    border-top: 1px solid #79b;
  }
  
  .navbar .dropdown-menu a {
    color: #eee;
    font-family: Helvetica, Verdana, Arial;
    text-shadow: 0 1px 0 #777;
  }
  
  .index-hero {
    background-image: url("../img/splash.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding-left: 2%;
    padding-right: 20%;
  }
}