@charset "utf-8"; /* CSS Document */ body { background: #fff url(/css-images/bafc-01.png) repeat-x top; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; line-height: 1.7em; color: #000; } img { display: none; } /* ---------- HEADER -------- */ #header { height: 129px; background: url(/css-images/bafc-01.jpg) no-repeat bottom center; display: none; } h1 { text-indent: -9999px; background: url(/css-images/bafc-logo.gif) no-repeat; float: left; display: none; } h1 a { display: block; width: 200px; height: 129px; } #navigation { margin: 0 0 0 100px; float: left; } #sub-nav { height: 37px; float: right; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: .85em; font-weight: bold; display: none; } #sub-nav li { display: inline; margin-left: 2em; } #sub-nav li a { color: #000; } #sub-nav li a:hover { background: #000; color: #fff; padding: 4px 0; } body#home a#homenav, body#sitemap a#sitemapnav, body#contactsub a#contactsubnav { background: #000; color: #fff; padding: 4px; } #main-nav { font-size: 0.85em; } ul#main-nav { height: 56px; text-align: left; width: 660px; display: none; } ul#main-nav li { float: left; position: relative; text-indent: -9999px; } ul#main-nav li a { display: block; overflow: hidden; height: 56px; background: url(/css-images/nav-bar.gif); } ul#main-nav li#whats-on a { width: 93px; background-position: 0 0; } ul#main-nav li#ticket-info a { width: 94px; background-position: -93px 0; } ul#main-nav li#venue-info a { width: 94px; background-position: -187px 0; } ul#main-nav li#venue-hire a { width: 94px; background-position: -281px 0; } ul#main-nav li#arts-community a { width: 94px; background-position: -375px 0; } ul#main-nav li#art-gallery a { width: 95px; background-position: -469px 0; } ul#main-nav li#about-us a { width: 96px; background-position: -564px 0; } ul#main-nav li#whats-on a:hover, body#whats-on-page ul#main-nav a#whats-onnav { width: 93px; background-position: 0 -56px; } ul#main-nav li#ticket-info a:hover, body#ticket-info-page ul#main-nav a#ticket-infonav { width: 94px; background-position: -93px -56px; } ul#main-nav li#venue-info a:hover, body#venue-info-page ul#main-nav a#venue-infonav { width: 94px; background-position: -187px -56px; } ul#main-nav li#venue-hire a:hover, body#venue-hire-page ul#main-nav a#venue-hirenav { width: 94px; background-position: -281px -56px; } ul#main-nav li#arts-community a:hover, body#arts-community-page ul#main-nav a#arts-communitynav { width: 94px; background-position: -375px -56px; } ul#main-nav li#art-gallery a:hover, body#art-gallery-page ul#main-nav a#art-gallerynav { width: 95px; background-position: -469px -56px; } ul#main-nav li#about-us a:hover, body#about-us-page ul#main-nav a#about-usnav { width: 96px; background-position: -564px -56px; } /* --------- dropdownn --------- */ ul#main-nav li ul { position: absolute; top: 56px; left: 0; margin-left:-999em; background: #ffd204; width: 180px; } ul#main-nav li ul li { height: auto; clear: left; width: 180px!important; text-indent: 0; } ul#main-nav li ul li a { background: #ffd204; height: auto; width: 180px!important; padding: 3px; color: #000; border-bottom: solid 1px #fff; text-align: left; font-size: 1.25em; } ul#main-nav li ul li a:hover { background: #000; color: #fff; } ul#main-nav li:hover ul, ul#main-nav li.iehover ul { margin-left:0; } /* ------- test about us ------ */ ul#main-nav li#about-us ul#last { position: absolute; top: 56px; margin-right: -999em; width: 90px; } ul#main-nav li#about-us ul#last li { height: auto; clear: left; width: 90px!important; text-indent: 0; } ul#main-nav li#about-us ul#last li a { height: auto; width: 180px!important; margin-left: -90px; } #main-content { background: url(/css-images/bafc-03.gif) repeat-y; float: left; width: 960px; } #sidebar { overflow: visible; padding-bottom: 40px; display: none; } #sidebar h2.whats-on, #sidebar h2.ticket-info, #sidebar h2.venue-info, #sidebar h2.venue-hire, #sidebar h2.arts-community, #sidebar h2.art-gallery, #sidebar h2.about-us { background: url(/css-images/header-whats-on.gif) no-repeat; width: 351px; height: 98px; text-indent: -9999px; margin-left: -71px; display: block; } #sidebar h2.ticket-info { background: url(/css-images/header-ticket-info.gif) no-repeat; } #sidebar h2.venue-info { background: url(/css-images/header-venue-info.gif) no-repeat; } #sidebar h2.venue-hire { background: url(/css-images/header-venue-hire.gif) no-repeat; } #sidebar h2.arts-community { background: url(/css-images/header-arts-community.gif) no-repeat; } #sidebar h2.art-gallery { background: url(/css-images/header-art-gallery.gif) no-repeat; } #sidebar h2.about-us { background: url(/css-images/header-about-us.gif) no-repeat; } #main-body { overflow: visible; } #breadcrumbs { color: #fff; height: 44px; display: none; } #breadcrumbs ul { height: 44px; padding-top: 6px; } #breadcrumbs li { display: inline; font-size: 12px; } #breadcrumbs li a { background:url(/css-images/breadcrumb.gif) no-repeat right center; padding: 4px 26px 4px 0; font-weight: bold; color: #ffd204; } #breadcrumbs li a:hover { color: #fff; } #content { width: 80%; } #end-content { background: url(/css-images/end-main-content.gif) no-repeat bottom; height: 126px; float: left; } #footer { background: #292929 url(/css-images/bafc-02.jpg) repeat-x top; width: 100%; border-bottom: solid 1px #292929; } #footer-wrap { background: url(/css-images/bafc-04.png) no-repeat top; margin: 0 auto; width: 960px; text-align: left; padding: 0; color: #fff; font-size: 1.15em; } #footer-end { background: #ffd204 url(/css-images/bafc-05.png) repeat-x top; width: 100%; font-family: 'Century Gothic', Arial, Verdana, sans-serif; font-size: 1.5em; padding: 20px 0 10px 0; margin: 0; } #footer-end-wrap { margin: 0 auto; width: 960px; } #footer-end-wrap p { margin: 0; padding: 0; } /* -------- format sidebar -------- */ #sidebar ul { overflow: visible; width: 198px; } #sidebar li a { display: block; border-bottom: solid 1px; width: 100%; padding: 4px 4px 4px 18px; color: #000; } #sidebar li.more a { /* background: url(/css-images/icon-plus.gif) no-repeat 4px center; */ } #sidebar li a:hover { /* background: #000 url(/css-images/icon-plus-over.gif) no-repeat 4px center; */ background-color: #000; color: #fff; border-bottom: solid 1px #000; } #sidebar li a#current { color: #ffd204; font-weight: bold; text-transform: uppercase; border-bottom: dashed 1px #ffd204; font-size: 1.1em; background: #000; } #sidebar ul ul li a { background: #ffe87c; color: #000; border-bottom: solid 1px #ffd204; } #sidebar ul ul li a:hover { background: #000; color: #fff; } #sidebar ul ul li a#sub-current { font-weight: bold; } #sidebar #event-info h3 { /* background: #ffe87c; padding: 1px 4px; font-size: 1.25em; */ margin-top: 1.25em; color: #000; font-weight: bold; text-transform: uppercase; font-size: 1.75em; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; } #sidebar #event-info p { padding: 4px; } #sidebar #event-info a { background: #fff; font-weight: bold; color: #000; } /* -------- format main content area -------- */ /* #content h2 { background: url(/css-images/header-main-content.gif) no-repeat left top; width: 650px; height: 50px; display: block; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; margin-left: -10px; font-size: 2em; padding: 20px 0 0 20px; line-height: 1.75em; } */ #content h2 { font-size: 1.75em; padding-top: 24px; background: #fff url(/css-images/header-sub-content.gif) no-repeat left top; padding: 30px 10px 6px 10px; height: auto; line-height: 1.15em; margin-left: 0; width: 640px; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; /* margin-bottom: 1em; */ } #content h3 { color: #000; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; margin: 0.5em 0; } #content h3.emphasis { color: #fff; font-size: 1.5em; font-weight: normal; padding: 4px; background: #000; } #content h3.emphasis a { display: block; color: #fff; background: #000; } #content h3.emphasis a:hover { color: #ffd204; } #content h4.date { font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.25em; margin-bottom: 0.5em; } #content .event { width: 100%; margin-top: 0.5em; } #content .img-thumb { } #content .snippet { } #content img.right { float: right; margin: 0 0 1em 1em; } #content #mini-nav { background: #000; font-size: .8em; float: right; width: auto; margin-bottom: 1em; padding: 1px 8px; font-weight: bold; display: none; } #content #mini-nav li { display: inline; } #content #mini-nav li a { padding: 0 4px; color: #fff; font-weight: bold; } #content #mini-nav a:hover { background: #ffd204; color: #000; } #content .image-right { float: right; padding: 0 0 0 12px; } #content .image-right p.caption { font-weight: bold; line-height: 1.25em; margin-top: 0.25em; display: none; } #content dl { margin-bottom: 1em; } #content dt { float: left; width: 30%; font-weight: bold; padding: 2px 0; border-bottom: dashed 1px #000; } #content dd { float: left; width: 70%; border-bottom: dashed 1px #000; padding: 2px 0; } #content dl.book { margin-top: 0.5em; } #content dl.book dt, #content dl.book dd { float: none; width: 100%; border: none; } #content dl.book dt { font-size: 1.25em; } #content dl.book dd { margin-bottom: 0.5em; } #sitemap a { color: #000; } ul#sitemap { font-size: 1.15em; font-weight: bold; margin: 40px 0; } ul#sitemap li a, ul#sitemap li li a { background: #ffd204; } ul#sitemap li a:hover { background: #000; color: #fff; } ul#sitemap li li li a { background: none; } ul#sitemap ul { padding-left: 20px; font-size: 1em; margin: 20px 0 10px 0; } ul#sitemap ul ul { font-size: 0.9em; margin: 10px 0; } ul#sitemap ul ul ul { font-weight: normal; margin: 5px 0; } p.reddot, span.reddot { color: red; }