/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.container {
padding-left: 20px;
padding-right: 20px;
}
.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
.row .onecol {
width: 4.85%;
}
.row .twocol {
width: 13.45%;
}
.row .threecol {
width: 22.05%;
}
.row .fourcol {
width: 30.75%;
}
.row .fivecol {
width: 39.45%;
}
.row .sixcol {
width: 48%;
}
.row .sevencol {
width: 56.75%;
}
.row .eightcol {
width: 65.4%;
}
.row .ninecol {
width: 74.05%;
}
.row .tencol {
width: 82.7%;
}
.row .elevencol {
width: 91.35%;
}
.row .twelvecol {
width: 100%;
float: left;
}
.last {
margin-right: 0px;
}
img, object, embed {
max-width: 100%;
}
img {
height: auto;
}
/* Smaller screens */
@media only screen and (max-width: 1024px) {
body {
font-size: 0.8em;
line-height: 1.5em;
}
#tabs div.ui-tabs-panel {
min-height:151px;
max-height:151px;
}
.singleTab {
min-height:165px;
max-height:165px;
}
.singleTabCollection {
min-height:222px;
max-height:222px;
}
#navTop {
float:left;
}
#navMain li {
padding:54px 10px 10px 36px;
}
#navMain li a:link, #navMain li a:visited {
display: inline;
}
.siteSearch {
background:none;
height:auto;
border-left:none;
border-right:none;
width:auto;
padding-left:0;
float:none;
}
.siteSearch label {
margin-right:5px;
}
.infoContainer {
min-height:327px;
}
#twitter {
width:830px !important;
}
#twitter h2 {
padding-top:.3%;
width:70px;
}
#twitter p,
#twitter marquee,
#twitter div {
width: 760px !important;
}
#bottomHomeNav {
margin-top:136px;
}
.featuredDownload {
line-height:1.75em;
}
.archiveList img {
float:left;
width:28%;
margin:0 2% 2% 0;
}
#socialLinks {
width:73%;}
}
@media only screen and (max-width: 1000px) {
.row .eightcol {
width:64%;
}
#navMain li {
padding:22px 10px 10px 36px;
}
#navMain li a:link, #navMain li a:visited {
display: inline;
}
.sitesearch {
float:none;
}
}
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
body {
font-size: 16px;
-webkit-text-size-adjust: none;
}
.row, body, .container {
min-width: 0;
/*	margin-left: 0px;
width: 100%;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;*/
}
.container.main {
min-height:300px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
}
header { background:none; background-color:#FAFAFA; }
#navPageTop {
clear:both;
padding-top:0px;
float:none;
margin-right:0;
}
#navPageTop li a {
padding:0 5px;
}
.sitesearch {
float:none;
clear:both;
background:none;
width: auto;
padding-top:0;
padding-left:0;
height:auto;
border-left:0;
border-right:0;
margin-top:20px;
}
.sitesearch label {
clear:both;
}
#navTop {
float:left;
}
#navMain li {
padding:0 4px;
background:none;
text-align:left;
border-right: 1px solid #616767;
}
#navMain li a:hover, #navMain li a:active, a.navMainOn {
color:#616767;
padding-bottom:0px;
border-bottom:none;
text-decoration:underline;
}
.navSeparation {
height:auto;
overflow:visible;
}
.sf-menu {
position:relative;
}
.sf-menu ul {
z-index:999999;
}
.navSecondary, .navSecondary li {
float:none;
clear:both;
}
.level2, .level2On {
border-right: 0;
}
.pageTools {
clear:both;
float:none;
top:40px;
margin-bottom:20px;
margin-left:5px;
}
.pageTools li {
margin-left:0;
}
a.printLink:link, a.printLink:visited {
background:none;
text-indent:none;
display:inline;
text-transform:uppercase;
font-size:66%;
}
a.addthis_button:link, a.addthis_button:visited {
background:none;
text-indent:none;
display:inline;
margin-left:10px;
}
.mainPhoto {
background:none;
}
.exhibitBlock {
background:none;
}
.hoverCaption {
display:block;
position:relative;
width:auto;
color:black;
background:none;
}
.exhibitInLinePhoto {
float:none;
}
.exhibitItemWidePic {
clear:both;
margin-left:0;
}
.exhibitItemWidePic ul {
margin-left:0;
}
#tabs { clear:both;margin-top:30px; }
.ui-tabs .ui-tabs-nav li { float:left;  }
.ui-tabs .ui-tabs-nav li a { float:left; }
.slideContainer {
float:none;
}
.flexslider {
float:none;
width:100%;
}
/* IE rgba() hack */
.flex-caption {visibility:visible; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 93%; padding:2%; position: absolute; left:2%; bottom:7%; background: rgba(0,0,0,.5); color: #fff; font-size: 84%; }
.infoContainer, .slideInfo, .slideInfo.active {
display:none;
}
.tickerOuter, .tickerInner, .tickerImage, .tickerContent, #twitter {
display:none;
}
#bottomHomeNav {
margin-top:0;
}
.homeParaMargin {
line-height:normal;
}
#socialLinks {
width:100%;
}
#socialLinks li {
list-style-type:none;
float:left;
margin:0 2px;
}
a.fbLink:link, a.fbLink:visited {
background:url('/images/socialSmall.png') no-repeat 0px 0px;
width:25px;
height:25px;
}
a.fbLink:hover, a.fbLink:active {
background:url('/images/socialSmall.png') no-repeat 0px -27px;
}
a.twLink:link, a.twLink:visited {
background:url('/images/socialSmall.png') no-repeat -32px 0px;
width:25px;
height:25px;
}
a.twLink:hover, a.twLink:active {
background:url('/images/socialSmall.png') no-repeat -32px -27px;
}
a.liLink:link, a.liLink:visited {
background:url('/images/socialSmall.png') no-repeat -65px 0px;
width:25px;
height:25px;
}
a.liLink:hover, a.liLink:active {
background:url('/images/socialSmall.png') no-repeat -65px -27px;
}
a.ytLink:link, a.ytLink:visited {
background:url('/images/socialSmall.png') no-repeat -98px 0px;
width:25px;
height:25px;
}
a.ytLink:hover, a.ytLink:active {
background:url('/images/socialSmall.png') no-repeat -98px -27px;
}
a.wpLink:link, a.wpLink:visited {
background:url('/images/socialSmall.png') no-repeat -130px 0px;
width:25px;
height:25px;
}
a.wpLink:hover, a.wpLink:active {
background:url('/images/socialSmall.png') no-repeat -130px -27px;
}
a.frLink:link, a.frLink:visited {
background:url('/images/socialSmall.png') no-repeat -161px 0px;
width:24px;
height:23px;
}
a.frLink:hover, a.frLink:active {
background:url('/images/socialSmall.png') no-repeat -161px -27px;
}
a.dtcpLink:link, a.dtcpLink:visited {
background:url('/images/socialSmall.png') no-repeat -191px 0px;
width:51px;
height:25px;
}
a.dtcpLink:hover, a.dtcpLink:active {
background:url('/images/socialSmall.png') no-repeat -191px -27px;
}
a.smithsonian:link, a.smithsonian:visited {
background:url('/images/socialSmall.png') no-repeat -248px 0px;
width:26px;
height:25px;
}
a.smithsonian:hover, a.smithsonian:active {
background:url('/images/socialSmall.png') no-repeat -248px -27px;
}
.eAccordion h4 a {
padding-left:20px;
}
.caption {
display:inline;
}
.class-request-form label, .press-photos-form label, .defaultForm label {
float:none;
margin-right:0;
text-align:left;
width:100%;
display: block;
}
.class-request-form input[type="text"], .defaultForm input[type="text"] {
width: 80%;
}
footer .row {
background: none;
margin-top: 0;
padding-top: 0;
}
/* hamburger slideout */
#navPageTop,
.sitesearch,
#navMain,
.navSeparation {
display:none;
}
.contentsitesearch .sitesearch {
display:block;
}
header .logo {
padding-top:15px;
padding-bottom:17px;
width:152px;
}
nav.sidemenu {
display:block;
background: #ffffff;
width: 100%;
height: 100%;
position: fixed;
top: 82px;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
nav.sidemenu ul {
list-style: none;
width:200px;
float:right;
margin:0;
padding:0;
}
nav.sidemenu li {
color: #616767;
line-height:24px;
border-bottom:solid 1px #ccc;
padding-left:25px;
/*transition: background-color 0.5s ease;*/
}
nav.sidemenu li a {
color:#333;
text-decoration:none;
display:inline-block;
padding-top:8px;
padding-bottom:8px;
font-size:14px;
}
nav.sidemenu li a:hover {
color:#7ec256;
}
.site-wrap {
min-width: 100%;
min-height: 100%;
background-color: #fff;
position: relative;
top: 0;
bottom: 100%;
right: 0;
z-index: 1;
margin-top:-13px;
}
.nav-trigger-wrapper {
display:block;
}
.nav-trigger {
display:block;
position: absolute;
clip: rect(0, 0, 0, 0);
}
label[for="nav-trigger"] {
display:block;
position: absolute;
top: 38px;
right: 15px;
z-index: 2;
cursor: pointer;
color:#333;
font-size:30px;
}
label[for="nav-trigger"]:hover {
opacity: 0.6;
}
label[for="nav-trigger"]:before {
content: "\e236";
}
.nav-trigger:checked + label:before {
content: "\e014";
}
/*.nav-trigger:checked + label {
right: 165px;
}*/
.nav-trigger:checked ~ .site-wrap {
right: 200px;
box-shadow: 0 3px 3px 3px rgba(0,0,0,0.3);
}
.nav-trigger + label, .site-wrap {
transition: right 0.2s;
}
body {
overflow-x: hidden;
}
.eightcol.last nav {
display:none;
}
.device-subnav {
position:absolute;
width:200px;
right:-200px;
height:100%;
/*width:100%;*/
background:#fff;
height:100%;
top:0;
padding-top:15px !important;
margin-top:.5em;
font-size:15px;
}
nav.sidemenu li .device-subnav a {
color:#333;
}
nav.sidemenu li .device-subnav li:hover a {
color:#7ec257;
}
.device-subnav.inview  {
right:0;
transition: right 0.2s;
padding-left:20px;
}
.device-subnav.hidden  {
right:-200px;
transition: right 0.2s;
}
span.closer {
cursor:pointer;
display:inline-block;
padding-top:12px;
padding-bottom:12px;
}
a.selected {
float:none;
}
/* end */
}