/* Theme Name: Sands Bethlehem Event Center Theme URI: http://www.sandseventcenter.com Description: This WordPress theme developed by Peer Pressure Creative is for use by Sands Bethlehem Event Center Only. Author: Peer Pressure Creative Author URI: http://www.peerpressurecreative.com */ /** ALL MIGHTY 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, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} * {margin: 0; /*border: solid 1px red !important;*/} :focus {outline: 0;} body {background-color: #000; -webkit-text-size-adjust: none; font-family: Arial, sans-serif;} ol, ul {list-style: none;} .clear {clear: both;} a {text-decoration: none;} a:hover {text-decoration: underline;} .wrap {margin: 0 auto; width: 95.833333%; max-width: 920px; height: 100%; /*padding: 0 20px 0 20px;*/ /*position: relative; z-index: 50;*/} iframe {width: 98%; max-width: 100%;} /* @font-face ----------------------------------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'BebasRegular'; src: url('fonts/bebas/bebas-webfont.eot'); src: url('fonts/bebas/bebas-webfont.eot#iefix') format('embedded-opentype'), url('fonts/bebas/bebas-webfont.woff') format('woff'), url('fonts/bebas/bebas-webfont.ttf') format('truetype'), url('fonts/bebas/bebas-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueRegular'; src: url('fonts/bebas-neue/bebasneue-webfont.eot'); src: url('fonts/bebas-neue/bebasneue-webfont.eot#iefix') format('embedded-opentype'), url('fonts/bebas-neue/bebasneue-webfont.woff') format('woff'), url('fonts/bebas-neue/bebasneue-webfont.ttf') format('truetype'), url('fonts/bebas-neue/bebasneue-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /* font-family: BebasRegular, Arial, sans-serif; */ /* font-family: BebasNeueRegular, Arial, sans-serif; */ /* HEADER --------------------------------------------------------------------------------------------------------------------------------------- */ #screen-reader {position: absolute; left: -99999px; top: -99999px;} header {background-color: #fff; height: 67px; border-bottom: 1px solid #c2b48c; display: block;} h1 a {background: url(images/sprite.png) 0px 0px no-repeat; width: 214px; height: 47px; margin: 10px 0 0 0; text-indent: -99999px; display: block; float: left;} @media only screen and (max-width: 480px) { header {height: 47px; padding: 10px 0 0 0;} h1 a {background: url(images/sprite.png) 0px -55px no-repeat; width: 168px; height: 37px; margin: 0 0 0 0 !important; text-indent: -99999px; display: block; float: left !important;} } /* MAIN NAVIGATION */ nav#main {background: url(images/nav-bg.png) repeat-x; height: 41px;} nav#main ul {width: 100%; max-width: 920px;} nav#main ul li {position: relative; display: inline; float: left; width: 14.285714%;} nav#main ul li a {background: url(images/nav-btn-off.png) repeat-x; width: 100%; height: 27px; margin: 0; padding: 5px 0 0 0; font-size: 20px; text-align: center; line-height: 22px; color: #c9c9c9; text-decoration: none; border-left: 1px solid #1e1e1e; border-right: 1px solid #343434; position: relative; display: block; float: left; overflow: hidden; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* nav#main ul li a {background: url(images/nav-btn-off.png) repeat-x; height: 27px; margin: 0; padding: 5px 36px 0 36px; font-size: 20px; line-height: 22px; letter-spacing: 2px; color: #c9c9c9; text-decoration: none; border-left: 1px solid #1e1e1e; border-right: 1px solid #343434; position: relative; display: block; float: left; font-family: BebasNeueRegular, Arial, sans-serif;} */ @media only screen and (max-width: 768px) { nav#main ul li a {font-size: 18px;} } #nav-select {display: none;} @media only screen and (max-width: 480px) { #nav-select {background: url(images/sprite.png) -510px 0px no-repeat; display: block; width: 40px; height: 40px; float: right;} nav#main {background: none !important; background-color: #1b1b1b !important; width: 100%; height: auto; padding: 0 0 5px 0; position: absolute; z-index: 10;} nav#main ul {background: none !important; background-color: #1b1b1b !important; width: 100%; position: relative; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;} nav#main ul li {width: 100%; position: relative; display: inline; float: left;} nav#main ul li a {background: none !important; /*background-color: #1b1b1b !important;*/ width: 100%; height: 27px; margin: 0; padding: 5px 0 0px 0; font-size: 20px; line-height: 22px; text-align: center; letter-spacing: 1px; color: #c9c9c9; text-decoration: none; border-left: none !important; border-right: none !important; border-bottom: 1px solid #0d0d0d; border-top: 1px solid #343434; position: relative; display: block; float: left; font-family: BebasNeueRegular, Arial, sans-serif;} /* LAST CHILD */ nav#main ul li:last-child a {border-bottom: none !important;} } /* FIRST CHILD */ nav#main ul li:first-child a{border-right: 1px solid #1e1e1e;} /* LAST CHILD */ nav#main ul li:last-child a {border-right: 1px solid #1e1e1e;} /* HOVER */ nav#main ul li a:hover {color: #fff;} /* ACTIVE */ nav#main ul li a:active {background: url(images/nav-btn-on.png) repeat-x; color: #fff;} /* HERE */ nav#main ul li a.here {background: url(images/nav-btn-on.png) repeat-x; color: #fff;} /* BODY ------------------------------------------------------------------------------------------------------------------------------------------ */ #page-wrap {width: 95%; margin: 0 auto;} /* HOME PAGE -------------------------------------------------------------------------------------------------------------------------------------- */ #home-hero .home-hero-image, #home-hero .wrap {display: none;} #home-hero {/*background-color: blue;*/ width: 100%; height: 800px; position: absolute; overflow: hidden; left: 0; top: 100px; z-index: 0;} #home-hero.splash {top: 0 !important; display: block !important;} #home-hero.splash .home-hero-image, #home-hero .wrap {display: block;} #inside-hero {/*background-color: blue;*/ width: 100%; height: 800px; position: absolute; overflow: hidden; left: 0; top: 100px; z-index: 0;} .home-hero-image {width: 187.5%; max-width: 1800px; height: 800px; position: absolute; margin: 0 0 0 -900px; top: 0; bottom: 0; left: 50%; right: 50%;} .home-hero-image img{position: absolute; width: auto; z-index: 0;} .inside-hero-image {width: 187.5%; max-width: 1800px; height: 800px; position: absolute; margin: 0 0 0 -900px; top: 0; bottom: 0; left: 50%; right: 50%;} .inside-hero-image img {position: absolute; width: auto; z-index: 0;} /* LOADERS */ #loader {background: url(images/loader.gif) 0px 0px no-repeat; width: 32px; height: 32px; position: absolute; top: 30%; left: 50%;} #event-loader {background: url(images/loader.gif) 0px 0px no-repeat; width: 32px; height: 32px; position: absolute; top: 20%; left: 50%;} @media only screen and (max-width: 768px) { .home-hero-image {height: 500px; margin: 0 0 0 -700px;} .home-hero-image img{position: absolute; width: auto; height: 600px;} .inside-hero-image {height: 500px; margin: 0 0 0 -700px;} .inside-hero-image img {position: absolute; width: auto; height: 600px;} } @media only screen and (max-width: 480px) { #home-hero {height: 500px; top: 58px;} .home-hero-image {height: 500px; margin: 0 0 0 -400px;} .home-hero-image img{position: absolute; width: auto; height: 350px;} #inside-hero {height: 500px; top: 58px;} .inside-hero-image {height: 500px; margin: 0 0 0 -400px;} .inside-hero-image img {position: absolute; width: auto; height: 350px;} } /* HOME PAGE SLIDE INFO */ .slide-info {width: 100%; max-width: 920px; padding: 0 20px 0 25px; z-index: 1;} .slide-info h2 {/*background-color: red;*/ z-index: 1; position: absolute; max-width: 920px; margin: 115px auto 0 auto; font-size: 48px; color: #fff; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; text-shadow: 2px 1px 5px #0c0c0c; filter: dropshadow(color=#0c0c0c, offx=2, offy=1);} .slide-info h3 {/*background-color: red;*/ z-index: 1; position: absolute; margin: 163px 0 0 0; font-size: 30px; color: #fff; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; text-shadow: 2px 1px 5px #0c0c0c; filter: dropshadow(color=#0c0c0c, offx=2, offy=1);} .slide-info a {background: url(images/event-info-bg.png) 0px 0px no-repeat; width: 167px; height: 37px; margin: 205px 0 0 -2px; padding: 8px 0 0 10px; font-size: 24px; color: #fff; text-decoration: none; letter-spacing: 1px; z-index: 1; position: absolute; font-family: BebasNeueRegular, Arial, sans-serif;} /* INSIDE SLIDE INFO*/ .inside-slide-info {width: 100%; max-width: 920px; padding: 0 20px 0 25px; z-index: 1;} .inside-slide-info h2 {/*background-color: red;*/ z-index: 1; position: absolute; max-width: 920px; margin: 90px auto 0 auto; font-size: 45px; color: #fff; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; text-shadow: 2px 1px 5px #0c0c0c; filter: dropshadow(color=#0c0c0c, offx=2, offy=1);} .inside-slide-info h3 {/*background-color: red;*/ z-index: 1; position: absolute; margin: 135px 0 0 0; font-size: 27px; color: #fff; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; text-shadow: 2px 1px 5px #0c0c0c; filter: dropshadow(color=#0c0c0c, offx=2, offy=1);} .inside-slide-info a {background: url(images/event-info-bg.png) 0px 0px no-repeat; width: 167px; height: 37px; margin: 180px 0 0 -2px; padding: 8px 0 0 10px; font-size: 24px; color: #fff; text-decoration: none; letter-spacing: 1px; z-index: 1; position: absolute; font-family: BebasNeueRegular, Arial, sans-serif;} @media only screen and (max-width: 768px) { .slide-info {padding: 0 20px 0 20px;} .slide-info h2 {margin: 75px auto 0 auto; font-size: 36px;} .slide-info h3 {margin: 110px 0 0 0; font-size: 25px;} .slide-info a {background: url(images/event-info-bg.png) 0px 0px no-repeat; width: 167px; height: 37px; margin: 145px 0 0 -2px; padding: 8px 0 0 10px; font-size: 24px;} .inside-slide-info {padding: 0 20px 0 20px;} .inside-slide-info h2 {margin: 75px auto 0 auto; font-size: 36px;} .inside-slide-info h3 {margin: 110px 0 0 0; font-size: 25px;} .inside-slide-info a {background: url(images/event-info-bg.png) 0px 0px no-repeat; width: 167px; height: 37px; margin: 145px 0 0 -2px; padding: 8px 0 0 10px; font-size: 24px;} } @media only screen and (max-width: 480px) { .slide-info {padding: 0 20px 0 10px;} .slide-info h2 {margin: 45px auto 0 auto; font-size: 22px;} .slide-info h3 {margin: 68px 0 0 0; font-size: 15px;} .slide-info a {background: url(images/event-info-bg-small.png) 0px 0px no-repeat; width: 90px; height: 20px; margin: 90px 0 0 -2px; padding: 3px 0 0 5px; font-size: 13px;} /* INSIDE SLIDE INFO*/ .inside-slide-info {padding: 0 20px 0 10px;} .inside-slide-info h2 {margin: 45px auto 0 auto; font-size: 22px;} .inside-slide-info h3 {margin: 68px 0 0 0; font-size: 15px;} .inside-slide-info a {background: url(images/event-info-bg-small.png) 0px 0px no-repeat; width: 90px; height: 20px; margin: 90px 0 0 -2px; padding: 3px 0 0 5px; font-size: 13px;} } /* SLIDESHOW */ #home-thumbs {background-color: rgba(0, 0, 0, .45); color: rgba(0, 0, 0, .45); /*border: 1px solid red;*/ width: 100%; max-width: 960px; height: 120px; margin: 495px auto 10px auto; padding: 20px 0 0 0; position: relative; z-index: 1;} #thumb-container {/*background-color: red;*/ height: 102px; position: relative; overflow: hidden !important;} #home-thumbs ul {/*width: 875px;*/ width: 10000%;} #home-thumbs ul li {position: relative; display: inline; float: left; white-space: nowrap;} #home-thumbs ul li a {/*background-color: blue;*/ border: 1px solid #b6b6b6; width: 210px; height: 100px; margin: 0 3px 0 3px; position: relative; display: block; float: left; text-decoration: none !important;} #home-thumbs ul li a img {max-width: 100%;} /* HOVER */ #home-thumbs ul li a:hover {border: 1px solid #fff;} /* HOVER INFO */ #home-thumbs ul li a hgroup {display: none; overflow: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #home-thumbs ul li a:hover hgroup {background-color: rgba(0, 0, 0, .70); color: rgba(0, 0, 0, .70); width: 200px; height: 88px; padding: 12px 0 0 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #home-thumbs ul li a hgroup h3 {color: #fff; font-size: 18px !important; line-height: 18px !important; margin: 0; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} #home-thumbs ul li a hgroup h4 {color: #fff !important; font-size: 13px !important; line-height: 13px !important; margin: 0; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} #home-thumbs ul li a hgroup h5 {background: url(images/sprite.png) -720px -540px no-repeat; width: auto; height: 23px; margin: 6px 0 0 -10px; padding: 6px 0 0 10px; color: #fff; font-size: 15px !important; line-height: 14px !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* ARROWS */ #home-thumbs #left-arrow {background: url(images/home-slider/left-arrow.png) 0px 0px no-repeat; width: 26px !important; height: 109px !important; margin: -1px 0 0 18px !important; border: none !important; text-indent: -99999px; display: block; float: left;} #home-thumbs #right-arrow {background: url(images/home-slider/right-arrow.png) 0px 0px no-repeat; width: 26px !important; height: 109px !important; margin: -1px 18px 0 0 !important; border: none !important; text-indent: -99999px; display: block; float: right !important;} @media only screen and (max-width: 768px) { #thumb-container {height: 96px; overflow: hidden !important;} #home-thumbs {/*border: 1px solid red;*/ margin: 365px auto 0 auto;} #home-thumbs ul {/*background-color: red;*/ height: 78px;} #home-thumbs ul li a {width: 160px; height: 76px; margin: 0 3px 0 4px;} #home-thumbs ul li a img{max-width: 100%; height: 100%;} /* HOVER INFO */ #home-thumbs ul li a:hover hgroup {width: 155px; height: 71px; padding: 5px 0 0 5px;} #home-thumbs ul li a hgroup h3 {color: #fff; font-size: 15px !important; line-height: 18px !important; margin: 0; letter-spacing: 1px;} #home-thumbs ul li a hgroup h4 {color: #fff !important; font-size: 11px !important; line-height: 13px !important; margin: 0; letter-spacing: 1px;} #home-thumbs ul li a hgroup h5 {background: url(images/thumb-link-bg.png) 0 0 no-repeat; width: auto; height: 23px; margin: 6px 0 0 -5px; padding: 6px 0 0 10px; color: #fff; font-size: 12px !important; line-height: 14px !important; letter-spacing: 1px;} /* ARROWS */ #home-thumbs #left-arrow {background: url(images/home-slider/left-arrow-med.png) 0px 0px no-repeat; width: 26px !important; height: 87px !important; margin: -2px 0 0 18px !important;} #home-thumbs #right-arrow {background: url(images/home-slider/right-arrow-med.png) 0px 0px no-repeat; width: 26px !important; height: 87px !important; margin: -2px 18px 0 0 !important;} } @media only screen and (max-width: 480px) { #thumb-container {height: 57px; overflow: hidden !important;} #home-thumbs {/*border: 1px solid red;*/ height: 57px; margin: 220px auto 0 auto;} #home-thumbs ul {/*background-color: red;*/ height: 37px;} #home-thumbs ul li a {width: 73px; height: 35px; margin: 0 1px 0 1px;} #home-thumbs ul li a img{max-width: 100%; height: 100%;} /* HOVER INFO */ #home-thumbs ul li a hgroup {display: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #home-thumbs ul li a:hover hgroup {display: none;} /* ARROWS */ #home-thumbs #left-arrow {background: url(images/home-slider/left-arrow-small.png) 0px 0px no-repeat; width: 26px !important; height: 44px !important; margin: -2px 0 0 18px !important;} #home-thumbs #right-arrow {background: url(images/home-slider/right-arrow-small.png) 0px 0px no-repeat; width: 26px !important; height: 44px !important; margin: -2px 18px 0 0 !important;} } /* ADS */ /* NEW SIZE, 220px x 110px) */ #ads {/*background-color: red;*/ margin: 5px auto 0 auto; width: 95.833333%; max-width: 920px; position: relative; z-index: 1;} #ads article {background-color: #000; width: 220px; height: 110px; margin: 0 5px 10px 5px; float: left;} #ads article img {max-width: 100%;} /* #ads {background-color: red; margin: 5px auto 0 auto; width: 95.833333%; max-width: 920px; position: relative; z-index: 1;} #ads article {background-color: gray; width: 17.391304%; margin: 0 01.3043478% 0 01.3043478%; float: left;} #ads article img {max-width: 100%;} */ @media only screen and (max-width: 768px) { #ads article {width: 180px; height: 90px; margin: 0 00.390625% 6px 00.390625%; /*margin: 0 3px 6px 3px;*/} } @media only screen and (max-width: 480px) { #ads article {width: 140px; height: 70px; margin: 0 01.0416667% 10px 01.0416667%; /*margin: 0 5px 10px 5px*/} } /* HOME PAGE SPONSORS */ #home-sponsors {/*background-color: red;*/ margin: 10px auto 0 auto; width: 95.833333%; max-width: 920px; position: relative; z-index: 1;} #home-sponsors article {background-color: #000; width: 140px; /*140px / 920px */ height: 70px; margin: 0 6px 12px 6px; float: left;} #home-sponsors article img {max-width: 100%;} #home-sponsors h3 {font-size: 13px; color: #fff; margin: 0 0 10px 0; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} @media only screen and (max-width: 768px) { #home-sponsors article {width: 118px; height: 59px; margin: 0 2px 4px 2px;} } @media only screen and (max-width: 480px) { #home-sponsors article {width: 90px; height: 45px; margin: 0 5px 10px 5px;} } /* INSIDE PAGES ----------------------------------------------------------------------------------------------------------------------------------- */ /* UNIVERSALS -------------- */ #content {background-color: rgba(0, 0, 0, .75); color: rgba(0, 0, 0, .75); width: 95.833333%; max-width: 920px; min-height: 215px; margin: 315px auto 20px auto; padding: 20px 0 20px 0; position: relative; z-index: 1; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-top: 2px solid #b20000; /*border-bottom: 2px solid blue;*/ } #content.venue {border-top: 2px solid #a99a6f;} /* ASIDE */ #content aside {/*background-color: blue;*/ width: 22.826087%; /* 210px/920px */ max-width: 210px; margin-bottom: 20px; float: left;} #content aside h2 {margin: 0 0 10px -03.3333333%; /* 7px/210px */ padding: 3px 07.14285718% 3px 09.5238095%; /* 15px/210px*/ font-size: 20px; color: #fff; float: left; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; background: rgb(181,0,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(181,0,0,1) 0%, rgba(143,1,1,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,0,0,1)), color-stop(100%,rgba(143,1,1,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(181,0,0,1) 0%,rgba(143,1,1,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(181,0,0,1) 0%,rgba(143,1,1,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(181,0,0,1) 0%,rgba(143,1,1,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(181,0,0,1) 0%,rgba(143,1,1,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50000', endColorstr='#8f0101',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 1px 1px 5px 0px rgba(12, 12, 12, .75); -moz-box-shadow: 1px 1px 5px 0px rgba(12, 12, 12, .75); box-shadow: 1px 1px 5px 0px rgba(12, 12, 12, .75); } #content.venue aside h2 { background: rgb(194,179,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(194,179,136,1) 0%, rgba(158,143,100,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,179,136,1)), color-stop(100%,rgba(158,143,100,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(194,179,136,1) 0%,rgba(158,143,100,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(194,179,136,1) 0%,rgba(158,143,100,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(194,179,136,1) 0%,rgba(158,143,100,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(194,179,136,1) 0%,rgba(158,143,100,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2b388', endColorstr='#9e8f64',GradientType=0 ); /* IE6-9 */ } #content aside h2 span {margin: 0 0px 0 10px; font-size: 12px; height: 22px; cursor: pointer;} #content aside p {font-size: 16px; line-height: 19px; color: #fff; margin: 0px 0 10px 15px; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; clear: both;} #content aside p.center {margin-left: 60px;} #content aside a {color: #fff; text-decoration: underline;} #content aside ul.inputs {margin: 0px 0 10px 15px; float: left;} #content aside ul.sub-inputs{margin: 12px 0 12px 25px;} #content aside ul.inputs li {font-size: 19px; line-height: 19px; color: #fff; margin-bottom: 7px; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* INPUT STYLING */ .has-js .label_check, .has-js .label_radio {padding-left: 25px;} .has-js .label_radio {background: url(http://www.sandseventcenter.com/wp-content/themes/sandseventcenter/radio-off.png) no-repeat;} .has-js .label_check {background: url(images/sprite.png) -220px 0px no-repeat;} .has-js label.c_on {background: url(images/sprite.png) -220px -25px no-repeat;} .has-js label.r_on {background: url(http://www.sandseventcenter.com/wp-content/themes/sandseventcenter/radio-on.png) no-repeat;} .has-js .label_check input, .has-js .label_radio input {position: absolute; left: -9999px;} /* SECONDARY NAVIGATION */ nav#secondary {width: 100%; float: left;} nav#secondary ul {} nav#secondary ul li {position: relative;} nav#secondary ul li a {font-size: 19px; line-height: 21px; width: 90%; color: #fff; text-decoration: none !important; display: block; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; background-color: rgba(25, 25, 25, .80); margin: 0 0 5px 0; padding: 5px 0 5px 10px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } /* HOVER */ nav#secondary ul li a:hover {color: #c2b388; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; background-color: rgba(0, 0, 0, .80);} /* HERE */ nav#secondary ul li.current_page_item a {background-color: rgba(0, 0, 0, .80); color: #c2b388;} nav#secondary ul li.current_page_parent a {background-color: rgba(0, 0, 0, .80); color: #c2b388;} /* CHILDREN OF SECONDARY NAVIGATION */ nav#secondary ul li ul.children {display: none; margin: 0 0 10px 10px;} nav#secondary ul li.current_page_item ul.children {display: block;} nav#secondary ul li.current_page_parent ul.children {display: block;} nav#secondary ul li ul.children li {position: relative; display: inline;} nav#secondary ul li ul.children li a {background: none !important; font-size: 18px !important; color: #fff; min-height: 0px !important; margin: 0 0 5px 0 !important; /* 7px/210px */ padding: 0px 0 0px 0 !important; /* 15px/210px*/ position: relative; display: block; text-decoration: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: none !important;} nav#secondary ul li.current_page_item ul.children li a {border: none !important;} nav#secondary ul li.current_page_parent ul.children li a {border: none !important;} /* HOVER */ nav#secondary ul li ul.children li a:hover {color: #c2b388;} /* HERE */ nav#secondary ul li ul.children li.current_page_item a {color: #c2b388;} @media only screen and (max-width: 480px) { #content {margin: 210px auto 20px auto;} #content aside {width: 100%;} } /* MAIN CONTENT */ #main-content {/*background-color: purple;*/ width: 75%; /* 690px/920px */ padding: 0 00.72463768% 0 0; float: right;} #main-content h3{font-size: 24px; line-height: 26px; color: #fff; margin: 0px 0 10px 0; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} #main-content h4{font-size: 20px; line-height: 26px; color: #fff; margin: 0px 0 10px 0; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} #main-content p {font-size: 13px; line-height: 16px; color: #fff; margin: 0px 0 15px 0; font-family: Arial, sans-serif;} #main-content a {color: #fff; text-decoration: underline;} #main-content ul {margin: 0 0 15px 25px; list-style: circle;} #main-content ul li {font-size: 13px; line-height: 16px; color: #fff; margin: 0px 0 5px 0; font-family: Arial, sans-serif;} /* EVENT BLOCK */ .event-block {/*background-color: red;*/ width: 210px; height: 226px; margin: 0 10px 20px 10px; float: left;} .event-block img {position: relative; z-index: 4; max-width: 100%;} .event-block section {background: url(images/block-info-bg.png) 0px 0px no-repeat; width: 100%; height: 170px; margin-top: -47px; display: block; position: relative; z-index: 5;} .event-block section h3 {font-size: 23px !important; line-height: 23px !important; color: #fff !important; margin: 0 0 0 6px !important; text-shadow: 2px 1px 2px #0c0c0c !important; filter: dropshadow(color=#0c0c0c, offx=1, offy=1) !important; letter-spacing: 1px !important; font-family: BebasNeueRegular, Arial, sans-serif !important;} .event-block section h4 {font-size: 14px !important; line-height: 14px !important; color: #fff !important; margin: 0 0 6px 6px !important; text-shadow: 2px 1px 2px #0c0c0c !important; filter: dropshadow(color=#0c0c0c, offx=1, offy=1) !important; letter-spacing: 1px !important; font-family: BebasNeueRegular, Arial, sans-serif !important;} /* ADD TO CALENDAR */ .block-add-cal {font-size: 13px; color: #efefef; margin: 27px 5px 10px 0; float: right; text-decoration: none !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* HOVER */ .block-add-cal:hover {text-decoration: underline !important;} /*.block-add-cal span {background: url(images/calendar-bg.png) 0px 0px no-repeat; color: #000; width: 17px; height: 17px; margin: 0 0 0 3px; padding: 2px 0 0 4px; display: block; float: right;}*/ /* HOVER */ .block-add-cal:hover {color: #fff;} /* EVENT INFO */ .block-event-info {background: url(images/block-cta-btn.png) 0px 0px no-repeat; width: 97px; height: 23px; margin: 0 0 0 -3px; padding: 5px 0 0 8px; font-size: 15px; color: #fff; display: block; text-decoration: none !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* BUY TICKETS */ .block-buy-tickets {background: url(images/block-cta-btn.png) 0px 0px no-repeat; width: 97px; height: 23px; margin: 0 0 0 -3px; padding: 5px 0 0 8px; font-size: 15px; color: #fff; display: block; text-decoration: none !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* TICKETS NOT AVAILABLE YET */ .block-no-tickets {width: 205px; height: 23px; margin: 0 0 0 -3px; padding: 5px 0 0 8px; font-size: 15px; color: #fff; display: block; text-decoration: none !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* SOLD OUT! */ .block-sold-out {width: 97px; height: 23px; margin: 0 0 0 -3px; padding: 5px 0 0 8px; font-size: 15px; color: red !important; display: block; text-decoration: none !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} @media only screen and (max-width: 480px) { #main-content {width: 98% !important; float: left !important;} #block-container{/*background-color: blue;*/} .event-block {margin: 0 auto 11px auto !important; float: none !important; clear: both;} } /* INSIDE EVENT ----------------------------------------------------------------------------------------------------------------------------------- */ #official-website {font-size: 17px; text-decoration: none !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* HOVER */ #official-website:hover {color: #b50000; text-decoration: underline !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* ADD TO CALENDAR LINK */ #add-to-calendar {margin-bottom: 100px !important;} /* BUY TICKET LINK */ #buy-tickets-online {background: url(images/buy-tickets.png) 0px 0px no-repeat; width: 105px; height: 54px; margin: 2px 0 0 0px; display: block; text-indent: -99999px;} /* MYSANDS LINK */ #mysands-link {text-decoration: none !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #mysands-link:hover {color: #a99a6f; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* INSIDE SLIDESHOW */ #inside-thumbs {/*border: 1px solid red;*/ width: 100%; max-width: 920px; height: 70px; margin: 0 auto; padding: 0; position: relative; z-index: 1;} #thumb-container-inside {/*background-color: red;*/ height: 50px; position: relative; overflow: hidden !important;} #inside-thumbs ul {/*background-color: red;*/ /*width: 875px;*/ width: 1000%;} #inside-thumbs ul li {position: relative; display: inline; float: left;} #inside-thumbs ul li a {border: 1px solid #b6b6b6; background-color: #000; width: 100px; height: 48px; margin: 0 1px 0 1px; position: relative; display: block; float: left; text-decoration: none !important;} #inside-thumbs ul li a img {width: 100px; height: 48px; max-width: 100%;} /* HOVER */ #inside-thumbs ul li a:hover {border: 1px solid #fff;} /* HOVER INFO */ #inside-thumbs ul li a hgroup {display: none;} #inside-thumbs ul li a:hover hgroup {display: none;} /* ARROWS */ #inside-thumbs #left-arrow {background: url(images/thumb-inside-left-arrow.png) 0px 0px no-repeat; width: 25px !important; height: 55px !important; margin: -1px 0 0 19px !important; border: none !important; text-indent: -99999px; display: block; float: left;} #inside-thumbs #right-arrow {background: url(images/thumb-inside-right-arrow.png) 0px 0px no-repeat; width: 25px !important; height: 55px !important; margin: -1px 19px 0 0 !important; border: none !important; text-indent: -99999px; display: block; float: right !important;} /* ANNOUNCEMENT BOX */ #announcement-box {background-color: #f3fa8c !important; border-bottom: 1px solid yellow !important; border-right: 1px solid yellow !important; color: #938250 !important; padding: 3px 8px !important; font-size: 18px !important; line-height: 24px !important; margin: 0 0 10px 0; font-weight: normal !important; text-align: center !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* VISIT PAGE ----------------------------------------------------------------------------------------------------------------------------------- */ #map-canvas {height: auto; position: absolute; bottom:0; left:0; right:0; top:0;} #map-fade {background: url(images/fade-map-overlay.png) repeat-x; width: 100%; height: 372px; position: absolute; bottom:0;} /* GET DIRECTIONS */ #get-directions {} #get-directions li {} #get-directions li a{font-size: 18px; color: #fff; text-decoration: none; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif; float: left; width: 46%; display: block; border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(25, 25, 25, .80); margin: 0 10px 10px 0; padding: 10px 0 10px 10px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #get-directions li a span {font-size: 13px; clear: both;} /* HOVER */ #get-directions li a:hover {color: #c2b388; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; background-color: rgba(0, 0, 0, .80);} /* HERE */ nav#get-directions li.current_map a {background-color: rgba(0, 0, 0, .80); color: #c2b388;} /* FORM INPUT */ #map-input {width: 94%; padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(25, 25, 25, .80);} #map-input input {background: url(images/form-styles/input-bg.png) repeat; outline: none; border: 1px solid #282828; color: #fff; font-size: 17px !important; padding: 5px 0 5px 5px !important; -moz-box-shadow:inset 2px 2px 10px #000; -webkit-box-shadow:inset 2px 2px 10px #000; box-shadow:inset 2px 2px 10px #000; width: 75%; height: 30px; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* FOCUS */ #map-input input:focus {border: 1px solid #414141 !important;} #map-go {background: none !important; background-color: rgba(25, 25, 25, .80) !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 22% !important; padding: 10px 0 10px 0px !important; display: block; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; float: right;} #map-go:hover {background-color: rgba(0, 0, 0, .80) !important; color: #c2b388; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* FOOTER ----------------------------------------------------------------------------------------------------------------------------------------- */ footer {background: url(images/footer-bg.png) 0 0 no-repeat; /*background-color: red; border-top: 1px solid rgba(108, 108, 108, .45);*/ margin: 10px auto 0 auto; width: 95.833333%; max-width: 920px; height: 194px; position: relative; z-index: 5; display: block;} #copyright {margin: 10px 0 0 10px; float: left;} #copyright p {font-size: 13px; color: #a99a6f; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* FORM STYLES ----------------------------------------------------------------------------------------------------------------------------------------- */ .gform_body {font-weight: normal !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} .gform_body label {font-size: 16px; margin: 6px 3px 0 0; color: #fff; font-weight: normal !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} .gform_body ul {margin: 0 !important; text-indent: 0 !important; list-style: none !important;} .gform_body ul li:before {content: none !important;} /* INPUT */ .gform_body input {background: url(images/form-styles/input-bg.png) repeat; outline: none; border: 1px solid #282828; color: #fff; font-size: 17px !important; padding: 5px 0 5px 5px !important; -moz-box-shadow:inset 2px 2px 10px #000; -webkit-box-shadow:inset 2px 2px 10px #000; box-shadow:inset 2px 2px 10px #000; letter-spacing: 1px !important; font-family: BebasNeueRegular, Arial, sans-serif !important;} /* FOCUS */ .gform_body input:focus {border: 1px solid #414141 !important;} /* ERROR */ .gfield_error input {background: url(images/form-styles/input-bg-error.png) repeat;} /* TEXTAREA INPUT */ .gform_body textarea {background: url(images/form-styles/input-bg.png) repeat; outline: none; border: 1px solid #282828; color: #fff; font-size: 18px !important; padding: 5px 0 0 5px !important; -moz-box-shadow:inset 2px 2px 10px #000; -webkit-box-shadow:inset 2px 2px 10px #000; box-shadow:inset 2px 2px 10px #000; letter-spacing: 1px !important; font-family: BebasNeueRegular, Arial, sans-serif !important;} /* FOCUS */ .gform_body textarea:focus {border: 1px solid #414141 !important;} /* ERROR */ .gfield_error textarea {background: url(images/form-styles/input-bg-error.png) repeat;} /* SUBMIT BUTTON */ #gform_submit_button_1 {background: none !important; color: #fff; font-size: 18px; margin: -20px 0px 0 0; outline: none; border: none; cursor: pointer; float: right; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} .gform_footer input[type=submit] {background: none !important; color: #fff; font-size: 18px !important; font-weight: normal !important; margin: -20px 0px 0 0; outline: none; border: none; cursor: pointer; float: right; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} .gform_page_footer .button {background: none !important; color: #fff; font-size: 18px !important; font-weight: normal !important; margin: -20px 0px 0 0; outline: none; border: none; cursor: pointer; float: right; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* SUBMIT BUTTON HOVER */ #gform_submit_button_1:hover {-webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;} .gform_footer input[type=submit]:hover {-webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;} .gform_wrapper {display: block !important;} .gform_wrapper .gform_page_footer {border-top: none !important; margin: 20px 0; padding: 16px 0 0; width: 98% !important;} .gform_wrapper .gf_progressbar_wrapper {border-bottom: none !important; clear: both; margin: 0 0 8px; padding: 0 0 16px; width: 100% !important;} .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {clear: both; font-size: 13px; line-height: 1em !important; margin: 0 0 6px !important; opacity: 1 !important; padding: 0 !important;} /* CONFIRMATION / ERROR MESSAGES */ #gforms_confirmation_message {background-color: #8eff6b !important; border-top: none !important; border-left: none !important; border-bottom: 1px solid #409e23 !important; border-right: 1px solid #409e23 !important; color: #409e23 !important; padding: 3px 8px !important; font-size: 18px !important; line-height: 24px !important; font-weight: normal !important; text-align: center !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} .gform_wrapper .validation_error {background-color: #fc6060 !important; border-bottom: 1px solid red !important; border-right: 1px solid #fc6060 !important; color: #c21717 !important; padding: 3px 8px !important; font-size: 18px !important; line-height: 24px !important; font-weight: normal !important; text-align: center !important; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* ERROR MESSAGE INPUT LABELS */ .gfield_error label {color: #790000;} @media only screen and (max-width: 480px) { /* INPUT */ .gform_body input {width: 98% !important;} /* TEXTAREA INPUT */ .gform_body textarea {width: 98% !important;} } /* ISOTOPE ----------------------------------------------------------------------------------------------------------------------------------------- */ /* Isotope Filtering */ .isotope-item {z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none; z-index: 1;} /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} /* GALLERY PAGE ----------------------------------------------------------------------------------------------------------------------------------------- */ #gallery-list {width: 100%;} #gallery-list li {position: relative; display: inline; float: left;} #gallery-list li a {margin: 0 15px 15px 0; border: 1px solid #939393; width: 100px; height: 100px; position: relative; display: block; float: left;} /* HOVER */ #gallery-list li a:hover {border: 1px solid #fff;} /* SPLASH PAGE ----------------------------------------------------------------------------------------------------------------------------------------- */ /* SANDS */ #sands-tab {background: url(images/tab-bg.png) repeat-x; width: 100%; height: 120px; position: fixed; z-index: 10; top: 40%; left: -48%; margin-left: -111px;} #sands-tab h1 a {background: url(images/sprite.png) 0px -100px no-repeat black; width: 285px; height: 106px; margin: 6px 0 0 0; display: block; text-indent: -99999px; float: right; position: relative; z-index: 10;} #sands-point {background: url(images/sprite.png) -290px -100px no-repeat; width: 111px; height: 120px; margin-right: -111px; float: right; position: relative; z-index: 10;} /* NAVIGATION */ #sands-tab ul {background: url(images/sprite.png) -600px -100px no-repeat; width: 374px; height: 100px; padding: 10px 0 0 0; position: absolute; right: -100px; /*right: -380px;*/ top: 5px; z-index: 5 !important; display: block;} #sands-tab ul li {position: relative; display: inline; float: left;} #sands-tab ul li a {font-size: 35px; color: #766b4d; text-decoration: none; position: relative; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif;} /* HOVER */ #sands-tab ul li a:hover {color: #000; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #sands-tab ul li#music-events a {margin: 0 0 0px 110px; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif !important;} #sands-tab ul li#venue-info a {margin: 13px 0 0 50px; letter-spacing: 1px; font-family: BebasNeueRegular, Arial, sans-serif !important;} /* VISION BAR */ #vision-tab {background: url(images/tab-bg.png) repeat-x; width: 100%; height: 120px; position: fixed; top: 40%; right: -48%; margin-right: -111px;} #vision-tab h1 a{background: url(images/sprite.png) 0px -380px no-repeat; width: 223px; height: 79px; margin: 20px 0 0 0; display: block; text-indent: -99999px; float: left;} #vision-point {background: url(images/sprite.png) -290px -380px no-repeat; width: 111px; height: 120px; margin-left: -111px; float: left;} @media only screen and (max-width: 768px) { /* SANDS */ #sands-tab {background: url(images/tab-bg-med.png) repeat-x; width: 100%; height: 100px; position: fixed; top: 40%; left: -47%; margin-left: -100px;} #sands-tab h1 a {background: url(images/sprite.png) 0px -210px no-repeat; width: 275px; height: 88px; margin: 5px 0 0 0; display: block; text-indent: -99999px; float: right;} #sands-point {background: url(images/sprite.png) -410px -100px no-repeat; width: 93px; height: 100px; margin-right: -93px; float: right;} /* VISION BAR */ #vision-tab {background: url(images/tab-bg-med.png) repeat-x; width: 100%; height: 100px; position: fixed; top: 40%; right: -47%; margin-right: -100px;} #vision-tab h1 a{background: url(images/sprite.png) 0px -470px no-repeat; width: 167px; height: 59px; margin: 20px 0 0 0; display: block; text-indent: -99999px; float: left;} #vision-point {background: url(images/sprite.png) -290px -500px no-repeat; width: 93px; height: 100px; margin-left: -93px; float: left;} /* NAVIGATION */ #sands-tab ul {background: url(images/sprite.png) -600px -220px no-repeat; width: 306px; height: 90px; padding: 10px 0 0 0; position: absolute; right: -34px; top: 5px;} #sands-tab ul li a {font-size: 25px;} #sands-tab ul li#music-events a {margin: 0 0 0px 90px;} #sands-tab ul li#venue-info a {margin: 13px 0 0 50px;} } @media only screen and (max-width: 480px) { /* SANDS */ #sands-tab {background: url(images/tab-bg-small.png) repeat-x; width: 100%; height: 80px; position: fixed; top: 40%; left: -45%; margin-left: -80px;} #sands-tab h1 a {background: url(images/sprite.png) 0px -300px no-repeat; width: 200px; height: 70px; margin: 4px -5px 0 0 !important; display: block; position: relative !important; text-indent: -99999px !important; float: right !important; z-index: 100 !important;} #sands-point {background: url(images/sprite.png) -510px -100px no-repeat; width: 74px; height: 80px; margin-right: -74px; float: right;} /* VISION BAR */ #vision-tab {background: url(images/tab-bg-small.png) repeat-x; width: 100%; height: 80px; position: fixed; top: 40%; right: -45%; margin-right: -80px;} #vision-tab h1 a{background: url(images/sprite.png) 0px -540px no-repeat; width: 85px; height: 30px; margin: 26px 0 0 0 !important; display: block; text-indent: -99999px; position: relative; float: left;} #vision-point {background: url(images/sprite.png) -290px -610px no-repeat; width: 74px; height: 80px; margin-left: -74px;} /* NAVIGATION */ #sands-tab ul {background: url(images/sprite.png) -600px -320px no-repeat; width: 238px; height: 70px; padding: 10px 0 0 0; right: 40px;} #sands-tab ul li a {font-size: 20px;} #sands-tab ul li#music-events a {margin: -2px 0 0px 75px;} #sands-tab ul li#venue-info a {margin: 9px 0 0 32px;} }