/* ============================================================== AUTHOR: IRM-CAS WEBSITE: http://www.lanl.gov/ TEMPLATE NAME: LANL Core CMS Template Identity Styles VERSION: 1.0 FRAMEWORK: Responsive layout ================================================================= */
 @import url("/_assets/css/core-print.css");
 .ui-loader{
    display: none;
}
 #mobile-header-nav, #mobile-header, #mobile-header img, #mobile-footer {
     display:none;
}
/* ================== BEGIN HEADER STYLES ======================= */
 body {
     background-image: none !important;
}
#contentwrapper #pagecontent{
    margin-top:175px;
    }
#sitename img {bottom:0 !important;margin-bottom:0;}
#fixed-header{
    position:fixed; 
    width:100%;
    height:180px;
    background: url("/museum/_assets/images/orange-header-background2.jpg") repeat-x 0 -37px;
    z-index:300;
}
 #headerwrapper {
     width: 100%;
     max-width:980px;
     margin:0 auto 0 auto;
     line-height: 100%;
     float: none;
     background:url("/museum/_assets/images/swish.png") no-repeat 0 -1px;
}
/* --------- utility area ----------- */
 #headerwrapper #utility {
     width:100%;
     margin-top:-20px;
     height: 60px;
     color: #fff;
}
 #headerwrapper #utility a {
     color:#fff;
     font-weight:normal;
}
 #headerwrapper #utility a:hover {
     color:#fff;
     text-decoration:underline;
}
/* -------- search form -------- */
label.hidden {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 1px;
}
 #headerwrapper #search {
     float:right;
     width:19.8979%;
     margin: 15px 0 0 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 7px;
     border: 2px #ccc solid;
     background: #eee;
     -webkit-box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
     box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
}
 #headerwrapper #search input#searchBox_text {
     float:left;
     width:82%;
     height:16px;
     padding:4px 0 4px 5px;
     font-size:100%;
     font-weight:bold;
     clear: none;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-bottomleft: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     background: #eee;
     border: 0 none;
     -webkit-box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
     box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
}
 #headerwrapper #search input#searchBox_button {
     float:left;
     padding-top: 4px;
     padding-left:6px;
     display:inline-block;
     border:none;
     width: 10.62%;
}
/* -------- utility navigation ------- */
 #utility #utilitynav {
     float:right;
     margin-top:20px;
     margin-right: 20px;
     padding-right:12px;
     text-align:right;
     position:inherit;
}
 #utility #utilitynav a {
     font-size:98%;
     letter-spacing:0.09em;
}
 #utility #utilitynav a.find {
     color:#ffcc33;
     font-weight: bold;
}
 #utilityr #utilitynav a:hover {
     color:#66B0C0;
}
 #utility #utilitynav img.divide {
    /*vertical-align:top;
     */
     padding:0 11px 0 11px;
}
/* --------- logo container --------- */
 #headerwrapper #logocontainer {
     width:860px;
     height: 100px;
     margin-top:10px;
     margin-right: 15px;
     margin-left: 1%;
     padding: 5px;
     float: left;
     z-index:100;
     background:transparent !important;
     border-width:0 !important;
     box-shadow:0 0 0 !important;
     border-radius:0;
    /*-- background: #04274c;
     -webkit-border-bottom-right-radius: 15px;
     -webkit-border-bottom-left-radius: 15px;
     -moz-border-radius-bottomright: 15px;
     -moz-border-radius-bottomleft: 15px;
     border-bottom-right-radius: 15px;
     border-bottom-left-radius: 15px;
     -webkit-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     -moz-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     */
}
 #logocontainer a {
     color: #373739;
     font-size: 31px;
     margin: 20px 0 0 0;
     font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
     text-align: left;
     font-weight: bold;
}
 #logocontainer a.homepage-link {
     display:none;
     margin: -47px 0 28px 40px;
     padding: 3px;
     color: #555;
     font-size: 14px;
     font-weight: normal;
     font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
     text-align: left;
     background:transparent !important;
}
#logocontainer a#header-title{
    display:block; 
    margin:3px 0 0 61px;
    color:#fff;
}
#logocontainer a#header-title:hover{
    color:#fff;
    text-decoration:underline;
}
 #tagline {
     display: block;
     margin: 4px 0 0 138px;
    /* background:#e16600;*/
}
 #tagline{
     color: #fff;
     font-style: italic;
     font-size: 13px;
     font-weight: normal;
     line-height: 2em;
}
 
