html {
    font-size: .9em;
}

h1,h2,h3,h4,h5,h6 {
    /*font-family: "open-sans-condensed", Calibri;*/
    font-family: 'Open Sans Condensed', Calibri;
    margin-top: 0;
}

body {
    background-image: url(/assets/img/linedpaper.png);
    /*font-family: "open-sans", Calibri;*/
    font-family: 'Open Sans', Arial;
    font-size: 100%;
    color: #041d2a;
}

small {
    font-size: .875em;
}

#page {
    font-size: 1em;
    line-height: 1.25;
}

@media (min-width:48em) {
    #page {
        font-size: 1em;
        line-height: 1.375;
    }
}

h1 {
    font-size: 2em;
    line-height: 1.25;
}

@media (min-width:48em) {
    h1 {
        font-size: 2.5em;
        line-height: 1.125;
    }
}

@media (min-width:62em) {
    h1 {
        font-size: 3em;
        line-height: 1.05;
    }
}

h2 {
    font-size: 1.625em;
    line-height: 1.15384615;
}

@media (min-width:48em) {
    h2 {
        font-size: 2em;
        line-height: 1.25;
    }
}

@media (min-width:62em) {
    h2 {
        font-size: 2.25em;
        line-height: 1.25;
    }
}

h3 {
    font-size: 1.375em;
    line-height: 1.13636364;
}

@media (min-width:48em) {
    h3 {
        font-size: 1.5em;
        line-height: 1.25;
    }
}

@media (min-width:62em) {
    h3 {
        font-size: 1.75em;
        line-height: 1.25;
    }
}

h4 {
    font-size: 1.125em;
    line-height: 1.11111111;
}

@media (min-width:48em) {
    h4 {
        line-height: 1.22222222;
    }
}

blockquote {
    font-size: 1.25em;
    line-height: 1.25;
}

@media (min-width:48em) {
    blockquote {
        font-size: 1.5em;
        line-height: 1.45833333;
    }
}

a {
    color: #0d618a;
    font-weight: 700;
    word-wrap: break-word;
}

.extLink a[href^="http://"]:after, 
.extLink a[href^="https://"]:after {
  color: #ccc;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e164" ;
	margin: 0 0 0 5px; 
}

a:focus,a:hover {
    color: #041d2a;
}

a.keyword {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.top-nav li a {
    /*font-family: "open-sans-condensed";*/
    font-family: "Open Sans Condensed", Calibri;
    font-size: 1.125em;
    padding: 10px 10px 10px 30px;
}

.top-nav li a.active,.top-nav li a:focus,.top-nav li a:hover {
    color: #f6f4e9;
}

.navbar-inverse .navbar-nav>li>a {
    color: #e7e1c6;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    background: 0 0;
}

.navbar {
    min-height: 0;
    border-radius: 0;
}

.navbar.navbar-default {
    background: 0 0;
    border: none;
}

.container-fluid,.navbar-collapse.collapse {
    padding-left: 0;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    background-color: #083e59;
    color: #f6f4e9;
}

.nav.navbar-nav {
    margin-top: 8px;
}

.nav.navbar-nav>li {
    padding-right: 15px;
}

.navbar-default .navbar-nav>li>a {
    color: #0d618a;
    /*font-family: "open-sans-condensed";*/
    font-family: "Open Sans Condensed", Calibri;
    font-size: 1.125em;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #083e59;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #083e59;
    color: #f6f4e9;
}

.dropdown-menu>li>a {
    color: #0d618a;
    /*font-family: "open-sans-condensed";*/ 
    font-family: "Open Sans Condensed", Calibri;
    font-size: 1.125rem;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #083e59;
    color: #f6f4e9;
}

.dropdown-menu .divider {
    background-color: #e7e1c6;
}

.breadcrumb {
    background: 0 0;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 10px 0 0;
}

.breadcrumb>.active {
    color: #16a4e9;
}

#resultCount:first-child {
    background: none repeat scroll 0 0 #083e59;
    color: #f6f4e9;
    display: inline-block;
    padding: 7px;
}

.carousel,.embed-responsive.embed-responsive-16by9 {
    margin-bottom: 20px;
}

.carousel-caption {
    color: #f6f4e9;
    text-shadow: 0 1px 2px rgba(4,29,42,.75);
}

.carousel-caption a {
    color: #e7e1c6;
}

.carousel-caption a:focus,.carousel-caption a:hover {
    color: #f6f4e9;
}

.field-studies {
    padding-bottom: 20px;
}

.search {
	padding-top: 16px;
	margin-bottom: 16px;
}

