body {background: #000 url(../images/parallax/background.jpg) no-repeat 50% 0; color: #fff;}
#parallax {position: absolute; overflow: hidden; width: 100%; height: 300px;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 220px; position: relative; z-index: 999;}
#header ul#headerNav {width: 100%; height: 40px; top: 180px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 40px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -40px;}
#header ul#headerNav li a {background: transparent; height: 40px; left: 0; position: absolute; display: block; text-indent: -9999em; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li.page-item-4 {background-image: url(../images/headerNav-jolnk.png); width: 169px; left: 0px;}
#header ul#headerNav li.page-item-4 a {width: 169px;}
#header ul#headerNav li.page-item-5 {background-image: url(../images/headerNav-ehlnk.png); width: 206px; left: 169px;}
#header ul#headerNav li.page-item-5 a {width: 206px;}
#header ul#headerNav li.page-item-6 {background-image: url(../images/headerNav-eslnk.png); width: 73px; left: 375px;}
#header ul#headerNav li.page-item-6 a {width: 73px;}
#header ul#headerNav li.page-item-7 {background-image: url(../images/headerNav-eelnk.png); width: 106px; left: 448px;}
#header ul#headerNav li.page-item-7 a {width: 106px;}
#header ul#headerNav li.page-item-8 {background-image: url(../images/headerNav-sslnk.png); width: 108px; left: 554px;}
#header ul#headerNav li.page-item-8 a {width: 108px;}
#header ul#headerNav li.page-item-9 {background-image: url(../images/headerNav-nslnk.png); width: 129px; left: 662px;}
#header ul#headerNav li.page-item-9 a {width: 129px;}
#header ul#headerNav li.page-item-10 {background-image: url(../images/headerNav-onlnk.png); width: 169px; left: 791px;}
#header ul#headerNav li.page-item-10 a {width: 169px;}
/*1st level dropdown*/
#header ul#headerNav li ul {background: #4b0b04 url(../images/bg-headerNav-ul.jpg) no-repeat 0 100%; color: #fff; width: 191px; height: auto; margin: 40px 0 0 0; padding: 5px 0; left: -9999px; position: absolute; z-index: 99; border: solid #fff; border-width: 0 1px 1px 1px; border-radius: 0 0 .5 .5em; -moz-border-radius: 0 0 .5em .5em; -webkit-border-bottom-left-radius: .5em; -webkit-border-bottom-right-radius: .5em;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {color: #fff; width: auto !important; height: auto; padding: 5px 15px; left: auto; font-size: 1.1em; position: relative; display: block; text-indent: 0; text-decoration: none;}
#header ul#headerNav li ul li a:hover {text-decoration: underline;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: -1px;}
#header ul#headerNav li.page-item-4:hover ul/*, #header ul#headerNav li.page-item-2.iehover ul*/ {left: 7px;}
#header ul#headerNav li.page-item-10:hover ul/*, #header ul#headerNav li.page-item-8.iehover ul*/ {left: auto; right: 7px;}

/**************************************************content area********************************************/
#content {background: #000 url(../images/bg-home-content.jpg) no-repeat; min-height: 575px; margin: 0 12px 83px; padding: 35px 0 0 0; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 610px; margin-left: 316px; position: relative; float: left; font-size: 1.1em; line-height: 1.64;}/*see ie.css for fixes*/
#main a,#main a:link,#main a:visited,#main a:active,#main a:hover	{font-weight: bold;}
#main .alignright,#main img.alignright {float: right; margin: 0 0 .5em 1em;}
#main .alignleft,#main img.alignleft {float: left; margin: 0 1em .5em 0;}
#main .aligncenter,img.aligncenter {display: block; margin: 1em auto; text-align: center;}
#main .post {margin: 0 0 20px 0;}
#main .post .entry-title {clear: both;}
#main .post .entry-meta {clear: both;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h3 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.2em;}
#main h4 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 10px 0;}
#main p.banner-text {text-align:center; font-size:12px; line-height:18px; padding:6px 0 40px 0;}
#main p.banner-text em {display:inline-block; padding:7px 0 0 0;}
#main p.banner-text a img {margin:0 35px 0px 40px; display:block;}
#main ul {margin: 0 0 10px 20px;}
#main ol {margin: 0 0 10px 30px;}
#main ul li {margin: 0 0 5px 0;}
#main ol li {margin: 0 0 5px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 10px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 5px 0;}
#main div.comments ol li {margin: 0 0 3.5em;}
#main form#commentform {padding: 0;}
#main form#commentform p {padding: 0;}
#main form#commentform .form-label {margin: 1em 0 0;}
#main form#commentform span.required {background: #fff; color: #c30;}
#main input#author,input#email,input#url,textarea#comment {padding: 0.2em;}
#main textarea#comment {height: 13em; margin: 0 0 0.5em; overflow: auto; width: 66%;}
#main div.gallery {clear: both; height: 180px; margin: 1em 0; width: 100%;}
#main p.wp-caption-text {font-style: italic;}
#main div.gallery dl {margin: 1em auto; overflow: hidden; text-align: center;}
#main div.gallery dl.gallery-columns-1 {width: 100%;}
#main div.gallery dl.gallery-columns-2 {width: 49%;}
#main div.gallery dl.gallery-columns-3 {width: 33%;}
#main div.gallery dl.gallery-columns-4 {width: 24%;}
#main div.gallery dl.gallery-columns-5 {width: 19%;}
#main div#nav-above {margin-bottom: 1em;}
#main div#nav-below {margin-top: 1em;}
#main div#nav-images {height: 150px; margin: 1em 0;}
#main div.navigation {height: 1.25em;}
#main div.navigation div.nav-next {float: right; text-align: right;}
#main div.gallery dl,#main div.navigation div.nav-previous {float: left;}
#main input#author,#main input#email,#main input#url,#main div.navigation div {width: 50%;}
/*****Begin Jazz STL*****/
#main h3#titleDoYouKnowJazz {background: url(../images/title-do_you_know_jazz.png) no-repeat; width: 610px; height: 54px; margin: 0; text-indent: -9999em;}
#main ul#doYouKnowJazz {margin: 0 0 11px 0;}
#main ul#doYouKnowJazz:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main ul#doYouKnowJazz li {margin: 0; list-style: none; display: inline;}
#main ul#doYouKnowJazz li a {background-repeat: no-repeat; height: 45px; display: block; text-indent: -9999em; outline: none; float: left;}
#main ul#doYouKnowJazz li a#ioKnowLnk {background-image: url(../images/know-iolnk.png); width: 189px;}
#main ul#doYouKnowJazz li a#ceKnowLnk {background-image: url(../images/know-celnk.png); width: 168px;}
#main ul#doYouKnowJazz li a#inKnowLnk {background-image: url(../images/know-inlnk.png); width: 253px;}
#main ul#doYouKnowJazz li a:hover {background-position: 0 -45px;}
#main #experience {background: url(../images/bg-experience.png) no-repeat; width: 544px; height: 218px; margin: 0 0 15px 0; padding: 29px 33px 30px; position:relative;}
#main #experience #rotator-toggle {display:block; position:absolute; height:26px; width:26px; background:url(../images/home-rotator-toggle-btn.png) 0px -26px no-repeat; right:49px; bottom:46px; z-index:10; text-indent:-9999px; overflow:hidden; outline:none;}
#main #experience #rotator-toggle:active {right:48px; bottom:45px;}
#main #experience #rotator-toggle.play {background-position:0px 0px;}
#main #experience .slide {width: 544px; height: 218px; position: relative; display:none;}
#main #experience .ngg-galleryoverview {width:300px; height:160px; overflow:hidden !important;}
#main #experience .ngg-galleryoverview .ngg-gallery-thumbnail-box {width:300px; height:160px; overflow:hidden !important;}
#main #experience .category-see-it {background: url(../images/bg-experience-look.jpg) no-repeat;}
#main #experience .category-hear-it {background: url(../images/bg-experience-audio.jpg) no-repeat;}
#main #experience .category-watch-it {background: url(../images/bg-experience-watch.jpg) no-repeat;}
#main #experience .category-dig-it {background: url(../images/bg-experience-audio.jpg) no-repeat;}
#main #experience h3 {background: url(../images/title-the_experience.png) no-repeat 0 100%; width: 220px; height: 30px; text-indent: -9999em;}
#main #experience .category-see-it h3 {margin: 0 0 7px 30px; padding: 25px 0 0 0;}
#main #experience .category-hear-it h3 {margin: 0 0 7px 27px; padding: 51px 0 0 0;}
#main #experience .category-watch-it h3 {margin: 0 0 7px 25px; padding: 20px 0 0 0;}
#main #experience h4.entry-title {height: 18px; text-indent: -9999em;}
#main #experience .category-see-it h4.entry-title {background: url(../images/title-look_at_this.png) no-repeat; width: 115px; margin: 0 0 5px 39px;}
#main #experience .category-hear-it h4.entry-title {background: url(../images/title-listen_to_this.png) no-repeat; width: 131px; margin: 0 0 40px 35px;}
#main #experience .category-watch-it h4.entry-title {background: url(../images/title-watch_this.png) no-repeat; width: 101px; margin: 0 0 0 50px;}
#main #experience .entry-content {width: auto; height: auto; margin: 0 0 40px 30px;}
#main #experience .category-see-it .entry-content {margin: 0; top: 60px; left: 180px; position: absolute; overflow:hidden;}
#main #experience .category-watch-it .entry-content {margin: 0; top: 55px; left: 165px; position: absolute;}
#main  #experience .category-watch-it object,#main #experience .category-watch-it embed {width: 182px !important; height: 150px !important;}
#main #webPoll {background: url(../images/bg-web_poll.png) no-repeat; width: 146px; min-height: 195px; padding: 25px 30px; float: right;}
#main #webPoll h3 {margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 1em; line-height: 1.27; text-align: center; border: solid #d63; border-width: 0 0 1px 0;}
#main #webPoll form input {margin: 2px 0 0 0; float: left;}
#main #webPoll form label {width: 123px; margin: 0 0 10px 2px; float: left; cursor: pointer;}
#main #webPoll form br {clear: both;}
#main #webPoll form button {background: url(../images/button-make_your_voice_heard.png) no-repeat; width: 144px; height: 21px; margin: 0 0 15px 0; display: block; text-indent: -9999em;}
#main #webPoll ul {margin: 0;}
#main #featured {width: 375px; margin: 15px; font-size: 1.09em; line-height: 1.5;}
#main #featured h3 {background: url(../images/line-featured.png) no-repeat 0 100%; color: #bde; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 1.5em; line-height: .78;}
#main #featured h3 span {color: #fb5; font-weight: normal;}
#main #featured h3 span a,#main #featured h3 span a:link,#main #featured h3 span a:visited,#main #featured h3 span a:active,#main #featured h3 span a:hover	{color: #fb5; font-weight: normal;}
#main #featured img {border: 2px solid #444; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;}
#main #featured a img {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#sidebar ul#socialIcons li {list-style: none; display: inline;}
#sidebar ul#socialIcons li a img {border:none;}
/*****End Jazz STL*****/

/**************************************************left column*********************************************/
#sidebar {width: 274px; margin-left: -902px; position: relative; float: left;}
#sidebar p {margin: 0 0 10px 0;}
#sidebar ul {margin: 0 0 10px 40px;}
#sidebar ol {margin: 0 0 10px 30px;}
#sidebar ul li {margin: 0 0 5px 0;}
#sidebar ol li {margin: 0 0 5px 0;}
#sidebar ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#sidebar ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#sidebar ol li ol li, #main ul li ol li {list-style: decimal;}
#sidebar dl {margin: 0 0 10px 0;}
#sidebar dl dt {margin: 0 0 3px 0;}
#sidebar dl dd {margin: 0 0 5px 0;}
#sidebar #welcomeToJazzStLouis {margin: 0 10px 30px; font-size: 1.2em; line-height: 1.5;}
#sidebar #welcomeToJazzStLouis h3#titleWelcomeToJazzStLouis {background: url(../images/title-welcome_to_jazz_st_louis.png) no-repeat; width: 226px; height: 24px; margin: 0 0 15px -10px; text-indent: -9999em;}
#sidebar h3#titleUpcomingNewsEvents {background: url(../images/title-upcoming_news_events.png) no-repeat; width: 213px; height: 29px; margin: 0;}
#sidebar h3#titleUpcomingNewsEvents a {display:block;  width: 213px; height: 29px; text-indent: -9999em; overflow:hidden;}
#sidebar #upcomingNewsEvents {background: url(../images/bg-upcoming_news_events.png) no-repeat; width: 274px; min-height: 200px; margin: 0 5px 30px 0; font-size: 1.2em; line-height: 1.5; position: relative;}
#sidebar #upcomingNewsEvents p {margin: 0 30px; padding: 0;}
#sidebar #upcomingNewsEvents ul {margin: 0 30px; padding: 30px 0 0;}
#sidebar #upcomingNewsEvents ul li.vevent {background: url(../images/bullet-upcomingNewsEvents-li.png) no-repeat 0 5px; margin: 0 0 15px; padding: 0 0 0 11px; list-style: none;}
#sidebar #upcomingNewsEvents ul li.vevent img {border: 1px solid #555;}
#sidebar #upcomingNewsEvents ul li.vevent img.alignright {float: right; margin: 0 0 5px 0;}
#sidebar #upcomingNewsEvents ul li.vevent img.alignleft {float: left; margin: 0 5px 0 0;}
#sidebar #upcomingNewsEvents ul li.vevent h4.description {color: #e73; margin: 0 0 2px 0; font-size: .92em; line-height: 1.09; font-weight: bold;}
#sidebar #upcomingNewsEvents ul li.vevent h4.description a {color: #e73;}
#sidebar #upcomingNewsEvents ul li.vevent span.location {color: #fff; font-size: .83em; line-height: 1.2;}
#sidebar #upcomingNewsEvents ul li.vevent span.location a {color: #fff;}
#sidebar #upcomingNewsEvents ul li.vevent span.dtstamp {color: #fc8; font-size: .83em; line-height: 1.5; white-space: nowrap;}
#sidebar #upcomingNewsEvents ul li.vevent span.dtstamp abbr {color: #fc8;}
#sidebar #upcomingNewsEvents ul li.vevent span.dtstamp abbr a {color: #fc8;}
#sidebar #upcomingNewsEvents ul li.vevent a.gigpress-tickets-link {background: url(../images/line-upcomingNewsEvents-a.png) no-repeat 7.5em 55%; color: #d9d; margin: 2px 0 0 0; font-size: .8em; line-height: 1.33; font-weight: bold; display: block; clear: both;}
#sidebar #upcomingNewsEvents ul li.vevent a.gigpress-tickets-link:hover {text-decoration: underline;}

/**************************************************footer**************************************************/
#footerWrap {background: url(../images/bg-footerWrap.png) repeat-x 0 100%; color: #fff; width: 100%; height: 96px; bottom: 0; position: fixed; z-index:200;}
#footer {width: 960px; height: 83px; margin: 26px auto 0; font-size: 1em; position: relative; z-index: 220;}
#footer form#searchForm {background: url(../images/bg-search.png) no-repeat; width: 188px; height: 33px; margin: 4px 25px 0 0; float: left; position: relative;}
#footer form#searchForm label {width: 32px; height: 33px; display: block; float: left; cursor: pointer;}
#footer form#searchForm input#s {color: #a21; width: 130px; margin: 4px 0 0 5px; padding: 0; font-size: 1.4em; font-weight: bold; border: 1px dotted #fff;}
#footer form#searchForm button#buttonSearch {width: 13px; height: 19px; top: 4px; left: 174px; position: absolute; display: block;}
#footer ul#footerNav {top: 9px; position: relative;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer ul#footerNav li a {background-repeat: no-repeat; height: 18px; margin: 0 21px 0 0; display: block; float: left; text-indent: -9999em; outline: none;}
#footer ul#footerNav li a#ctFootLnk {background-image: url(../images/footerNav-ctlnk.png); width: 51px;}
#footer ul#footerNav li a#seFootLnk {background-image: url(../images/footerNav-selnk.png); width: 66px;}
#footer ul#footerNav li a:hover {background-position: 0 -18px;}
#footer p {width: 48%; margin: 3px 0 0 13px; font-size: .9em; clear: both;}
#footer p a {color: #fff;}
#footer p a:hover {text-decoration: underline;}
#footer ul#sponsorsNav {top: 5px; right: 0; position: absolute;}
#footer ul#sponsorsNav li {list-style: none; display: inline;}
#footer ul#sponsorsNav li a {margin: 6px 0 0 40px; float: left; display: block; text-indent: -9999em; outline: none; overflow: hidden;}
#footer ul#sponsorsNav li a#nsSponLnk {background: url(../images/sponsorsNav-nslnk.png) no-repeat; width: 40px; height: 50px; margin: 3px 0 0 40px;}
#footer ul#sponsorsNav li a#alSponLnk {background: url(../images/sponsorsNav-allnk.png) no-repeat; width: 81px; height: 45px;}
#footer ul#sponsorsNav li a#mlSponLnk {background: url(../images/sponsorsNav-mllnk.png) no-repeat; width: 60px; height: 54px; margin: 0 0 0 40px;}
#footer ul#sponsorsNav li a#rcSponLnk {background: url(../images/sponsorsNav-rclnk.png) no-repeat; width: 51px; height: 45px;}
#footer ul#sponsorsNav li a#hnSponLnk {background: url(../images/sponsorsNav-hnlnk.png) no-repeat; width: 88px; height: 44px;}
#footerWrap div.left {background: url(../images/bg-home-footerWrap-left.png) no-repeat; width: 149px; height: 165px; bottom: 0; left: 0; position: fixed; z-index: 1;}
#footerWrap div.right {background: url(../images/bg-home-footerWrap-right.png) no-repeat; width: 132px; height: 135px; bottom: 0; right: 0; position: fixed; z-index: 1;}