/* MENU BUTTON toggles navigation on and off in mobile view */
 #menu-button {
     display: none;
}
/* ------- NAVIGATION ---------- */
 .ui-navbar.ui-navbar-noicons {
    display: none;
}
/* LEVEL ONE */
 ul.dropdown {
     position: relative;
     z-index: 99;
     margin: -3px 0 0 0;
     padding: 0;
     white-space:nowrap;
     height: auto;
     width: auto;
     float: left;
     left:0 !important;
}
 ul.dropdown li {
     font-size: 115%;
     font-weight: normal;
     float: left;
     zoom: 1;
     background: #eee;
     text-transform: uppercase;
}
 ul.dropdown a:hover {
     color: #000;
}
 ul.dropdown a:active {
     color: #ffa500;
}
 ul.dropdown li a {
     display: block;
     padding: 14px 20px;
     border-right: 1px solid #888;
     color: #222;
     white-space:nowrap;
}
 ul.dropdown li:last-child a {
     border-right: none;
}
/* Doesn't work in IE */
 ul.dropdown li.hover, ul.dropdown li:hover {
     background: #ccffff;
     color: black;
     position: relative;
}
 ul.dropdown li.hover a {
     color: black;
}
/* LEVEL TWO */
 ul.dropdown ul {
     width: 250px;
     visibility: hidden;
     position: absolute;
     top: 100%;
     left: 0;
     border: 1px #aaa solid;
     border-width: 0 1px 1px 1px;
     -webkit-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     -moz-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     z-index: 100;
}
 ul.dropdown ul li {
     font-size: 14px;
     font-weight: normal;
     background: #f6f6f6;
     color: #000;
     border-bottom: 1px solid #ccc;
     float: none;
     text-transform: none;
}
/* IE 6 & 7 Needs Inline Block */
 ul.dropdown ul li a {
     border-right: none;
     width: 100%;
     display: inline-block;
     white-space:normal;
     line-height: 20px;
     padding: 14px 5%;
}
/* LEVEL THREE */
 ul.dropdown ul ul {
     left: 100%;
     top: 0;
     border: 1px #aaa solid;
     -webkit-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     -moz-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
}
 ul.dropdown li:hover > ul {
     visibility: visible;
}
/* ================ END HEADER STYLES =================== */
/* === FONT STYLES overwrites styles from core-layout.css =========== */
 h1 {
     font-size:200%;
     color: #333333;
     letter-spacing: -0.05em;
     line-height:130%;
     font-weight: bold;
     padding: 0 0 15px 0;
}
 #contentwrapper {
    background-image: none;
}
 #pagecontent ul#breadcrumbs {
     height: 20px;
     margin: -10px 0 2px 0;
     padding: 0 0 5px 0;
}
 #sitename {
    background: #fff;
     min-height: 90px;
}
 #sitename h1{
    font-size: 200%;
}
 #sitename div.summary {
    font-size: 130%;
     line-height: 160%;
     width: 80%;
     color:#232323;
}
 div.summary span.gold {
     color: #555;
     font-size: 100%;
     letter-spacing: -0.03em;
}

/* BRADBURY FOOTER */
 #footerwrapper {
     width:100%;
     /*border-top:0 none;*/
     background: #fdfdfd url("/museum/_assets/images/footer-background-orange.jpg") repeat-x 0 0;
     position: relative;
     height: auto;
     margin: 0;
     padding: 0 0 40px 0;
     bottom: 0px;
}
 #footercontainer {
     width: 97.93814%
    /* 950px : 970px */
    ;
     margin:8px auto 0 auto;
}
#globalFooter {
    position: relative;
    bottom:0;
    clear: both;
    color: #999;
    background: transparent;
    margin: 0 auto;
    padding: 40px 0 10px 0;
    height: 240px;
}
#globalFooter a {
    text-decoration: none;
    font-weight: bold;
    color: #888;
}
#footerContentWrap {
    background: transparent;
    width: 975px;
    height: 110px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