.top-nav {
    background-color: #083e59;
}

.gallery button.img-modal {
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 200px;
    border: 2px solid #d7cea0;
    float: left;
    /*margin-bottom: 40px;*/
    height: 200px;
    width: 300px;
}

.gallery button.img-modal:nth-child(3n+1) {
    clear: both;
    margin-left: .8333333333%;
    /*margin-right: -100%;*/
}

.gallery button.img-modal:nth-child(3n+2) {
    clear: none;
    margin-left: 34.1666666667%;
   /* margin-right: -100%;*/
}

.gallery button.img-modal:nth-child(3n+3) {
    clear: none;
    margin-left: 67.5%;
   /* margin-right: -100%;*/
}

.thumbnail {
    background: 0 0;
    border: none;
    border-radius: 0;
    padding: 0;
    border-bottom: 1px dashed #041d2a;
}

.thumbnail img {
    border: 2px solid #d7cea0;
}

.thumbnail .caption {
    padding: 0 0 10px;
}

.thumbnail .caption h2 {
    font-size: 1.125em;
    margin: 0;
    padding: 10px 0;
}

.main {
    margin-bottom: 20px;
}

.main img {
    border: 2px solid #d7cea0;
}

.main nav ul {
    list-style-type: none;
    padding-top: 10px;
    padding-left: 0;
}

.main nav ul li {
    display: inline;
}

.blog article,.entry {
    border-bottom: 1px dashed #041d2a;
    margin-bottom: 20px;
}

article img {
    margin: 10px 0;
}

ul.clearfix {
    margin: 10px 0;
}

.entry ul {
    list-style-type: none;
    padding-left: 0;
}

.entry .details {
    /*font-family: "open-sans-condensed";*/   
    font-family: 'Open Sans Condensed', Calibri;
    font-size: 1.125em;
}

.ratingBar {
    padding-left: 7px;
	margin-top: 3px;
}

.entry .comment {
    margin-top: 10px;
}

.entry:last-child {
    border: none;
}

.comment-row {
    padding-bottom: 20px;
}

.form-control:focus {
    border-color: #16a4e9;
    box-shadow: 0 1px 1px rgba(0,0,0,.075)inset,0 0 8px rgba(22,164,233,.6);
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

#mapBox img {
    max-width: none!important;
}

aside {
    background: #f6f4e9;
    border: 2px solid #d7cea0;
    margin-bottom: 20px;
    padding: 10px 10px 0;
}

aside h1 {
    font-size: 1.375rem;
    margin-top: 0;
}

aside ul {
    list-style-type: none;
    padding-left: 0;
}

aside li {
    margin-bottom: 10px;
}

aside li,aside p {
    border-bottom: 1px dashed #d7cea0;
    padding-bottom: 10px;
    word-wrap: break-word;
}

aside p:last-child,aside li:last-child {
    border-bottom: none;
}

.entry-select .form-control {
    margin: 0 0 20px;
}

.thumbnail .col-lg-6.col-md-6 {
    padding: 0 10px 0 0;
}

.blog .thumbnail .caption h2 {
    padding: 0;
}

.blog .thumbnail .caption p {
    border: none;
    padding-bottom: 0;
}

.thumbnail:last-child div {
    border: none !important;
}

.subhead {
    font-weight: 700;
    display: block;
}

footer {
    overflow: hidden;
}

footer a {
    color: #f6f4e9;
    font-weight: 700;
}

footer,footer a:focus,footer a:hover {
    color: #e7e1c6;
}

footer h1 {
    font-size: 1.125em;
}

footer ul {
    list-style-type: none;
    padding: 0;
}

.footer-top {
    background-color: #1283ba;
    padding: 10px 0;
	margin-top: 20px;
}

.footer-bottom {
    background-color: #083e59;
    padding: 10px 0 0;
}

.footer-bottom p {
    padding-left: 15px;
}

@media (max-width:61.9375em) {
    aside {
        margin: 20px 15px 0;
    }
    .navbar-header.visible-xs-block.col-xs-12 {
        padding-left: 0;
    }
}

@media (max-width:47.938em) {
    .navbar-collapse.collapse.in {
        margin-right: 0;
        margin-left: 0;
        overflow: hidden;
        padding-right: 0;
        padding-left: 15px;
    }

    .container-fluid {
        padding-right: 0;
    }

    .logo img {
        margin: 0 auto;
        padding-top: 15px;
    }

    .footer-top img {
        float: right;
        margin-top: -35px;
        width: 35%;
    }
}

#collection-thumbnail {
	padding-bottom: 15px;
}