/**
 * @license
 * MyFonts Webfont Build ID 2808588, 2014-05-08T17:21:28-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Hopeful Giraffe Pen by JBFoundry
 * URL: http://www.myfonts.com/fonts/jbfoundry/hopeful-giraffe/pen/
 *
 * Webfont: Hopeful Giraffe by JBFoundry
 * URL: http://www.myfonts.com/fonts/jbfoundry/hopeful-giraffe/regular/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2808588
 * Licensed pageviews: 10,000
 * Webfonts copyright: Created by Jean Boyault of JBFoundry with FontForge 2.0 (http://fontforge.sf.net)
 *
 * © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */

/*
@import url("//hello.myfonts.net/count/2adb0c");


@font-face {
    font-family: 'HopefulGiraffe-Regular';
    src: url('../fonts/2ADB0C_1_0.eot');
    src: url('../fonts/2ADB0C_1_0.eot?#iefix') format('embedded-opentype'),
    url('../fonts/2ADB0C_1_0.woff') format('woff'),
    url('../fonts/2ADB0C_1_0.ttf') format('truetype');
}
*/


h1 {
    text-align: center;
    position: relative;
    padding-top: .5em;
    left: -.3em;
}

h1 a#logo {
    /*font-family: HopefulGiraffe-Regular, sans-serif;*/
    font-weight: normal;
    font-style: normal;
    /*font-size: 300%;*/
    text-decoration: none;
}



h1 a#logo img.mark {
    margin-right: .3em;
    position: relative;
    top: 0px;
}

@media screen and (max-width: 767px) {
    h1 { margin-bottom: 0; left: 0; }
    h1 a#logo { font-size: 200%;}
    h1 a#logo img.mark { display: block; margin: 0 auto .2em; }
    h1 a#logo img.header { display: block; width: 90%; margin: 0 auto;  }
    .linksbox a { text-overflow: ellipsis; max-width: 100%; overflow: hidden; white-space: nowrap; display: block; }
}

h1 small {
    font-weight: normal;
    font-size: 40%;
    position: relative;
    top: 40px;
    margin-left: -165px;
    /*letter-spacing: .1em;*/
    color: #999;
}

h2 {
    margin-bottom: 1em;
    text-align: center;
}

.jumbotron h1, h2:first-child, h3:first-child {
    margin-top: 0;
}

.jumbotron {
    padding-top: 24px;
    padding-bottom: 24px;
    /*margin-bottom: 24px;*/
    margin-bottom: 0;
}

.jumbotron h1 a {
    color: inherit;
}

.jumbotron p.lead {
    margin-bottom: 0;
    color: #999;
}

blockquote {
    color: #999;
    font-weight: normal;
}
.blockquote-reverse {
    /*border-right-width: 2px;*/
}

.tab-content .blockquote-reverse {
    margin-bottom: 0;
}

#principles {
    margin-bottom: 24px;
}
#principles .border,
#examples .border
{
    border-right: 1px solid #e8eaf1;
}

#articleBody {
    text-align: justify;
}

#links {
    margin-bottom: 2em;
}

small.datum {
    white-space: nowrap;
}

#author {
    margin-bottom: 2em;
}

/*
footer blockquote.blockquote-reverse {
    border-right-color: #fff;
}
*/

body>footer {
    padding: 1em 0 2em;
    background-image: linear-gradient(to bottom, #e8eaf1 0px, #fff 100%);
    background-repeat: repeat-x;
    background-color: #e8eaf1;
}





.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #0a206b;
    border-radius: 0;
}

a {
    color: #0a206b;
}

.jumbotron {
    background-image: linear-gradient(to top, #e8eaf1 0px, #fff 100%);
    background-repeat: repeat-x;
    background-color: #e8eaf1;
}

.panel {
    background-image: none;
    box-shadow: none;
    border-radius: 0;
    /*border: none;*/
    border: 1px solid #f1e7cc;
}
.panel-heading {
    border-radius: 0;
}
.panel-body {
    /*border-left: 1px solid #e8eaf1;*/
}
.panel-footer {
    background: transparent;
    border: none;
    padding-top: 0;
}

.panel-default > .panel-heading {
    background-image: linear-gradient(to right, #f1e7cc 0px, #fff 100%);
    background-repeat: repeat-y;
    background-color: #f1e7cc;
    border: none;
}



.btn,
.btn-lg {
    border-radius: 0;
}

.list-inline > li {
    padding-left: 10px;
    padding-right: 10px;
}

img.crosspromo { border: 1px solid #f1e7cc; margin-bottom: 1.5em; }
@media screen and (max-width: 767px) {
    img.crosspromo { max-width: 48%; }
}