/* footer links */
#globalFooter ul.footerLinks {
    float: left;
    height:130px;
    border: 1px #666 solid;
    border-width: 0 0 0 1px;
    margin: 0 0 0 0;
    padding:0 2% 0 2%;
}
#globalFooter ul.footerLinks li {
    list-style: none;
    list-style-image: none;
    color: #999;
    margin: 0;
    padding: 5px 30px 1px 30px;
}

#globalFooter ul.footerLinks li a {
    color: #888;
}
#globalFooter ul.footerLinks li a:hover {
    color: #d8d8d8; text-decoration: underline;
}

/* links in the footer */
#globalFooter ul.footerLinks.contacts {
    width: 22%;
    float: left;
    border: 0;
    margin: 0 0 0 0;
    padding:0 0 0 0;
}
#globalFooter ul.footerLinks.contacts li strong{font-size:13px;}
#globalFooter ul.footerLinks.contacts li {
    padding: 2px 0 1px 6px;
    font-size:11px;
}

/* hours */
#globalFooter ul.footerLinks.hours {
    width: 22%;}
#globalFooter ul.footerLinks.hours li strong {display: block; font-size: 13px;}
#globalFooter ul.footerLinks.hours li {padding: 5px 2% 1px 2%; font-size: 11px;}

/* links */
#globalFooter ul.footerLinks#links{
    width: 15%;}

#globalFooter ul.footerLinks#links li{
    display: block; 
    font-size: 12px; 
    padding: 5px 2% 5px 2%;
}
#globalFooter ul.footerLinks#links li img{
    margin-right:5px;
}

/* lanl logo */
#globalFooter ul.footerLinks#lanl-logo {
    margin: 0 0 0 0;
    padding:5px 0 0 2%;
    width:23%;
}

/* copyright */
#globalFooter div#copyright {
   /* background: #323232; */
    padding:15px 0 20px 0; 
    width: 100%; 
    margin: 0 auto;
    clear:both;
}
#globalFooter #copyright p {
    margin: 10px 0 0 5px;
    font-weight: normal;
    text-align: center;
    color: #888;
    font-size: 11px; letter-spacing: 0.03em;
}
#globalFooter #copyright p a {
    color: #888; 
    font-weight: normal;
    padding: 0 5px;
    text-decoration: underline;
}
#globalFooter #copyright p a:hover {
    color: #fff; 
    text-decoration: underline;
}
#globalFooter #copyright img#ipv6{
    display:block;
    text-align:center;
    margin: 15px auto;
}

/* =============== END FOOTER STYLES ================= */

/* =============== MEDIA QUERIES =============== */
/* SMALL TABLETS (portrait and landscape) 
------------------------------------------- */

@media only screen and (max-width : 800px) {
#headerwrapper #logocontainer{
    width:700px;
}
#headerwrapper #search{
    width:25%;
}
ul.dropdown li a {
    border-right: 1px solid #888;
    color: #222;
    display: block;
    padding: 14px 12px;
    white-space: nowrap;
}
#footerContentWrap{
    width:100%;
}
#globalFooter ul.footerLinks{
    height:150px;
}
#globalFooter ul#lanl-logo.footerLinks {
    border-left: 1px #666 solid;
    float:left;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: center;
    width: 20%;
}
#globalFooter ul#lanl-logo.footerLinks li{
    padding:5px 0 0 15px;
}
}
/* TABLET LAYOUT ----------------------------------------------- */
/* iPads (portrait and landscape) ------------------------------------------- */
 @media only screen and (max-width : 1024px) {
#headerwrapper{
         width: 100%;
         max-width:1024px;
         margin:0 auto 0 auto;
         line-height: 100%;
}
#footerContentWrap{
    width:100%;
}
#globalFooter ul#lanl-logo.footerLinks{
    border-left: 1px #666 solid;
    float:left;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: center;
    width: 20%;
}
#globalFooter ul#lanl-logo.footerLinks li{
    padding:5px 0 0 15px;
}
}
/* WIDE DESKTOP LAYOUT ----------------------------------------------- */
 @media only screen and (min-width: 1024px) {
    
}