/* Keswick Comedy Festival Design Stylesheet */ /* www.keswickcomedy.co.uk */ /* Core Formatting */ body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 62.5%; line-height: 100%; } html { background: #ffffff; } img { border: none; } a:link, a:visited { color: #e30c1a; text-decoration: underline } a:hover, a:active { color: #EB555F; text-decoration: underline; } /****** General Layout Formatting ******/ #page_wrapper { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .clearfix:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } /****** Header Layout Formatting ******/ #header_wrapper { width: 980px; height: 220px; margin: 30px auto 10px auto; padding: 0px 0px 0px 0px; } #header { width: 980px; height: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_header.gif) no-repeat 540px 0px; float: left; } #accessibility_controls { display: none; } * html #accessibility_controls { visibility: hidden; } #site_logo { width: 500px; height: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html #site_logo { display: inline; } #site_logo img { width: 500px; height: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #header_strollertickets { width: 440px; height: 55px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; float: left; } #header_strollertickets a { width: 440px; height: 55px; margin: 10px 0px 0px 40px; padding: 0px 0px 0px 0px; background: url(images/bground_header_strollertickets.gif) no-repeat 0px 0px; display: block; } #header_strollertickets a:hover { background: url(images/bground_header_strollertickets.gif) no-repeat -440px 0px; } /* Navigation */ #navigation { width: 250px; height: 155px; margin: 0px 0px 0px 230px; padding: 0px 0px 0px 0px; float: left; } #navigation ul { width: 250px; height: 155px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 0.1em; text-indent: -9999px; list-style: none; background: url(images/bground_navigation.gif) no-repeat 0px 0px; } #navigation li { width: 250px; height: 45px; padding: 0px 0px 0px 0px; list-style: none; float: left; } #navigation li a { width: 250px; height: 45px; padding: 0px 0px 0px 0px; display: block; } #theacts { margin: 0px 0px 0px 0px; } #theacts a:hover { background: url(images/bground_navigation.gif) no-repeat -250px 0px; } #tickets { margin: 10px 0px 0px 0px; } #tickets a:hover { background: url(images/bground_navigation.gif) no-repeat -250px -55px;} #otherstuff { margin: 10px 0px 0px 0px; } #otherstuff a:hover { background: url(images/bground_navigation.gif) no-repeat -250px -110px; } /****** Content Layout Formatting ******/ #content_wrapper { width: 980px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; clear:both; } #content { width: 980px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } * html #content { display: inline; } /*** Text Formatting ***/ .sIFR-active h1 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 4.8em; font-weight: normal; line-height: 1em; color: #e30c1a; visibility: hidden; } h1 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 4.8em; font-weight: normal; letter-spacing: -0.01em; line-height: 1em; color: #e30c1a; } h2 { margin: 0em 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 2.8em; font-weight: normal; line-height: 1em; color: #6e6464; } #content p { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em; color: #6e6464; } /*** Home Page ***/ #h1_home { display: none; } #content_home { width: 980px; height: 665px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_content_home.gif) no-repeat 0px 85px; overflow: hidden; float: left; } * html #content_home{ display: inline; } #content_home_marketing { width: 980px; height: 50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; tect-indent: -9999px; background: url(images/bground_content_home_marketing.gif) no-repeat 0px 0px; float: left; } #content_home_subheader { width: 980px; height: 25px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; tect-indent: -9999px; background: url(images/bground_content_home_subheader.gif) no-repeat 0px 0px; float: left; } #content_home h2 { display: none; } #content_home h3 { display: none; } #content_home p { display: none; } #content_home img { float: left; } #content_home_ivan_and_steve { width: 515px; margin: 30px 0px 0px 15px; padding: 0px 0px 0px 0px; float: left; } #ivan_brackenbury { width: 515px; height: 170px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/text_ivan_brackenbury_home.gif) no-repeat 200px 0px; overflow: hidden; float: left; } #ivan_and_steve_button { width: 515px; height: 50px; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 200px; background: url(images/bground_home_content_and.gif) no-repeat 50px 20px; overflow: hidden; float: left; } #ivan_and_steve_button p { text-indent: -9999px; } #steve_day { width: 470px; height: 190px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/text_steve_day_home.gif) no-repeat 190px 0px; float: left;} #sally_anne_hayward { width: 470px; height: 90px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/text_sally_anne_hayward_home.gif) no-repeat 0px 0px; float: left;} #sally_anne_hayward h4, #sally_anne_hayward p { display: none; } #content_home_jo_and_gavin { width: 430px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #jo_caulfield { width: 410px; height: 220px; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background: url(images/text_jo_caulfield_home.gif) no-repeat 180px 0px; overflow: hidden; float: left; } #jo_and_gavin_button { width: 250px; height: 35px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 190px; background: url(images/bground_home_content_and.gif) no-repeat 70px 10px; overflow: hidden; float: left; } #jo_and_gavin_button p { text-indent: -9999px; } #gavin_webster { width: 430px; height: 190px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/text_gavin_webster_home.gif) no-repeat 190px 50px; float: left;} #juliet_meyers { width: 430px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/text_juliet_meyers_home.gif) no-repeat 0px 0px; float: left;} #juliet_meyers h4, #juliet_meyers p { display: none; } #content_home_button_gig_listings { width: 165px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .content_home_button_gig_listings a { width: 165px; height: 35px; text-indent: -9999px; background: url(images/button_home_gig_details.gif) no-repeat 0px 0px; display: block; } .content_home_button_gig_listings a:hover, .content_home_button_gig_listings a:active { background: url(images/button_home_gig_details.gif) no-repeat -165px 0px; } .content_home_button_gig_listings p {display: none; } #content_home_extra { width: 980px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #content_home_extra p { font-size: 1.7em; font-weight: bold; line-height: 1em; text-align: center; color: #000000;} #content_home_facebook { width: 980px; height: 40px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_content_home_facebook.gif) no-repeat; float: left; } #content_home_facebook a { width: 980px; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; display: block; } /*** One Hour Shows Page ***/ #content_one_hour_shows_marketing { width: 980px; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; tect-indent: -9999px; background: url(images/bground_content_onehourshows_marketing.gif) no-repeat 0px 0px; float: left; } #content_one_hour_shows_marketing p { display: none; } #content_acts_level1 { width: 980px; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; background: url(images/bground_content_divider.gif) no-repeat 0px 0px; float: left; } .content_acts_level1_item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .content_acts_level1_item img { margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #content_acts_jo_caulfield { width: 500px; margin: 0px 0px 0px 40px; } #content_acts_jo_caulfield h2 { width: 500px; height: 30px; margin: 0px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_jo_caulfield.gif) no-repeat 0px 0px; float: left; } #content_acts_ivan_brackenbury { width: 440px; margin: 0px 0px 0px 0px; } #content_acts_ivan_brackenbury h2 { width: 440px; height: 30px; margin: 0px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_ivan_brackenbury.gif) no-repeat 0px 0px;float: left; } #content_acts_ivan_brackenbury img { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: none; } #content_acts_level2 { width: 980px; margin: 30px 0px 0px 0px; padding: 40px 0px 0px 0px; background: url(images/bground_content_divider.gif) no-repeat 0px 0px; float: left; } .content_acts_level2_item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .content_acts_level2_item img { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: left; } #content_acts_erics_tales_of_the_sea { width: 240px; margin: 0px 0px 0px 0px; } #content_acts_erics_tales_of_the_sea h2 { display: none; } #content_acts_ipaul { width: 260px; margin: 0px 0px 0px 40px; } #content_acts_ipaul h2 { width: 260px; height: 50px; margin: 0px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_ipaul.gif) no-repeat 0px 0px; float: left; } #content_acts_barry_and_stuart { width: 400px; margin: 0px 0px 0px 40px; } #content_acts_barry_and_stuart h2 { width: 400px; height: 25px; margin: 0px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_barry_and_stuart.gif) no-repeat 0px 0px; float: left; } #content_acts_level3 { width: 980px; margin: 30px 0px 0px 0px; padding: 40px 0px 0px 0px; background: url(images/bground_content_divider.gif) no-repeat 0px 0px; float: left; } .content_acts_level3_item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .content_acts_level3_item img { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: left; } #content_acts_gavin_webster { width: 250px; margin: 0px 0px 0px 0px; } #content_acts_gavin_webster h2 { width: 250px; height: 20px; margin: 10px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_gavin_webster.gif) no-repeat 0px 0px; float: left; } #content_acts_steve_day { width: 240px; margin: 0px 0px 0px 40px; } #content_acts_steve_day h2 { width: 240px; height: 20px; margin: 10px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_steve_day.gif) no-repeat 0px 0px; float: left; } #content_acts_juliet_meyers { width: 190px; margin: 0px 0px 0px 40px; } #content_acts_juliet_meyers h2 { width: 190px; height: 20px; margin: 10px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_juliet_meyers.gif) no-repeat 0px 0px; float: left; } #content_acts_sally_anne_hayward { width: 180px; margin: 0px 0px 0px 40px; } #content_acts_sally_anne_hayward h2 { width: 180px; height: 40px; margin: 10px 0px 10px 0px; font-size: 0.05em; text-indent: -9999px; color: #ffffff; background: url(images/bground_h2_sally_anne_hayward.gif) no-repeat 0px 0px; float: left; } .content_acts_button_gig_details { width: 150px; height: 20px; margin: 0.5em 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .content_acts_button_gig_details a { width: 150px; height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; background: url(images/button_content_acts_gig_details.gif) no-repeat 0px 0px; display: block; } .content_acts_button_gig_details a:hover, .content_acts_button_gig_details a:active { background: url(images/button_content_acts_gig_details.gif) no-repeat 0px -22px; } #content p.quote { margin: 0px 0px 0.5em 0px; font-size: 1.3em; line-height: 1.167em; font-weight: bold; } #content_one_hour_shows_strollertickets { width: 980px; margin: 20px 0px 0px 0px; padding: 40px 0px 0px 0px; background: url(images/bground_content_divider.gif) no-repeat 0px 0px; float: left; } #content_one_hour_shows_strollertickets p { font-size: 1.7em; font-weight: bold; line-height: 1em; text-align: center; color: #000000;} /*** Tickets & Shows Page ***/ #content_tickets_and_shows { } #content_tickets_and_shows_tickethotline { width: 980px; height: 50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_content_tickethotline.gif) no-repeat 0px 0px; float: left; } #content_tickets_and_shows_tickethotline p {} #content_tickets_and_shows_tickethotline a { width: 980px; height: 50px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; display: block; } #content_tickets_and_shows_venue1 { width: 980px; margin: 0px 0px 20px 0px; padding: 30px 0px 0px 0px; float: left; } #content_tickets_and_shows_venue1 h2 { width: 980px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 0.01em; text-indent: -9999px; color: #e30c1a; background: url(images/bground_h2_tickets_and_shows_venue1.gif) no-repeat 0px 0px; float: left; display: block; } .content_tickets_and_shows_day { width: 300px; margin: 20px 40px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .content_tickets_and_shows_day h3 { margin: 0px 0px 1em 0px; padding: 0px 0px 0.8em 0px; font-size: 2.4em; line-height: 1em; color: #000000; background: url(images/bground_h3_tickets_and_shows.gif) no-repeat bottom;} .content_tickets_and_shows_day h3 span { font-size: 0.5em; color: #000000; } .content_tickets_and_shows_day h4 { margin: 0px 0px 0.5em 0px; padding: 0px 0px 0px 0px; font-size: 2.1em; line-height: 1em; color: #e30c1a; } .content_tickets_and_shows_day h4 span { font-size: 0.7em; color: #000000; font-weight: normal; } .content_tickets_and_shows_day h4 em { font-size: 0.7em; font-style: normal; text-transform: uppercase; } .content_tickets_and_shows_day h5 { margin: 1em 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1em; color: #000000; text-decoration: underline; } .content_tickets_and_shows_day h6 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1em; font-weight: normal; color: #000000; } .content_tickets_and_shows_day p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .content_tickets_and_shows_map { width: 300px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #content_tickets_and_shows_venue2 { width: 980px; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; background: url(images/bground_content_divider.gif) no-repeat 0px 0px; float: left; } #content_tickets_and_shows_venue2 h2 { width: 980px; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 0.01em; text-indent: -9999px; color: #e30c1a; background: url(images/bground_h2_tickets_and_shows_venue2.gif) no-repeat 0px 0px; float: left; display: block; } #content_tickets_and_shows_bbq { width: 300px; height: 170px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_content_bbq.gif) no-repeat 0px 0px; float: left; } #content_tickets_and_shows_bbq p { display: none; } #content_tickets_and_shows_strollerticket { width: 980px; height: 130px; margin: 20px 0px 0px 0px; padding: 30px 0px 0px 0px; background: url(images/bground_content_strollerticket.gif) no-repeat 0px 0px; float: left; } #content_tickets_and_shows_strollerticket h2 {display: none; } #content_tickets_and_shows_strollerticket p {display: none; } .content_tickets_and_shows_extra { width: 980px; margin: 0px 0px 20px 0px; padding: 30px 0px 0px 0px; background: url(images/bground_content_divider.gif) no-repeat 0px 0px; float: left; } #content .content_tickets_and_shows_extra p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; line-height: 1em; font-weight: bold; text-align: center; color: #000000; } /*** Other Stuff Page ***/ .content_other_stuff { width: 980px; margin: 0px 0px 20px 0px; padding: 30px 0px 0px 0px; background: url(images/bground_content_divider.gif) no-repeat 0px 0px; float: left; } #h2_contactus { width: 980px; height: 50px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 0.01em; color: #ffffff; text-indent: -9999px; background: url(images/bground_h2_contactus.gif) no-repeat 0px 0px; float: left; } #h2_whereiskeswick { width: 980px; height: 50px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 0.01em; color: #ffffff; text-indent: -9999px; background: url(images/bground_h2_whereiskeswick.gif) no-repeat 0px 0px; float: left; } #h2_badsheep { width: 980px; height: 50px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 0.01em; color: #ffffff; text-indent: -9999px; background: url(images/bground_h2_badsheep.gif) no-repeat 0px 0px; float: left; } #h2_webcam { width: 980px; height: 50px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 0.01em; color: #ffffff; text-indent: -9999px; background: url(images/bground_h2_webcam.gif) no-repeat 0px 0px; float: left; } #content .content_other_stuff p { font-size: 1.5em; font-weight: bold; } #content .content_other_stuff p strong { font-size: 1.2em; color: #e30c1a; } /*** Holding Page ***/ #content_holding { width: 980px; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; text-align: center; float: left; } * html #content_holding { display: inline; } #content_holding h1 { display: none; } /****** Footer Layout Formatting ******/ #footer_wrapper { width: 980px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; clear:both; } #footer { width: 980px; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; font-size: 1.2em; line-height: 1em; border-top: 1px solid #b9b4b4; color: #6e6464; float: left; } * html #footer { display: inline; } #footer div { float: left; } #footer span { float: right; } #footer_holding { width: 980px; margin: 20px 0px 0px 0px; padding: 10px 0px 0px 0px; font-size: 1.2em; line-height: 1em; color: #6e6464; text-align: center; border-top: 1px solid #b9b4b4; float: left; } * html #footer_holding { display: inline; } #footer_home { width: 980px; margin: 20px 0px 30px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1em; color: #6e6464; float: left; } * html #footer_home { display: inline; } /****** sIFR ******/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }