/* ===================
    MAIN THEMING
   =================== */

/* colors:
 * * * * * * * * * * * * * * * * * * * 
    background:
    rgba(142,174,213,.95) light blue
    
    hilight:
    rgba(28,28,28,.7) steel grey
    
    flavors:
    rgba(28,81,147,1) blue
    rgba(186,84,18,1) orange
    rgba(228,196,123,1) yellow
    rgba(67,140,10,1) green

 * * * * * * * * * * * * * * * * * * * */

body {
    background: url(../img/bg_earth_crop.jpg);
    /*background-size: 100%;
    background-attachment: fixed;*/
    background-color: rgb(0,16,32);
    background-repeat: no-repeat;
}
body > header {
    /*border-bottom: 5px solid rgb(0,0,0); 
    border-bottom: 5px solid rgba(0,0,0,.0);*/
    overflow: visible; /* needed to ensure dropdown menus are visible. */
    z-index: 1;
}

main { z-index: 0;}
body > header,
body > footer,
.main aside {
    background: rgb(0,0,0);
    background: rgba(0,0,0,.4);
}
main aside,
body > footer {
    color: white;
}
body > header > h1 {
    padding: 0 15px;
    line-height: 1em;
}
main, .dept-nav {
    background: rgb(142,174,213);
    background: rgba(142,174,213,.95);
    padding: 0;
}
main > h2 { padding: 0 15px;}
main > article { padding: 0 2% 15px 2%;}
.fancy {
    font-family: "Oregano", "Brush Script MT", 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive;
font-style: italic; font-size: 26px; line-height: 24px; color: #fff;
text-shadow: 3px 3px 3px #222222;
}
.slogan {
    margin: 0 auto;
    text-align: center;
}

h1,h2,h3,h4,h5,h6 {font-weight: 300; line-height: 1.1; }


img.manager-headshot {
    font-family: inherit;
    text-align: center;
    color: transparent;
}
/* external link icons */



/* Nav */
.top-banner-title {
    font-family: Impact, sans-serif;
    color: white;
    text-align: center;
}
/* Breadcrumbs */
.lt-ie9 .breadcrumbs{ background: rgb(142,174,213); }
.breadcrumbs { background: rgba(142,174,213,.95); }
/*.breadcrumbs a {}
.breadcrumbs a[href] {}*/

/* Widgets */
.manager {}
.manager-headshot {float: left; padding: 10px;}
.manager-name,
.manager-title,
.manager-contact { font-size: 18px; display: inline-block; clear: right;}
.manager-name:after { content: ",";}
.manager-title { display: inline-block;}
.manager-contact { font-size: 16px; font-weight: normal; display: block;}

.internal-resource {
    width: 47%;
    float: left;
    background-color: rgba(17,73,129,0.3);
    padding-right: 1%;
    margin: 3em 1% 0 1%;
    border-radius: 20px;
}
.internal-resource.newfloatline { margin-bottom:1.5em;}
.internal-resource h2:first-child { margin-top: -1.5em;}

@media only screen and (min-width: 800px) {
    div.internal-resource { min-height: 240px;}
}
@media only screen and (max-width: 800px) {
    div.internal-resource { width: 97%;}
}
/* tools */

.newfloatline { clear: left;}
.right { float: right; margin: 0 0 0 15px;}
.left { float: left; margin: 0 15px 0 0;}
.rounded { border-radius: 8px;}


/* Manager CSS */

