/* Theme Name: New Castle */ /* ========================= 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;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} html, body { height:100%; width:100%; margin:0; font-family: museo_slab500, serif; text-align: center;font-size: 125%; padding:0; background: #eeead1 url(images/bg_main.jpg) repeat-x; background-position: center top} body {font-size: 50%; color:white; } #container {width:100%; padding: 0; text-align: center; min-height:100%; position:relative; background: url(images/bg_header.png) repeat-x} #content {width:100%; margin: 0; text-align: left; position: relative; overflow: hidden; } #header {width:1200px; padding:0px; margin: 0 auto; height: 218px; position:relative; } #headerNav {float:right; width: 0px;} #headerLogoArea {position:absolute; top:0; left:0; width:363px; height:261px; z-index: 500;} #mainContent {margin:0; padding:0;} #headerSubNav {width:337px; height:411px; background: url(images/bg_subNavBacking2.png) no-repeat; position: relative; z-index: 450; top:-100px; left:13px;} /* ========================= font styles =========================*/ @font-face { font-family: 'museo_slab300'; src: url('fonts/museo_slab_300-webfont.eot'); src: url('fonts/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_300-webfont.woff') format('woff'), url('fonts/museo_slab_300-webfont.ttf') format('truetype'), url('fonts/museo_slab_300-webfont.svg#museo_slab300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo_slab300_italic'; src: url('fonts/museo_slab_300italic-webfont.eot'); src: url('fonts/museo_slab_300italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_300italic-webfont.woff') format('woff'), url('fonts/museo_slab_300italic-webfont.ttf') format('truetype'), url('fonts/museo_slab_300italic-webfont.svg#museo_slab300_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo_slab500'; src: url('fonts/museo_slab_500-webfont.eot'); src: url('fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#museo_slab500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo_slab500_italic'; src: url('fonts/museo_slab_500italic-webfont.eot'); src: url('fonts/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_500italic-webfont.woff') format('woff'), url('fonts/museo_slab_500italic-webfont.ttf') format('truetype'), url('fonts/museo_slab_500italic-webfont.svg#museo_slab500_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo_slab700'; src: url('fonts/museo_slab_700-webfont.eot'); src: url('fonts/museo_slab_700-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_700-webfont.woff') format('woff'), url('fonts/museo_slab_700-webfont.ttf') format('truetype'), url('fonts/museo_slab_700-webfont.svg#museo_slab700') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo_slab700_italic'; src: url('fonts/museo_slab_700italic-webfont.eot'); src: url('fonts/museo_slab_700italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_700italic-webfont.woff') format('woff'), url('fonts/museo_slab_700italic-webfont.ttf') format('truetype'), url('fonts/museo_slab_700italic-webfont.svg#museo_slab700_italic') format('svg'); font-weight: normal; font-style: normal; } p {font-size: 1.7em; color:#202020; line-height: 24px; text-align: left; margin:0 0 10px 0; font-family: museo_slab300, serif;} h1 {font-size:3.6em; font-family: museo_slab300, serif; color: #d04b40; font-weight: normal; margin:20px 0 20px 0; padding:2px 0 0 0 ; text-transform: lowercase;} h2 {font-size:2.1em; font-family: museo_slab500, serif; color: #333; font-weight: normal; margin:20px 0 10px 0; padding:0; line-height: 26px;} h3 {font-size:2.0em; font-family: museo_slab500, serif; color: #000; font-weight: normal; margin:0px 0 10px 0; padding:0; line-height: 26px; text-transform: uppercase} h4 {font-size:1.3em; font-family: museo_slab500, serif; color: #d04b40; font-weight: normal; margin:0; padding:0; line-height: 26px; text-transform: uppercase; } h5 {font-size:3.0em; font-family: museo_slab300, serif; color: #d04b40; font-weight: normal; margin:0px 0 10px 0; padding:0; line-height: 26px; text-transform: lowercase} ul {padding:0; margin:0;} li {font-size:1.2em; line-height:16px; color:#666;} a, a:link, a:visited {color:#000; text-decoration: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;} a:hover {color:#ce483e;} b, strong {font-family:museo_slab700 } i, em {font-family:museo_slab500_italic} #clear {clear:both} hr.thinLine {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);} hr.simpleLine {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin:10px 0; } hr.redLine {border: 0; height: 0; border-top: 1px solid #cf493f; border-bottom: 1px solid #fff; margin:5px 0; } .date {font-size: 1.2em; font-family:museo_slab300, serif; margin:0 0 -15px 0; color:#000; display: block } .newsTitle {font-size: 1.6em; font-family:museo_slab500, serif; text-transform: uppercase; line-height: 26px } .newsTitle:hover {color:#cf493f} #interactiveSlider {height:470px; width:100%; position: relative; margin:-30px 0 0 0; z-index: 1} .emphasis {font-size: 1.4em; font-family: museo_slab300_italic; font-style: italic; font-weight: normal; color:#000; line-height: 36px } ::selection {background: #c9ddd2; /* Safari */ } ::-moz-selection {background: #c9ddd2; /* Firefox */} #bandHotelButton {font-size: 1.8em; background: url(images/butt_readMore.png) no-repeat; background-position: right top; position: absolute; top:200px; left:20px; color:#e5e0cc; height:22px; width:280px; text-align: left; padding:8px 0 0 0; text-transform: uppercase} #recordingStudioButton {font-size: 1.8em; background: url(images/butt_readMore.png) no-repeat; background-position: right top; position: absolute; top:250px; left:20px; color:#e5e0cc; height:22px; width:280px; text-align: left; padding:8px 0 0 0; text-transform: uppercase} #bandHotelButton:hover, #recordingStudioButton:hover {background-position: -30px; color:#fff;} #headerSubNav ul {position:absolute; top:178px; left:28px;} #headerSubNav li {list-style: none; text-align: left; display: block} #headerSubNav li a {color:#fff; font-size: 1.4em; background: url(images/butt_readMore.png) no-repeat; background-position: right top; height:20px; width:275px; display: block; margin:0 0 20px 0; padding:10px 0 0 0; text-transform: uppercase; -webkit-transition: none; -moz-transition: none;} #headerSubNav li a:hover {background-position: -30px;} #headerSubNav li a:last-child {margin:8px 0 20px 0} .size-medium {margin:0 5px 10px 5px; padding:2px; background-color: #fff; border: solid 1px #ccc; float:left; max-width: 275px;} /* ========================= slider home main =========================*/ /* h1.blogIcon {background: url(images/icon_blog.png) no-repeat; padding:10px 0 0 40px; height:40px;} h5.pics {background: url(images/icon_pics.png) no-repeat; padding:10px 0 0 50px; height:40px; background-position: 4px 0px} h5.plane {background: url(images/icon_plane.png) no-repeat; padding:10px 0 10px 60px; height:40px; margin:30px 0 0 0} h5.train {background: url(images/icon_train.png) no-repeat; padding:10px 0 10px 45px; height:40px; margin:30px 0 0 0} h5.car {background: url(images/icon_car.png) no-repeat; padding:0px 0 10px 50px; height:40px; margin:30px 0 0 0} h5.archive {background: url(images/icon_archives.png) no-repeat; padding:5px 0 10px 40px; height:40px; margin:30px 0 0 0} h5.archives {background: url(images/icon_archive.png) no-repeat; padding:5px 0 10px 50px; height:40px; margin:30px 0 0 0} */ /* This class is removed after the showcase is loaded */ /* Assign the correct showcase height to prevent loading jumps in IE */ .showcase-load { height: 470px; /* Same as showcase javascript option */ overflow: hidden; } /* Container when content is shown as one page */ .showcase-onepage { /**/} /* Container when content is shown in slider */ .showcase { position: relative; margin: auto; z-index: 10; background: #383838; } .showcase-content-container { min-height: 100px; margin:-1px 0 0 0 } /* Navigation arrows */ .showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url('images/arrows.png'); width: 66px; height: 66px; top: 190px; cursor: pointer; } .showcase-arrow-previous { left: -120px; } .showcase-arrow-previous:hover { background-position: 0px -67px; } .showcase-arrow-next { right: -133px; background-position: -67px 0; } .showcase-arrow-next:hover { background-position: -67px -67px; } /* Content */ .showcase-content { background-color: #000; text-align: center; } .showcase-content-wrapper { text-align: center; height: 470px; width: 1280px; display: table-cell; vertical-align: middle; } .showcase-plus-anchor:hover { background-position: 0 0; } div.showcase-tooltip { background-color: #fdfdfd; color: #000; text-align: center; padding: 5px 5px; display: inline; -webkit-border-radius: 4px; border-radius: 4px; font-size: 1.4em; line-height: 18px;} /* Styling the caption */ .showcase-caption { color: #000; padding: 8px 15px; text-align: left; position: absolute; bottom: 10px; left: 10px; right: 10px; display: none; background-image: url(images/white-opacity-80.png); } /* Button Wrapper */ .showcase-button-wrapper { clear: both;margin-top: 10px; text-align: center; } .showcase-button-wrapper span { margin:0 2px; /*display: inline;*/ cursor: pointer; background: url(images/buttons.png) no-repeat; width:16px; height:16px; overflow: hidden; padding:0px 5px 2px 5px; font-size: 12px;} .showcase-button-wrapper span.active { background-position: 0 -19px; color:#45826c } /* Hide button text */ .showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span {display: none;} .showcase-content-container {padding-top: 0px; /*width: 2000px; */ height: 470px; } .showcase-content {background-color: inherit;} .showcase-onepage .static-caption {background-color: #dfdfdf; color: #333;} /* Navigation arrows */ .showcase-arrow-previous, .showcase-arrow-next {z-index: 20;} .showcase-arrow-previous {left: 30px;} .showcase-arrow-next {right: 30px;} /* Thumbnails */ .showcase-thumbnail-wrapper { overflow: hidden; margin: auto;} /* Caption */ .static-caption {text-align: left; font-size: 11px; color: #e0e0e0; padding: 10px 0; margin: 0;} /* ========================= home =========================*/ #externalLinks {position: fixed; top:68px; margin:0 0 0 10; z-index: 5;} #bandHotel {background: url(images/butt_bandHotel.png) no-repeat; width:146px; height:41px; float:left; margin:0 0 0 2px} #bandHotel:hover {background-position: 0 -43px;} #musicStudio {background: url(images/butt_musicStudio.png) no-repeat; width:156px; height:41px; float:left; margin:0 0 0 2px;} #musicStudio:hover {background-position: 0 -43px;} #contentContainer {width:960px; margin:0 auto; padding:30px 0 0 0;} #contentContainerHeader {width:960px; margin:0 auto; padding:10px 0 0 0;} #contentHeader {width:100%; height:35px; margin:0; padding:0;} #contentSubHeader {width:100%; height:35px; margin:0; padding:0;} #homeHeader {margin:0px; width:100%; padding:20px 0 0 0; overflow: hidden; text-align: left; } #contentContainerHome {margin:0px; width:100%; padding:20px 0 0 0; overflow: hidden; text-align: left; } #contentContainerSub {margin:0px; width:100%; padding:20px 0 0px 0; overflow: hidden; text-align: left; background: url(images/bg_main_sub2.jpg) repeat center top;} #contentContainerSub img {float:left;} #homeColumn {float:left; width:395px; margin:30px 40px 50px 0; border:solid 0px #ff0000} #homeColumnWide {float:left; width:500px; margin:30px 0px 0 0; border:solid 0px #ff0000} #homeColumn ul, #homeColumnWide ul {margin:5px 0 20px 0} #homeColumn ul li, #homeColumnWide ul li {margin:0 0 50px 0; display: block; padding:0 0 20px 0} #homeColumnWide p {font-size: 1.3em;} #homeColumneWide h2 {color:#d04b40 !important; font-family: museo_slab300, serif; font-size: 3.0em; } #subColumn {float:left; width:590px; margin:0 40px 0 0; border:solid 0px #ff0000; } #subColumnEnd {float:left; width:320px; margin:30px 0px 0 10px; border:solid 0px #ff0000} .mobileVersion {display: none;} #homeTesti {float:right; background-color: rgba(255,255,255,0.8); padding:10px 10px; font-size: 1.6em; font-family: museo_slab500, serif; width:420px; margin: 0px 0px 0 0; line-height: 26px; color:#000; position: absolute; top:400px; right:200px; z-index: 100} #pageTitle {float:left; font-family: TrumpGothicEastBold, serif; font-size: 6.0em; position: absolute; z-index: 100; text-transform: uppercase; color:#fff; text-shadow: 0px 1px #000; margin:-130px 0 0 0px } #backgroundImages {position: absolute; z-index: 0;} .wp-caption {float:right; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #efefef; padding:5px; margin:5px; text-align: center} .wp-caption p {text-align: center; line-height: 16px; margin:5px 0} #panel {width:300px; padding:0px; margin:20px 0 0 0; box-shadow: 0px 1px #000; border-top:solid 1px #666; background-color: #333} .rounded {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #blogContainer li {list-style: none; padding:15px 10px 15px 20px; margin:0 0 0 0px; border-bottom: solid 1px #666; font-size: 1.1em; font-family: museo_slab500, serif; color:#fff;} #blogContainer li p {color:#fff; font-size: 1.3em} #blogContainer li .date {padding:0 0 0 0px; font-size: 1.0em; background-position: 0px; color:#ccc} #blogContainer li:last-child {border-bottom: none;} #blogContainer li a {font-size: 1.3em; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.1s ease-in; display: block; color:#efefef; line-height: 20px} #blogContainer li:hover {background: #000;} #blogContainer li:first-child:hover {-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;} #blogContainer li:last-child:hover {-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;} .theTitle {font-size: 1.2em; padding:0 0 10px 0; display: block} .blogFullPost img {padding:0; margin:5px; float:left;} #twitterArea {margin:20px 0 0 0; font-size:1.2em; color:#999;} #twitterArea h1 {border-bottom: solid 1px; width:100%; font-size: 2.0em; font-family: OmnesMedium, serif } #twitterArea h1 img {padding:0 0 0 5px} #twitterAvatar {width:40px; height:60px; float:left; background: url(images/icon_twitterUser.png) no-repeat;} #twitterAvatar img {border: solid 0px #fff; opacity:0.4} #twitterArea ul {margin:5px 0 0 0; padding:0;overflow: hidden} #twitterArea li {display: inline; float:left; width:300px; margin:0px 0px 20px 0px; list-style: none;} #twitterArea a {color:#ccc} #twitterArea a:hover {color:#ffb400} #tweetContent {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333; float:left; width:200px; padding:10px; line-height: 16px; margin:0 0px 0 11px; color:#fff; font-size: 1.1em; font-family: museo_slab500, serif} #listFloat {float:left; width:280px;} #listFloatFull {float:left; width:500px;} #listFloat ul li, #listFloatFull ul li {list-style: square; margin:0 0 0 20px; padding:0; /*display: block;*/ font-size: 1.6em; line-height: 26px; display: list-item; color:#000; font-family:museo_slab300, serif; } #lineTop {width:100%; background: url(images/lineTop.png) repeat-x; background-position: center top; height:64px; position: absolute; top:-25px; z-index: 100} #lineBottom {width:100%; background: url(images/lineBottom2.png) repeat-x; background-position: center top; height:111px; position: absolute; top:430px; z-index: 100} /* ========================= about =========================*/ #contentContainer .aboutPage img {border: solid 1px #666; padding:1px; margin:5px; } h2.titBlog {background: url(images/icon_posts.png) no-repeat; padding:5px 0 0 45px} h2.titArchive {background: url(images/icon_archive.png) no-repeat; padding:5px 0 0 45px} #vision {border-top:solid 1px #000; border-bottom:solid 1px #000; margin:30px 0 30px 0; padding:20px} /* ========================= events =========================*/ a.redreadMore {float:left; background: #ce483e; color:#fff; padding:8px 30px; font-size: 1.0em; /*border: solid 0px #000;*/ text-transform: uppercase; text-shadow: 0px 1px #000; font-family: museo_slab500, serif; margin:20px 0 40px 0; box-shadow: 0px 3px #a6140f; border-radius:4px; -moz-border-radius:4px; border: solid 1px #a6140f} a.redReadMore:hover {background: #c1453c; margin:20px 0 40px 0px; box-shadow: 0px 1px #a6140f} a.readMore {float:left; background: url(images/butt_readMore.png) no-repeat; color:#cd473d; padding:6px 0px 0 35px; font-size: 1.3em; text-shadow: 0px 1px #fff; font-family: museo_slab500, serif; height:24px; -webkit-transition: none; -moz-transition: none;} a.readMore:hover {background-position: 0 -30px; color:#000;} #eventContent a.readMore {font-size: 1.6em;} #eventContainer {overflow: hidden; margin:15px 0 30px 0; padding:0 0 30px 0; border-bottom: solid 1px #efefef; width:600px;} #eventPhoto {width:590px; float:left; border:none; background: none; margin:0 0 0 -5px;} #eventPhoto img { border:none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #eventContent {width:595px; float:left;} #eventContent h1 {color:#000; font-size: 1.4em} #eventDate {color:#000; font-size: 1.5em; float:left; height:20px; padding:8px 0 0 5px; position: relative} #cal {background: url(images/icon_cal.png) no-repeat; color:#000; position: absolute; height:30px; left:0; width:26px; top:0; padding:10px 0 0 0px; text-align: center} #eventTime {color:#000; float:right; font-size: 1.5em; padding:8px 0 0 35px; background: url(images/icon_clock.png) no-repeat; height:20px;} #calWhite {background: url(images/icon_calWhite.png) no-repeat; color:#fff; position: absolute; height:30px; left:0; width:26px; top:0; padding:10px 0 0 0px; text-align: center} #eventTimeWhite {color:#fff; float:right; font-size: 1.2em; padding:8px 0 0 35px; background: url(images/icon_clockWhite.png) no-repeat; height:20px;} #featuredEventContainer {float:left; top:99px; position: relative; margin:0 0 0 -20px; padding:10px; background-color: rgba(0,0,0,0.8); } #featuredEventContainer #eventContent p, #featuredEventContainer #eventContent h1, #featuredEventContainer #eventContent #eventDate {color:#fff;} #featuredTitle {color:#fff; font-size: 1.4em; margin:-42px 0 20px -10px; background-color: rgba(0,0,0,0.8); height:24px; width:120px; padding:8px 15px 0 15px; text-transform: uppercase} #eventPhotoMobile {display:none; border:none; background: none;} /* ========================= tour =========================*/ #videoContainer { height:450px; margin:-300px auto -150px auto; width:950px; text-align: center;} #subColumnEnd h2 {text-transform: uppercase; font-size: 1.4em;} #subColumnEnd h2.plane {background: url(images/icon_plane.png) no-repeat; padding:0 0 0 35px; margin:20px 0 10px 0} #subColumnEnd h2.car {background: url(images/icon_car.png) no-repeat; padding:0 0 0 35px; margin:20px 0 10px 0} #subColumnEnd h2.train {background: url(images/icon_train.png) no-repeat; padding:0 0 0 35px; margin:20px 0 10px 0} #map {width: 100% !important;} #mapviewer {width:100%; height:470px;} #mapfooter {width:273; height:198px; position: absolute; top:50px; left:0px;} /* ========================= main navigation =========================*/ .topNav {margin:130px 0 0 0; overflow: hidden; text-align: center; display: table; width:800px; float:right;} .topNav #menu-icon {display:none;} .topNav li {list-style: none; color:#000; padding:0px; text-align: center; display: inline} .topNav li a {text-decoration: none; color:#000; display: inline; float:left; padding:12px 19px 12px 19px; font-size: 1.3em; font-family:museo_slab500, serif; text-transform: uppercase; } .topNav li a:hover {color:#ce483e; text-shadow: #f8695f} .topNav li.current_page_item a {color:#ce483e; text-shadow: 0px 1px #f8695f;} #lang_sel_list {position: absolute; top:8px; left:590px; color:#000; font-size: 1.1em; text-transform: uppercase} #lang_sel_list li {list-style: none; display: inline !important; /*margin:0 20px 0 0*/ } #headerSocial {position: absolute; top:5px; left:838px;} #headerSocial #twitter {background: url(images/butt_header_twitter.png) no-repeat; width:27px; height:27px; float:left; margin:0 5px 0 0} #headerSocial #facebook {background: url(images/butt_header_facebook.png) no-repeat; width:27px; height:27px; float:left; margin:0 5px 0 0} #headerSocial #youtube {background: url(images/butt_header_youtube.png) no-repeat; width:27px; height:27px; float:left; margin:0 5px 0 0} #headerSocial #soundcloud {background: url(images/butt_header_soundcloud.png) no-repeat; width:27px; height:27px; float:left;} #headerSocial #facebook:hover, #headerSocial #twitter:hover, #headerSocial #youtube:hover, #headerSocial #soundcloud:hover {background-position: 0 -30px;} /* ========================= footer =========================*/ #footer {width:100%; text-align: center; padding:0; font-size: 1.0em; background: url(images/bg_footer.png) repeat-x; margin:-70px 0 0 0;} #footerContainer {width:960px; margin:50px auto 0 auto; padding:0px;} #footerLanguage {display:none;} #footerContent {padding:0px 85px 0 0; text-align: right; font-size: 1.1em; margin:12px 0 0 0; height:291px; } #footer p {font-size: 1.0em; color:#fff; margin:0;} #footerLegal {clear:both; height:30px; padding:0px 0 0 40px; text-align: left; font-size: 1.2em; color:#999; position: relative; } #footerColumn {float:left; width:290px; margin:20px 0px 0px 42px; padding-top:50px; border:solid 0px #ff0000; text-align: left; color:#666; font-size: 1.2em; line-height: 15px;} #footerColumn2 {float:left; width:280px; margin:20px 0px -20px 42px; padding-top:50px; border:solid 0px #ff0000; text-align: left; color:#666; font-size: 1.2em; line-height: 15px;} #footerColumn p, #footerColumn2 p {color:#ccc; font-size: 1.0em; margin:20px 0 0 0; line-height: 24px;} #footerColumn h1, #footerColumn2 h1 {color:#ccc; border-bottom: solid 1px #ccc; font-size: 1.1em; padding-bottom: 4px; margin:0 0 0 0} #footerColumn ul, #footerColumn2 ul {margin:20px 0 0px 0px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0em; -moz-column-gap: 0em; column-gap: 0em; width:280px; } #footerColumn ul li, #footerColumn2 ul li {margin:0 0 2px 0; display: block; padding:0px 0 2px 0} #footerColumnEnd {float:right; width:275px; margin:20px -10px 0 0; position: relative} #footerContact {width:170px; height:29px; background: #858585; color:#fff; text-align: center; padding:12px 0 0 0; text-transform: uppercase; margin:20px 5px 0 0; font-family: museo_slab300, serif; border-radius:4px; -moz-border-radius:4px; border:solid 1px #1e1e1e; box-shadow: 0px 2px #2e2e2e; float:left;} #footerContact:hover {margin:21px 5px 0 0; box-shadow: 0px 1px #2e2e2e; background: #737373} .footerNav {margin:0px auto ; text-align: left; overflow: hidden;} .footerNav li a {text-decoration: none; color:#ccc; padding:4px 0px; margin:0px 0px; font-size: 0.9em; font-family:museo_slab300, serif; text-transform: uppercase; text-align: left; overflow: hidden; display: block } .footerNav li a:hover {color:#fff;} .footerNav li.current_page_item a {color:#ce483e;} #mapCorners {width:273px; height:198px; background: url(images/img_mapCorners.png) no-repeat; position: absolute; top:50px; left:0px; z-index: 100} #footerFacebook {width:43px; height:47px; background: url(images/butt_footer_facebook.png) no-repeat; float:left; margin:20px 5px 0 0} #footerFacebook:hover {background-position: 0 -46px;} #footerTwitter {width:43px; height:47px; background: url(images/butt_footer_twitter.png) no-repeat; float:left; margin:20px 5px 0 0} #footerTwitter:hover {background-position: 0 -46px;} /* ========================= comments =========================*/ #comments {margin:20px 0 0 0;} #comments li {font-size: 1.0em; border-bottom: solid 0px #7b7c7d; padding:20px 0 0px 0; margin:0 0 0px 0; overflow: hidden} #comments li li {font-size: 1.0em; border-bottom: none; margin:0 0 0 20px} #commentContent {float:right; margin:0px 30px 20px 0; width:90%; padding:15px; background: #babaae; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #comments label {width:100px; display: block; float:left;} #comments input {border: solid 1px #999; padding:5px; width:420px; font-family: museo_slab500, serif; } #comments textarea {border: solid 1px #999; padding:10px 5px 5px 5px; width:420px; font-family: museo_slab500, serif; } .required {margin:0 0 0 -6px} #respond {overflow: hidden; padding:0 0 20px 0;} #respond #commentMeta {font-size: 1.0em} .form-allowed-tags {display:none;} ol.commentlist {list-style: none; margin:20px 0 0 0; padding:0;} ul.children {list-style: none} #commentMeta {font-size: 1.3em; margin:0 0 10px 0; color:#b5b5b5} .commentName {font-size: 1.2em; font-family: CentraleSansRegular, serif; color:#ba0000; padding:0 10px 0px 0;} .commentName a {color:#000} .comment-author {float:left; width:50px; margin:0px 15px 0 0; border: solid 0px #ff0000} .comment-author img {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .comment-body {border: solid 0px #ff0000; padding:0;} .comment-body p {margin:0; padding:0; font-size: 1.4em; color:#000;} #commentNotch {position: absolute; width:13px; height:6px; background: url(images/notch_comment.png) no-repeat; margin:-20px 0 0 0px; border:solid 0px #ff0000 } #respond input[type=submit] {float:right; background: #ce483e; color:#fff; padding:8px 30px; font-size: 1.0em; border: solid 0px #000; text-transform: uppercase; text-shadow: 0px 1px #000; font-family: museo_slab500, serif; margin:0 0 20px 0; box-shadow: 0px 2px #a6140f; border-radius:4px; -moz-border-radius:4px; border: solid 1px #a6140f} #respond input[type=submit]:hover {background: #c1453c; margin:1px 0 20px 0px; box-shadow: 0px 1px #a6140f} .buttReply {width: 60px; height: 24px; float: right; /*padding: 1px 10px;*/ margin: 0px 0 0 0px; background-color:#ffb400; cursor: pointer; font-size: 13px; font-family: CentraleSansRegular, Arial; color:#000; border:none;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.1s ease-in; text-align: center;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding:4px 0 0 0; display: none} .buttReply:hover {background:#ff9600} .buttReply a {color:#000;} /* ========================= form formatting =========================*/ label {float: left; clear: left; margin: 16px 10px 0 0px; width: 120px; text-align: left; font-size: 15px; color: #333;} input {width: 350px; height: 40px; padding: 2px 10px 0px 10px; margin: 0px 0 10px 0; background: #404040; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-family: serif; font-size: 1.2em; color: #fff; border: solid 1px #404040;outline: none; letter-spacing: 0.1em;} input:focus, textarea:focus {border: solid 1px #333;} input::-webkit-input-placeholder {color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;} input:-moz-placeholder {color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;} textarea {width: 350px; height: 120px; padding: 12px 10px 0px 10px; margin: 0 0 10px 0; background: #404040;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 1px #404040; font-family: serif; color: #fff; outline: none;letter-spacing: 0.1em} textarea::-webkit-input-placeholder {color: #fff; font-size: 1.2em} textarea:-moz-placeholder {color: #fff; font-size: 1.2em} input:focus, textarea:focus {background: #5f5f5f; color:#fff;} input[type=submit] {background: #ce483e; color:#fff; padding:8px 30px; /*border: solid 0px #000;*/ text-transform: uppercase; text-shadow: 0px 1px #000; font-family: museo_slab500, serif; margin:0 0 20px 130px; box-shadow: 0px 2px #a6140f; border-radius:4px; -moz-border-radius:4px; border: solid 1px #a6140f; width:200px !important; text-align: center} input[type-submit]:hover {background: #c1453c; margin:1px 0 20px 0px; box-shadow: 0px 1px #a6140f} div.wpcf7 p {margin:0px; padding:0; line-height: 10px} div.wpcf7 {margin: 0; padding: 0;} div.wpcf7-response-output {margin: 2em 0.5em 1em; padding: 5px 5px;} div.wpcf7-mail-sent-ok {background-color:#398f14; color: #fff; font-size: 1.3em; border:none !important; padding:5px;} div.wpcf7-mail-sent-ng {background-color:#ff0000; color: #fff; font-size: 1.3em; border:none !important; padding:5px;} div.wpcf7-spam-blocked {background-color:#ffa500; color: #fff; font-size: 1.3em; border:none !important; padding:5px;} div.wpcf7-validation-errors {background-color:#ffa500;} span.wpcf7-form-control-wrap {position: relative;} span.wpcf7-not-valid-tip {position: absolute; top: 20%; left: 20%; z-index: 100; background-color:#ffa500; color:#333; font-size: 10pt; width: 280px; padding: 2px;} span.wpcf7-not-valid-tip-no-ajax {color: #f00; font-size: 10pt; display: block;} span.wpcf7-list-item {margin-left: 0.5em;} .wpcf7-display-none {display: none;} div.wpcf7 img.ajax-loader {border: none; vertical-align: middle; margin-left: 4px;} div.wpcf7 .watermark {color: #888;} .wp-pagenavi {clear: both; color:#000; margin:0 0 20px 0; border:none; font-size: 1.2em} .wp-pagenavi .pages {border: none;} .wp-pagenavi a, .wp-pagenavi span {text-decoration: none; border: 0px solid #BFBFBF; padding: 3px 5px; margin: 2px;} .wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000; border:none; background: #ce483e; color:#fff; padding:3px 6px; border-radius:4px; -moz-border_radius:4px;} .wp-pagenavi span.current {font-weight: bold; color:#fff} @media only screen and (device-width: 768px) { #contentContainerSub {margin:0px; width:100%; padding:20px 0 0px 0; overflow: hidden; text-align: left; background: url(images/bg_main_sub2.jpg) repeat; background-position: -42px 0 } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ #contentContainerSub {margin:0px; width:100%; padding:20px 0 0px 0; overflow: hidden; text-align: left; background: url(images/bg_main_sub2.jpg) repeat; background-position: 125px 0 } } /* ========================= iPhone formatting =========================*/ @media all and (max-width: 640px) and (min-width: 100px){ #header {width:100%; padding:0px; margin:0 auto; height:218px; position:relative;} #headerNav {width:100%; margin:0 auto; /*height:auto;*/ position:fixed; z-index: 550; height:45px; top:0; background: #424242; overflow: visible;box-shadow: 0px 3px 3px #333;} #headerSubNav {width:337px; height:411px; background: url(images/bg_subNavBacking2.png) no-repeat; position: relative; z-index: 450; top:-400px; left:-9px; } .topNav {position: absolute; z-index: 550; overflow:visible; height:55px; top:0px; display:block; width:100%; margin:0 0 0} .topNav ul {margin:0 auto; width:95%; } .topNav li {list-style: none; color:#000; padding:0px; text-align: center; display: inline} .topNav li a {text-decoration: none; color:#fff; display: inline; float:left; padding:10px 10px 10px 10px; font-size: 2.2em; font-family:TrumpGothicEastRegular, sans-serif; text-transform: uppercase; } #headerLogoArea {width:100%; margin:40px 0 50px -15px; height:261px; padding:0px; z-index: 500; position: relative; overflow: visible; text-align: left;} #headerSocial {display:none;} #header #lang_sel_list {display: none;} #footer #lang_sel_list {display:block; position: relative !important; left:0; /*background: none;*/ width:640px; background: #252525; overflow: auto; padding:7px 0 0 0;} #footer #lang sel_list li {list-style: none; /*display: inline !important;*/ margin:0 20px 0 0} #footer #lang sel_list li a {background: #383838} #homeColumn {width:90%; margin:0 0px 0 0px; padding:0 0 0 20px; display: block} #homeColumnWide {display: block; width:90%; padding:0 0 0 20px} .mobileVersion {display: block; margin:0px 0 20px 0px; padding:10px 0 0 20px; height:25px; background: #000; overflow: hidden; width:100%;} .mainSite {display:none;} #footerLanguage {display:block;} #footerContainer {width:100%; margin:0 auto; padding:0px 0 0 0;} #subColumn {float:none; width:90%; /*margin:0;*/ border:solid 0px #ff0000; margin:0 0 0 20px;} #subColumnEnd {float:none; width:90%; /*margin:0;*/ border:solid 0px #ff0000; margin:0 0 0 20px;} #contentContainerSub {margin:250px 0 0 0; width:100%; padding:0px 0 0px 0; overflow: hidden; text-align: left; background: url(images/bg_main.jpg) repeat center top;} #contentSubHeader {width:100%; height:25px;margin:0; padding:3px 0px 5px 0px;} .footerNav {margin:10px auto ; text-align: center; overflow: hidden;} #footer {margin:20px 0 0 0; height:300px; background: #383838;} #footerColumn {display:none; } #footerColumn2 {display:block; margin:-10px 0 0 20px;} #footerColumnEnd {display:none; margin:0 0 0 20px} .footerNavigation {display:none} #footerLegal {margin:20px 0 0 0px; display: block; padding:20px 0 0 20px} #contentContainerHome {margin:300px 0 0 0} #contentContainer {width:100%; margin:0 auto; padding:30px 0 0 0;} #contentContainerHeader {width:100%; margin:0 auto; padding:10px 0 0 0;} #externalLinks {display:none;} #interactiveSlider {display:none;} label {float: left; clear: left; margin: 5px 10px 10px 0px; width: 120px; text-align: left; font-size: 13px; color: #333;} input {width: 280px; height: 30px; padding: 2px 10px 0px 10px; margin: 0px 0 10px 0; background: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: sans-serif; font-size: 12px; color: #333; border: solid 1px #ccc;} textarea {width: 280px; height: 120px; padding: 12px 10px 0px 10px; margin: 0 0 10px 0; background: #fff;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: solid 1px #ccc; font-family: sans-serif; font-size: 12px; color: #333;} #ngg-gallery-2-2 {display: none} #videoContainer {display:none;} #eventPhoto {display:none;} #eventPhotoMobile {width:280px; display:block; margin:0 0 10px 0} #eventContent {width:100%; float:none;} #eventContainer {overflow: hidden; margin:15px 0 10px 0; padding:0 0 10px 0; border-bottom: solid 1px #efefef;} #panel {width:280px; padding:0px; margin:20px 0 0 0; box-shadow: 0px 1px #000; border-top:solid 1px #666; background-color: #333} /* comments */ #commentFormLeft {float:none; width:280px; border: solid 0px #ff0000; display: block} #commentFormRight {float:none; width:280px; margin:0 0px 0 0; border: solid 0px #ff0000; display: block} #commentContent {float:right; margin:0px 15px 20px 0; width:60%; padding:15px; background: #212529; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #comments label {display: block; } #comments input {border: solid 1px #999; padding:5px; width:175px; font-family: CentraleSansRegular, sans-serif; font-size: 1.0em } #comments textarea {border: solid 1px #999; padding:5px; width:175px; font-family: CentraleSansRegular, sans-serif; font-size: 1.0em } .required {margin:0 0 0 -6px} #commentFormRight .textField {background: #5a5b5d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#bebebe; height:34px; /*padding:4px;*/ width:175px; border:none; margin:0 0 10px 0; font-size: 1.2em; outline: none; padding:2px 10px 0 10px } input[type=submit] {width: 100px; height: 26px; float: left; padding: 1px 10px; margin: 0px 0 20px 0px; background-color:#333; cursor: pointer; font-size: 12px; font-family: GibsonRegular, sans-serif; color:#fff; } #menu-icon {display:block !important; height:46px; color:#fff; width:305px; text-align: left; padding:12px 0 8px 20px; /*font-size: 1.8em;*/ background: url(images/mobile_dropDownArrow.png) no-repeat; background-position: 266px 8px; font-size: 2.0em; text-transform: uppercase } #menu-main-menu {clear: both; position: absolute; top: 0px; left:-1px; width: 100%; z-index: 10000; padding: 10px; display: none; background: #424242 ; font-size: 1.3em; height:200px; box-shadow: 0px 3px 3px #333;} #menu-main-menu li {clear: both; float: none; padding: 10px 0 15px 15px; display: block; font-size: 1.4em } #menu-main-menu a, #menu-main-menu ul a {font: inherit; background: none; display: block; padding: 5px 0px; color: #fff; border: none; } #menu-main-menu a:hover, #menu-main-menu ul a:hover {background: none; color: #cc453b;} /* dropdown */ #menu-main-menu ul {width: auto; position: static; display: block; border: none; background: inherit; } #menu-main-menu ul li {margin: 3px 0 3px 15px;} }