/* ============================================================================= normalize.css ========================================================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}::-moz-selection{background:#28aae1;color:#fff;text-shadow:none}::selection{background:#28aae1;color:#fff;text-shadow:none}a:hover{color:#06e}a:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{padding:0;-webkit-padding-start:0;}dd{margin:0;-webkit-margin-start:0;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:valid,textarea:valid{}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td, td img { vertical-align:top; } /* ============================================================================= utility classes ========================================================================== */ .chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0}.clearfix:before,.clearfix:after{content:"";display:table} .clearfix:after{clear:both} .clearfix{*zoom:1} /* ============================================================================= Application Definitions ========================================================================== */ html { overflow-y:scroll; } body { background: url(../images/header/bg-x.gif) repeat-x top center; font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:100%; line-height:1.5; color:#4d4e53; } body.logged-in { background-position: center 65px;} a { text-decoration:none; } a:hover, a:focus, a:active { color:#666; text-decoration:underline; } h1 { color:#a31320; font: 1.8em/1 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; } h2 { font: 2.7em/1 'Gotham Cond A', 'Gotham Cond B'; font-weight: 600; font-style: normal; text-transform:uppercase; color:#c71c2d; margin:0; } h3 { font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; text-transform:uppercase; color:#a31320; text-align:center; margin:0; padding:0 0 .4em 0; font-size: .95em; line-height:1.2; } h4 { font-weight: normal; } h5 { } p { margin:0; padding:0 0 .8em 0;} /* === layout === */ #page .inner { margin-top:35px; padding-bottom: 50px;} .sidebar-second #page .inner { background: url(../img/sidebar-right.gif) 679px 0px repeat-y;} .inner { width:934px; padding:0px 15px; margin: 0px auto; } .inner:after{clear:both; content:""; display:table;} .main-content, .sidebar-left, .sidebar-right { float:left; } .sidebar-second .sidebar-left { display:none;} .sidebar-second .main-content { width:640px; margin-right:24px;} .sidebar-second .sidebar-right { width:250px; padding: 20px 10px; border-top: 4px solid #e2e1dd;} /* === header === */ .share #header { box-shadow: none;} #brand { width:305px; margin-right:15px; float:left; margin-top: 48px;} #nav { width:614px; height:96px; float:left; position:relative;} /* === navigation === */ #header #utility-links { float:right; margin-right:15px; margin-top:3px; } #header #utility-links li { margin-left:30px; float:left; } #header #utility-links li:last-child { margin-right:0px;} #header #utility-links a { font-size:.75em; font-family:'Gotham SSm A', 'Gotham SSm B'; color:#FDE8E2; } #header #utility-links a:hover { text-decoration: underline; } #header #social-media-top { float:left; margin-left:20px; margin-top:2px; } #header #main-menu-links { position:absolute; right:0px; bottom:0px; height:50px; margin:0; padding:0;} #header #main-menu-links li { float:left; margin-right:15px; border-radius:3px 3px 0px 0px; list-style-image:none; list-style-type: none; } #header #main-menu-links li a { color: #fff; height:24px; box-shadow: inset 0 0 6px rgba(0,0,0,.1); font: 24px/24px 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform:uppercase; background:#a31320; border-radius:3px; width:96px; padding:8px 10px 6px 10px; text-align:center; display:block; -webkit-transition: padding-bottom 0.1s ease-in-out;} #header #main-menu-links li:hover a, #header #main-menu-links li.active:hover a { background-color:#fff; margin-bottom:0px; padding-bottom:22px; color:#000000; text-decoration:none; box-shadow: none; border-radius:3px 3px 0 0; } #header #main-menu-links li.last { margin-right:0px; } #header #main-menu-links li.last a { width:21px; height:24px; background: url(../images/header/search-icon.png) no-repeat 0px 0px #a31320; text-indent:-9999px;} #header #main-menu-links li.last:hover a, #header #main-menu-links li.last.on a { background-position: 0 -33px; margin-top:0px; background-color:#fff; box-shadow: none;} #header #main-menu-links li.active a { background-color: #fff; color:#a31320; padding-bottom:8px; } #header #main-menu-links li.on { background-color:#fff; padding-top:0px;} #header #main-menu-links li.on a { background-color: transparent; color:#000000; box-shadow: none; padding-bottom:20px;} .menu-block ul { margin:0; padding:0;} .menu-block li { list-style: none; list-style-image: none; margin:0; padding:0;} #header #subnav { clear:both; padding:6px 0; min-height:35px; overflow:hidden; position:relative; } #header #subnav > div { display:block; visibility: hidden; opacity:0; margin-top:-10px; -webkit-transition: margin-top .1s ease-in-out; position:absolute; top:6px; left:0px; width:100%;} #header #subnav .block.hover, #header #subnav .menu-block.hover { visibility:visible; display:block; opacity:1.0; margin-top:0px;} #header #subnav ul { text-align:center; padding:6px 0;} #header #subnav li { display:inline-block; padding: 0px 7px; float:none;} #header #subnav li:first-child { padding: 0px 12px 0px 0px;} #header #subnav li:last-child { padding: 0px 0px 0px 12px;} #header #subnav li a { color:#4d4e53; font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; } #header #subnav li a:hover { text-decoration: underline; } #header #subnav li.active a { color:#c71c2d; } #search-block { float:right; text-align:right;} #search-block label { display:inline-block; margin-right:15px; } #search-block .input-box { display:inline-block; background:#fff; border-radius:3px; border:1px solid #cdcdcd; padding: 6px; height:21px; } #search-block input { border: 0px none; background:#fff; color:#afafaf; padding:0; margin:0; display:inline-block; height:21px; vertical-align:top; } #search-block .submit-input { width:21px; background: url(../images/header/submit.png) no-repeat 0px 0px;} /* === footer === */ #pre-footer { background: #c71c2d; color:#fff; } #pre-footer .inner { height: 80px; } #pre-footer #social-media-bottom { margin-top: 20px; } #pre-footer .block { float: left; } .connect-wrap { padding:10px 0;} .connect-wrap h4 { float:left; margin-right:15px;} #pre-footer .icon { width:36px; height:36px; display:inline-block; text-indent: -9999px; background-position:0px 0px; background-repeat:no-repeat; margin: 10px 6px 0px 6px; } #pre-footer .icon.twitter { background-image: url(../images/footer/twitter.png);} #pre-footer .icon.facebook { background-image: url(../images/footer/facebook.png);} #pre-footer .icon.youtube { background-image: url(../images/footer/youtube.png);} #pre-footer .icon.pinterest { background-image: url(../images/footer/pinterest.png);} #pre-footer .icon.instagram{ background-image: url(../images/footer/instagram.png);} #pre-footer .icon.linkedin{ background-image: url(../images/footer/linkedin.png);} .modal-desktop { z-index: 1001; width: 500px; height: 330px; background-color: #e9e9e9; box-shadow: 5px 5px 3px #c7c7c7; -webkit-box-shadow: 5px 5px 3px #c7c7c7; moz-box-shadow: 5px 5px 3px #c7c7c7; text-align: left; padding: 50px 30px 0 30px; margin: auto; top: 25%; position: relative; } .modal-mobile { z-index: 1001; width: 90%; height: 250px; background-color: #e9e9e9; box-shadow: 5px 5px 3px #c7c7c7; -webkit-box-shadow: 5px 5px 3px #c7c7c7; moz-box-shadow: 5px 5px 3px #c7c7c7; text-align: left; padding: 50px 30px 0 30px; margin: auto; top: 20%; position: relative; } .modal-desktop h3 { text-align: left; line-height: 1em; color: #b40009; font-family: 'Gotham Cond A', 'Gotham Cond B'; font-weight: 600; font-style: normal; font-size: 2.5em; margin: 0 0 50px 0; padding: 0; } .modal-desktop p { color: #868686; font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1.5em; margin: 0 0 30px 0; padding: 0; } .modal-desktop img { float: right; cursor: pointer; } .modal-desktop img:nth-of-type(2) { margin-right: 10px; } .modal-mobile h1 { color: #b40009; font-family: 'Gotham Cond A', 'Gotham Cond B'; font-weight: 600; font-style: normal; font-size: 2em; margin: 0 0 20px 0; padding: 0; } .modal-mobile p { color: #868686; font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 1em; margin: 0 0 30px 0; padding: 0; } .modal-mobile img { float: right; cursor: pointer; } .modal-mobile img:nth-of-type(1) { margin-right: 25px; } .modal-mobile img:nth-of-type(2) { margin-right: 10px; } .club-block { float: right; text-align: right; padding-top: 12px; } .club-block .club-text { display: block; float: left; margin: 10px 15px 0 0; position: relative; } .club-block .club-text-under p { padding: 0; text-align: center; } .club-block .club-text img { position: relative; top: -1px; left: -5px; cursor: pointer; } .club-block .club-text input { font-style: italic; font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; color: gray; padding: 7px; -webkit-box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 2px 2px 2px 0px #dddddd; box-shadow: inset 2px 2px 2px 0px #dddddd; } .club-block .club-button { display: block; float: left; background: white; border-radius: 3px; border: 1px solid #CDCDCD; padding: 10px 20px; height: 21px; color: black; font: 24px/24px 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; } .club-block .club-button:hover { text-decoration: none; color: #A31320; } .search-block { text-align:right;} .search-block label { display:inline-block; width:180px; margin-right:15px; } .search-block .input-box { display:inline-block; background:#fff; border-radius:3px; border:1px solid #cdcdcd; padding: 6px; height:21px; } .search-block input { border: 0px none; background:#fff; color:#afafaf; padding:0; margin:0; display:inline-block; height:21px; vertical-align:top; } .search-block .submit-input { width:21px; background: url(../images/header/submit.gif) no-repeat 0px 0px;} #footer { background: url(../images/footer/footer-bg.gif) repeat top center; padding:30px 0; } #footer .block-menu-block { float:left; width:170px; margin-right:15px;} #footer .block-menu-block h2 { margin:0; padding: 0 0 .3em;} #footer .block-menu-block h2 a { color:#fff; font-size:.75em; } #footer .block-menu-block h3 { margin: -5px 0 -5px; padding: 0; text-align: left; } #footer .block-menu-block h3 a { color: white; font-size: 15px; font-weight: normal; } #footer .block-menu-block ul { padding: 0; margin: 0;} #footer .block-menu-block li { line-height:1.1; padding:0 0 8px 0; margin:0; list-style-image: none; list-style-type:none;} #footer li a { color: #fde8e2; font-size: 0.8em; line-height: 1.4em; } #block-block-2 { clear: both; padding-top: 18px; margin-bottom: 0; } /* === elements === */ .sidebar-right .block { margin-bottom: 40px;} #comment_field {position: relative; right: 462px;} #hero { width:934px; margin:0px auto; position:relative; } .flexslider.hero-thumbs { position:absolute; top:433px; width:100%;} .flexslider.hero-thumbs li { border:2px solid #fff; margin-right: 15px; border-radius:3px; box-shadow: -1px 1px 1px #E5E5E5;} .flexslider.hero-thumbs li.flex-active-slide { border:2px solid #c71c2d;} .promo-pods {} .promo-pods.half .pod:nth-child(odd) { clear:both;} .promo-pods.third .pod:nth-child(3n) { margin-right:0px;} .promo-pods.third .pod:nth-child(3n+4) { clear:both;} .pod { margin:0 30px 17px 0; float:left; width:290px;} .pod p, .sidebar-right p { font-size:.9em; line-height:1.3; text-align:center; color:#4d4e53;} .pod-img { padding-bottom:10px;} a.red-arrow { font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; color:#c71c2d; font-weight:bold; background: url(../img/red-arrow.png) no-repeat 100% 0px; padding:0px 18px; } #blog-roll { background: url(../img/dotted-rule.gif) top left repeat-x; padding-top:30px;} .date { color:#afafaf; padding-bottom: 30px; } /* ============================================================================= print reset styles ========================================================================== */ @media print{ *{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:"("attr(href) ")"} abbr[title]:after{content:"("attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} 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}}