.bio p {
        padding-left:150px;
}
.manager-headshot {
        width: 140px;
        height: 196px;
        background-image: url("../img/headshots-sprite-70.jpg");
        background-size: 700px;
        padding:0;
        margin: 5px 10px 0 0;
        background-position: 140px 196px;
}
.manager-name:after {content:"";}
.manager-name,
.manager-title {
        display: block;
        font-weight: 300;
        font-size: 20px;
        margin: 0;
}
.manager-contact {font-weight: 300;}
/*.manager-headshot.surampudi { background-position: 140px 390px; }*/
.manager-headshot.mandrake { background-position: 140px 390px; }
.manager-headshot.zuffada   { background-position: 140px 0;  }
.manager-headshot.cabrera   { background-position: 140px -198px;  }
.manager-headshot.cox       { background-position:    0px    0px;}
.manager-headshot.odle      { background-position: -140px    0px;}
.manager-headshot.ferguson  { background-position: -280px    0px;}
.manager-headshot.north     { background-position: -420px    0px;}
.manager-headshot.stirbl    { background-position:    0px -196px;}
.manager-headshot.mattmann  { background-position: -210px -294px;}
.manager-headshot.mattmannNSF  { background-position: -210px -294px;}
.manager-headshot.chow      { background-position: -140px -196px;}
.manager-headshot.doyle     { background-position: -280px -196px;}
/*.manager-headshot.bergman   { background-position: -420px -196px;}*/
.manager-headshot.huang   { background-position: -420px -196px;}
.manager-headshot.crichton  { background-position:    0px -392px;}
.manager-headshot.wolfenbarger  {background-position: -140px -392px;}
.manager-headshot.graczyk   { background-position: -280px -392px;}
.manager-headshot.wiberg    { background-position: -420px -392px;}
.manager-headshot.broderick     {background-position:    0px -588px;}
.manager-headshot.sauvageau     {background-position: -140px -588px;}

/* Missions & Applications */
.mis-app {  }
.mis-app section { clear: both; margin-top: 1rem; overflow: hidden;}
.mis-app-commercial section p { padding-left: 315px;}
.mis-app section img { margin-top: 1.3rem; border-radius: 8px;}
.mis-app section p img { margin-top: 0; margin-bottom: 1rem;}

/* Commercial Applications */
.mis-app .oil h2 { padding-left: 315px;}
.mis-app .oil img { margin-top: 0;}
.mis-app-commercial section.full p { padding:0 150px;}
.mis-app section.full .imgrow  { padding: 0;}
.mis-app section .imgrow  { text-align: center; }
.mis-app section .imgrow img { margin: 5px;}

.mis-app-commercial section.right p { padding:0 315px 0 0;}
.mis-app section.right .imgrow  {  padding:0 315px 0 0;}

@media only screen and (max-width: 768px) {
.mis-app-commercial section p,
.mis-app .oil h2,
.bio p {
    padding-left: 0;
    }
}
@media only screen and (max-width: 670px) {
.mis-app .left {
    float: none;
    display: block;
    margin: 0 auto;}
}


/* News  */
.banner {
    width: 540px;
    height: 300px;
    margin-left: -20px;
    position: relative;
    background-position: center;
    background-size: 100%;
}
.banner h1 {
    background-color: rgba(142,174,213,0.75);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.5rem;
    margin:0;
    padding: 5px 20px;/*
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);*/
}
.banner.full {
    width: 200%;
    height: 400px;
}
/*.banner.half {
    width: 460px;
    height: 250px;
}*/
.news-links {
    clear: both;
    padding-top:20px;
}
#blurbs.owl-carousel.newshome .item { background-size: cover;}
.main article.news { width: 50%; }
.main aside.news.full { top: 400px;}
.main aside.news {
    width: 46%;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width: 767px) {
    .main.main article.news { width: 96%; }
    .main.main aside.news {width: 100%;}
    #blurbs.owl-carousel li.item{padding:0}
    #blurbs.owl-carousel div.textbox {width: auto; max-width: none;max-height: 350px; margin:0;}
    #blurbs.owl-carousel.newshome li.item {width: 100%;    background-size: cover;}
    #blurbs.owl-carousel.newshome div.textbox {width: auto; max-width: none; margin: 0;}
    #blurbs.owl-carousel .textbox .continue { margin-left: auto; margin-right: auto; padding:10px;font-size:2rem; width: auto;}
    
}


/******* begin footer elements ****/
#footer {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 10px;
    /*background-color: rgb(18,18,18);
    background-color: rgba(18,18,18,.5);*/
    height: 62px;
}
#footer p { margin: 0; padding: 0; }
#footer .usa_gov { width: 200px; margin-top: 10px; float: left; margin-left: 10px; }
#footer .footer_credits { float: right;margin-right: 30px;margin-top: 0px;text-align: left;font-size: .8em;line-height: 1.5em;}
#footer .footer_nav {
    margin-top: 5px;
    font-size: .8em;
    text-align: center;
    line-height: 4em;
}
#footer .footer_nav a { color: #fff;}
#footer .footer_credits a {color: #acF;}
#footer .footer_nav .divider { color: #fff; margin: 0 10px;}
#footer .footer_nav_inner { margin-top: 24px; margin-left: 200px; }
/****** end footer elements ******/