/* Theme Name:HRANA Adaptive Theme Version:1.0 Description:A dedicated HTML5/CSS3 theme built by Stratum, based on the HTML 5 Boilerplate by Aaron T. Grogg and the 1140px CSS Grid System by Andy Taylor. Author:Stratum Author URI:http://stratum.net/ This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers. Other formulas credited in context. */ /* ==|== IMPORT WEBFONTS,ETC. ================================================= */ @import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700); /* ==|== NORMALIZE | Clean & Reset =========================================== ========================================================================== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,body{width:100%;height:100%;line-height:1} article,aside,code,details,div,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none} [hidden]{display:none} body,button,input,select,textarea{color:#222;font-family:sans-serif} ::-moz-selection{background:#81d3ee;color:#fff;text-shadow:none} ::selection{background:#81d3ee;color:#fff;text-shadow:none} a{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} blockquote,q{quotes:none;margin:1em 40px} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} dfn,em{font-style:italic} ins{background:#ff9;color:#000;text-decoration:none} mark{background:#ff0;color:#000;font-weight:bold;font-style:italic} pre,code,kbd,samp{font-size:1em;font-family:consolas,monaco,courier,monospace;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} small{font-size:85%} sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0} sup{top:-0.5em} sub{bottom:-0.25em} ul,ol{margin:1em 0;padding:0;;list-style-position:outside;list-style:none} dd{margin:0 0 0 40px} nav ul,nav ol{margin:0;padding:0;list-style:none;list-style-image:none} img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic} img,object,embed{max-width:100% !important;height:auto} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{margin:0;padding:0;border:0} label{cursor:pointer} legend{padding:0;border:0;*margin-left:-7px} button,input,select,textarea{margin:0;vertical-align:baseline;font-size:100%;*vertical-align:middle} button,input{line-height:normal;*overflow:visible} table button,table input{*overflow:auto} button,input[type='button'],input[type='reset'],input[type='submit']{cursor:pointer;-webkit-appearance:button} input[type='checkbox'],input[type='radio']{box-sizing:border-box} input[type='search']{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} input[type='search']::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} textarea{overflow:auto;vertical-align:top;resize:vertical} input:valid,textarea:valid{} input:invalid,textarea:invalid{background-color:#f0dddd} table{border-spacing:0;border-collapse:collapse} td{vertical-align:top} .chromeframe{margin:0.2em 0;padding:0.2em 0;background:#ccc;color:black} /* ============================================================================= 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:none} .last{margin-right:0px} /* ============================================================================= Hide mobile-only elements ========================================================================== */ .mobile-only,.no-flash{display:none} /* ==|== BASE TYPOGRAPHY ========================================================= ========================================================================== */ body{color:#555;font-weight:400;font-size:16px;font-family:Arial,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif} #wrap /* declare base line-height */{line-height:1.5em} h1,h2,h3,h4,h5,h6{margin:0 0 10px 0;font-weight:400;font-family: "Oswald", Impact, Haettenschweiler, AvenirNextCondensed-Bold, "Franklin Gothic Bold", Futura-CondensedExtraBold, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif} h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0} /* Font sizes,colors,and line-heights */ h1{color:#555;font-size:1.5em} h2{color:#555;font-size:1.35em} h3{color:#555;font-size:1.2em} h4{color:#555;font-size:1em} h5{color:#555;font-size:1em} h6{color:#555;font-size:1em} p,caption,td,th,dd,dt,pre,code,address{margin-top:0;margin-bottom:12px} /* Lists and stuff */ ul{margin:0 0 10px 0 } ol{margin:0 0 10px 8px} li{margin:0;list-style-position:outside;font-size:16px; /* declared explicitly to avoid nesting bugs */} li li{margin:0 0 0 15px} /* pad nested list items */ dt{font-weight:bold} dd{margin:0 0 10px 0;padding-left:10px;font-style:italic} /* Tables */ table{border-width:1px;border-style:solid;border-color:#b3b3b3;border-right-style:none} th{padding:2px 10px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;background-color:#EEE} td{padding:2px 10px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC} caption{text-align:left;font-style:italic} /* Other blocks of content */ blockquote{margin-left:40px;line-height:1em} blockquote p{line-height:1.5em} pre{display:block;margin:0 0 10px 0;color:#666} /* Misc html elements */ code{font-size:12px;color: #999} del{color:#999} ins{font-style:italic} /* ==|== PRIMARY STYLES ========================================================== ========================================================================== */ /* Globals */ body{margin:0 auto;min-height:100%;background:#e2e2e2} a{color: #069;text-decoration:none} a:active,a:focus,a:hover{color:#65a4d1} hr{clear:both;margin-top:10px;margin-bottom:10px;border:0;background:#900} hr:after{clear:both} /* Structure */ #wrap{background:#fff !important;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .25)} #content{padding-top:15px} #site-tools{margin-bottom: 10px} /* Header */ header{position:relative;background: url(images/logo_hrs.gif) no-repeat 10px 30px} header h1{display:block;text-align: center;height: 100px;padding-top: 12px} .addthis_toolbox {width: auto;float: right;margin-top: 5px} .weatherbug {position: absolute;top: 0;right: 0;width: 200px;font-size:11px !important;} #noaa-weather p.noaa_loc, .noaa_link, .noaa_weather h3, .noaa_update, #noaa-weather p.noaa_forecast {display: none} #noaa-weather p.noaa_current,#noaa-weather p.noaa_temp,#noaa-weather p.noaa_humidity,#noaa-weather p.noaa_wind,#noaa-weather p.noaa_windchill,#noaa-weather p.noaa_icon img, #noaa-weather p.noaa_dewpoint{text-align: left !important;margin-left: 0 !important;font-size:11px !important} #noaa-weather p.noaa_current {line-height: 1.2em !important;margin-bottom: 0 !important} #noaa-weather p.noaa_icon img{max-width: 45px !important;margin-top: 1px} /* Navigation */ nav{position:relative;z-index:99999;display:block;margin:0;padding:0} nav ul,nav ul ul{z-index:99999;margin:0;padding:0;list-style:none} nav ul ul{position:absolute;top:100%;left:0;z-index:99998;display:none;margin:0;background-color: #1073b9} nav ul li:hover>*{display:block} nav ul li{position:relative;display:block;float:left;margin:0;paddingwhite-space:nowrap;font-size:0} nav ul li:hover{z-index:1} nav ul{position:relative;z-index:999;display:inline-block;font-size: 0;zoom:1;*display:inline;background: url(images/bg-nav.png) repeat-x 0 bottom;width: 100%} nav ul>li{margin:0} * html nav ul li a{display:inline-block} nav ul a:active,nav ul a:focus{outline-style:none} nav ul a{display:block;margin:0;padding:10px 18px 24px 18px;color:#111;vertical-align:middle;text-align:left;text-decoration:none;font-size:22px;cursor:pointer} nav ul ul li{float:none;padding:0;border-bottom:1px solid #e1e1e1;margin: 0} body.home nav ul li.menu-item-42{display:none} nav ul ul a{margin: 0; padding:5px 15px;color:#cbddea;text-align:left;text-decoration:none;text-transform:none;font-size:16px} nav ul li:hover>a,nav ul li a.pressed{color:#1073b9;background: url(images/nav-hover-arrow.png) no-repeat center bottom} nav ul ul{margin-top: -1px; padding-bottom:12px;min-width:170%} nav ul span{display:block;overflow:visible;padding-right:0px;background-position:right center;background-repeat:no-repeat} nav ul ul li:hover>a,nav ul ul li a.pressed{border-radius:0px;box-shadow:none;color:#fff;text-decoration:none;background: #069 url(none) !important} nav li, nav li li {font-family: "Oswald", Impact, Haettenschweiler, AvenirNextCondensed-Bold, "Franklin Gothic Bold", Futura-CondensedExtraBold, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;font-weight:400} nav ul li.current-menu-item a,nav ul li.current-menu-ancestor a{color:#a1a1a1;background: url(images/nav-active-arrow.png) no-repeat center bottom} nav ul li.current-menu-item li a,nav ul li.current-menu-ancestor li a{color:#cbddea;background: url(none)} nav .menu-item-658, nav .search{display:none} nav .menu-item-13>a {padding-left: 0} /* Banners Images */ #banner{background-image:url(images/banner-default.jpg)} /* Homepage */ .home #breadcrumbs {display: none;} .home h2 {border-bottom: 1px solid #e6e6e6;padding: 10px 0} .news-snippet {margin-bottom: 10px} .news-snippet a {display: block;font-weight:700} .aviation-flash {margin:0;max-height:150px;overflow:hidden} .aviation-nav{width: 251px;max-width: 100%} .aviation-nav a {display: block;width: 50%;float:left;text-align: center; text-transform: uppercase;font-size: 1.2em;padding: 4px 0} .updated{ display: inline-block;float: right;width: auto;font-size: .525em;text-transform: uppercase;color: #999;font-weight: 400;font-family:Arial,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif;padding-top: 6px} #mafblog {margin-top: 25px} /* Content */ #breadcrumbs {font-size: .675em;text-transform: uppercase;color: #b0b0b0;font-weight: 700} #breadcrumbs a{color: #829fb1;text-decoration:none} #breadcrumbs a:active,#breadcrumbs a:focus,#breadcrumbs a:hover{color:#666} .more-link {text-transform: uppercase;font-size: .6em; display: inline-block !important} .top-link {text-transform: uppercase;font-size: .725em;font-weight: 700; display: block;clear: left} .just-date {font-size: .575em;text-transform: uppercase;color: #999;font-weight: 400;font-family:Arial,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif} .post-meta {background: #f2f2f2;padding: 3px 8px;font-size: .675em;text-transform: uppercase;color: #999;font-weight: 700;letter-spacing: 1px} .bulleted, .widget_wp-category-archive ul {list-style-position: outside;margin-left: 0;padding-left: 1em;text-indent: -1em} .bulleted li, .widget_wp-category-archive li{margin-bottom:6px;margin-left: 0} .bulleted li:before, .widget_wp-category-archive li:before{content: "\00BB \0020"} .bulleted li a, .widget_wp-category-archive li a{padding-left: 5px} .bulleted .children{margin-left: 18px} .bulleted .current_page_item a, .bulleted .current_page_item:before {color: #888;font-weight: 700} .bulleted .current_page_item .children a {color: #069;font-weight: 400} .bulleted .current_page_item .children a:active,.bulleted .current_page_item .children a:focus,.bulleted .current_page_item .children a:hover{color:#65a4d1} .bulleted .current_page_ancestor .current_page_item a, .bulleted .current_page_ancestor .current_page_item:before {color: #888;font-weight: 700} .pdf {display:inline-block;margin-bottom:5px;padding-left:24px;min-height:24px;background: url(images/pdf_icon.gif) 0px 2px no-repeat;} .doclist .postarea h3 { display: block; clear: both; padding-top: 15px} .doclist .postarea li { width: 25%;float: left} .additional-articles{margin-top: 25px} .wp-paginate {display: block;margin: 12px 0 !important} /* Web Cam Template */ .h_iframe {position:relative;} .h_iframe .ratio {display:block;width:100%;height:auto;} .h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;} /* Squadrons Template — Connections Pro Plugin */ .cn-list-section-head{background-color: #f6f6f6;padding: 2px 8px 0 8px} .cn-alphaindex{float: right} .cn-list-row, .cn-list-row-alternate {margin-bottom: 15px; padding-bottom: 15px;border-bottom:1px solid #e1e1e1} .cn-list-section-head{display: block; clear: both} .address-name, .email-name, .contact-label{display: none !important} .email:before {content: "Email";font-weight: 700} .contact-name:before {content: "Commanding Officer";font-weight: 700} .phone-number-block, .tel{margin-bottom: 0 !important} /* Links Template */ .blogroll{width: 100%} .blogroll, .blogroll li{display: block;float: left} .blogroll li{width: 49%} .blogroll li:nth-child(even){margin-right: 2%} /* Virtual Tour Template */ .gallerycontainer { margin: 0 30px 0 0; padding: 91px 0 0 36px; width: 169px; height: 349px; position: relative; background: url(images/monument_map.gif) top left no-repeat; border: 1px solid #757370; float: left; } .thumbnail img { margin: 0 5px 5px 0; } .thumbnail:hover { background-color: transparent; } .thumbnail:hover img { border: none; } .thumbnail span { /*CSS for enlarged image*/ position: absolute; left: -1000px; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span { /*CSS for enlarged image*/ visibility: visible; top: 0; left: 235px; /*position where enlarged image should offset horizontally */ z-index: 50; width: 334px;height: 271px; } /* Sidebar */ .blog-side-column,.page-side-column{background-color:#ebf3f7} .xoxo {margin: 12px} .xoxo h3{text-transform:uppercase;border-bottom:1px solid #e6e6e6} .xoxo li{font-size: 14px} #search{display: block;margin-bottom: 30px} .home #search{margin-bottom: 20px} #search-only-one-category{margin-top:20px} .search-input {margin-right: 5px} /* Footer */ footer{background:#f6f6f6;margin-top:12px !important} footer .copyright{display:block;color:#666;font-size:.825em;line-height: 1.4em;padding: 10px} /* Comments */ .comment-form-comment label{ display: block; } .form-allowed-tags { color: #888;font-size: .875em; } /* Images */ .aligncenter{display:block;margin:0 auto 15px auto} .alignleft{float:left;margin:0 15px 15px 0} .alignright{float:right;margin:0 0 15px 15px} .photo{float:right;margin:0 0 15px 15px;clear:right;padding:10px 10px 20px 10px;background-color: #f6f6f6;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .2);border-radius: 1px;} .photo-thumbnail{max-width:125px;clear:left;float:left;margin:0 15px 15px 0} .wp-caption{padding:10px;background-color: #f6f6f6;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .2);} .wp-caption img{width: 100%;border: 1px solid #888} .wp-caption-text{margin: 8px 0 0 0;font-size: .775em;font-weight: 700;color: #888} .aligncenter .wp-caption-text{text-align:center} .alignright .wp-caption-text{text-align:right} .alignleft .wp-caption-text{text-align:left} /* Galleries */ .gallery{padding-top:15px;display: block} .gallery-item{float:left;display: block;background: #f8f8f8; padding: 10px;box-shadow:3px 3px 6px 0px rgba(0,0,0,.2);margin: 0 18px 18px 0;border-radius: 1px} .gallery-item:hover{box-shadow:3px 3px 6px 0px rgba(0,0,0,.4);background-color: #fff} .gallery-item:hover .gallery-caption{color: #1073b9} .gallery-icon { float: none} .gallery-caption {display: block;text-align: center;margin: 0;padding: 0;line-height: 1.5em;float: none} .gallery-item img{width:210px;} .gallery-item a{display:block} .gallery-item img:hover{} .gallery br{display:none} .sidebar-gallery li {margin: 0; padding: 0} .sidebar-gallery-item{float:none;margin-right: 0} .sidebar-gallery-icon {float: none;height: 100px;overflow: hidden;display: block} .sidebar-gallery-item img{width:100%;margin-top: -10%} .gallery-index-item{display: inline-block;width:250px;margin-right: 15px} .gallery-index-icon {float: none;display: block} .gallery-index-item img{width:100%;} .gallery-index-item a{color: #888;text-decoration:none} .gallery-index-item a:active,.gallery-index-item a:focus,.gallery-index-item a:hover, .gallery-item:hover a {color:#1073b9} /* Gradients */ .gradient-topdown { background: rgb(145,182,242); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxYjZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2JiZDRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2ZiZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(145,182,242,1) 0%, rgba(187,212,244,1) 18%, rgba(247,251,252,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,182,242,1)), color-stop(18%,rgba(187,212,244,1)), color-stop(100%,rgba(247,251,252,1))); background: -webkit-linear-gradient(top, rgba(145,182,242,1) 0%,rgba(187,212,244,1) 18%,rgba(247,251,252,1) 100%); background: -o-linear-gradient(top, rgba(145,182,242,1) 0%,rgba(187,212,244,1) 18%,rgba(247,251,252,1) 100%); background: -ms-linear-gradient(top, rgba(145,182,242,1) 0%,rgba(187,212,244,1) 18%,rgba(247,251,252,1) 100%); background: linear-gradient(to bottom, rgba(145,182,242,1) 0%,rgba(187,212,244,1) 18%,rgba(247,251,252,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b6f2', endColorstr='#f7fbfc',GradientType=0 )} /* ============================================================================= responsive-nav.js v1.0.13 by @viljamis ========================================================================== */ #nav ul{margin:0;padding:0;width:100%;display:block;list-style:none} #nav li{width:100%;display:block;background-color: #e7f2fa;padding: 2px 10px;border-top: 1px solid #a8a8a8} #nav li ul {width:100%;display:block;margin:0} .js #nav{clip:rect(0 0 0 0);max-height:0;position:absolute;right:0;display:block;overflow:hidden;zoom:1} #nav.opened{max-height:9999px} #nav-toggle{display: block;text-align: right;text-transform: uppercase;font-weight: 700;font-size: 12px;padding:8px 5px; border: 1px solid rgba(0,0,0,0.5); border-bottom: 3px solid rgba(0,0,0,0.5); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(images/logo_hrs.gif) no-repeat 5px 5px #ebf6fe; background-size: 53px 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);} @media screen and (min-width:40em){ .js #nav, .jumpnav{display:none} #nav-toggle{display:none} /* END -- @media screen and (min-width:40em) */} @media screen and (max-width:40em){ nav{display:none} header{background-image:url(none);min-height:70px} #nav li a {font-weight: 700} #nav li li a {font-weight: 400} #nav .current_page_item a {color: #888;font-weight: 700} #nav .current_page_item .sub-menu a {color: #069;font-weight: 400} #nav .current_page_item .sub-menu a:active,#nav .current_page_item .sub-menu a:focus,#nav .current_page_item .sub-menu a:hover{color:#65a4d1} #nav .current_page_ancestor .current_page_item a {color: #888;font-weight: 700} #nav .current_page_item a:before, #nav .current_page_ancestor .current_page_item a:before {content:'\BB \A0'} #nav .current_page_item .sub-menu a:before {content:none} #breadcrumbs {display:none} .jumpnav{display:block} #nav .search {padding-top: 8px;padding-bottom: 8px} #nav .search #s {margin-right: 5px} /* END -- @media screen and (max-width:40em) */} /* ==|== media queries ====================================================== ========================================================================== */ /* Flash handling for iPad */ @media all and (-webkit-min-device-pixel-ratio: 2) and (device-width: 768px) and (device-height: 1024px) and (device-aspect-ratio: 3/4) { .flash{display:none} .no-flash{display:block} /* END Flash handling for iPad */} /* 1024 viewport — desktop computers;non-retina pads in landscape mode ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (max-width:1024px){ nav ul a{padding:10px 14px 24px 14px;font-size:20px} .aviation-nav a {display: block;width:100%;float:none; text-align: center; text-transform: uppercase;font-size: 1.2em;padding: 4px 0} /* End 1024 viewport */} /* 1024 viewport — retina ipad in portrait mode ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (max-device-width:2048px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){ /* End ipad 1024px viewport */} /* 1024 viewport — retina ipad in landscape mode ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (max-device-width:2048px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){ /* End ipad 1024px viewport */} /* 800 viewport — non-retina devices in portrait mode ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (max-width:800px){ body{font-size:16px;-webkit-text-size-adjust:none} header h1 {height: auto} .weatherbug {position: static;top: 0;right: 0;width:100%;text-align: center;height: auto} #noaa-weather p.noaa_current,#noaa-weather p.noaa_temp,#noaa-weather p.noaa_humidity,#noaa-weather p.noaa_wind,#noaa-weather p.noaa_windchill, #noaa-weather p.noaa_dewpoint {display: inline-block;line-height: 1.2em;margin-bottom: 0 !important;font-size: 12px;color: #85accd} #noaa-weather p.noaa_humidity:before,#noaa-weather p.noaa_wind:before,#noaa-weather p.noaa_windchill:before, #noaa-weather p.noaa_dewpoint:before {content: ' \A0 | \A0'} #noaa-weather p.noaa_icon img{display: none;} #noaa-weather p.noaa_current{display: block;text-align:center !important;width: 100%} nav ul a{padding:10px 10px 24px 10px;font-size:17px} .row,body,.container{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px} .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} .addthis_toolbox {width: 184px;float: none;margin:10px 20px 0 20px;display: block} .xoxo {margin: 0;display: block} #content .xoxo {padding: 12px 0} .aligncenter,.alignleft,.alignright,.photo,.photo-thumbnail{max-width:100%;clear:both;float:none;margin:15px 0} /* End 800 viewport */} /* 640 viewport — non-retina devices in portrait mode ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (max-width:640px){ #home-banner {display: none} .addthis_toolbox {margin:10px auto !important} .doclist .postarea li {width: 33%} header{min-height:90px} .weatherbug {display: none} .home .weatherbug {display: block} /* End 640 viewport */} /* 480 viewport — phones ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (max-width:480px){ .doclist .postarea li {width: 50%} header{min-height:90px} .blogroll li {display: block;float: none} .blogroll li {width: 100%;margin-right: 0} .ginput_left, .ginput_right{width: 100% !important;display: block;clear: both;float: none} .aviation-nav {max-width: 100%} /* End 480 viewport */} /* 360 viewport — phones ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (max-width:360px){ .doclist .postarea li {width: 100%;float: none} header{min-height:60px} /* End 360 viewport */} /* SPECIAL A — retina display iphones settings for images ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ ‡ */ @media only screen and (-webkit-min-device-pixel-ratio:2){ /* End SPECIAL A */} /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir{display:block;overflow:hidden;border:0;background-color:transparent;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;*line-height:0} .ir br{display:none} /* Hide from both screenreaders and browsers:h5bp.com/u */ .hidden{display:none !important;visibility:hidden} /* Hide only visually,but have it available for screenreaders:h5bp.com/v */ .visuallyhidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;padding:0;width:1px;height:1px;border:0} /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */ .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;overflow:visible;clip:auto;margin:0;width:auto;height:auto} /* Hide visually and from screenreaders,but maintain layout */ .invisible{visibility:hidden} /* Contain floats:h5bp.com/q */ .clearfix:before,.clearfix:after{display:table;content:''} .clearfix:after{clear:both !important} .clearfix{*zoom:1} /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection:h5bp.com/r ========================================================================== */ @media print{ *{background:transparent !important;box-shadow:none !important;color:black !important;text-shadow:none !important;-ms-filter:none !important;filter:none !important} body{color:#000} a,a:visited{text-decoration:underline} .ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''} /* Don't show links for images,or javascript/internal links */ pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} /* h5bp.com/t */ tr,img{page-break-inside:avoid} img{max-width:100% !important} @page{margin:0.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} #wrap{width:auto} nav,#banner,#searchform,.searchp,.slider{display:none !important} #content{margin-top:10px} #content img{max-width:100%;height:auto} h2,h3,h4,h5,h6{margin-top:25px} footer{background:url(none);border-top:2px solid #888;width:100%;margin-top:-185px;height:auto} .gallery:before,.gallery:after{display:table;content:''} .gallery:after{clear:both !important} .gallery{*zoom:1} .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} }