/* --------------------------------------------- Viva La Vista Screen Style Sheet author: Cyberwoven version: 2009.05 ----------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Ready, set, go ------------------------ */ body { font-family:helvetica, arial, sans-serif; font-size:12px; line-height:120%; background:#5b0c06; background:#8c1e1d; } #wrapperitis { display:block; width:100%; background:#fde901 url(../images/wrapperitis_bg.jpg) repeat-x 50% 0; } #wrapper { display:block; width:960px; min-height:614px; margin:0 auto; background:#fff url(../images/wrapper_bg.jpg) no-repeat 50% 0; } body.internal #wrapper { padding-bottom:20px; } a.skiplink { position:absolute; margin-left:-9999px; height:0; } #header { display:block; width:100%; height:76px; } #header h1 { position:absolute; text-indent:-9999px; display:block; width:693px; height:434px; top:0; margin:0 0 0 -261px; z-index:2; background:url(../images/burst.png) no-repeat 0 0; } #header h1 a { cursor:pointer; display:block; height:281px; width:244px; margin:0 0 0 261px; background:url(../images/logo_full.png) no-repeat 0 0; } #header h1 a:hover { background-position:-244px 0; } ul#main_nav { float:right; display:block; position:relative; height:100%; width:642px; z-index:6; } ul#main_nav li { display:block; float:left; height:100%; } ul#main_nav li.about { width:79px; } ul#main_nav li.directions { width:188px; } ul#main_nav li.admission { width:130px; } ul#main_nav li.sponsors { width:119px; } ul#main_nav li.contact { width:114px; } ul#main_nav li a { cursor:pointer; display:block; height:100%; text-indent:-9999px; padding:35px 0 0 0; background:url(../images/main_nav_hover.png) repeat-x 0 -100px; } ul#main_nav li a:hover { background-position:0 0; } ul#main_nav li a span { cursor:pointer; display:block; height:29px; background-position:0 0; background-repeat:no-repeat; } ul#main_nav li.about a span { background-image:url(../images/nav_about.png); } ul#main_nav li.directions a span { background-image:url(../images/nav_directions.png); } ul#main_nav li.admission a span { background-image:url(../images/nav_admission.png); } ul#main_nav li.sponsors a span { background-image:url(../images/nav_sponsors.png); } ul#main_nav li.contact a span { background-image:url(../images/nav_contact.png); } /* Home specific ---------- */ #preamble { display:block; position:relative; clear:both; width:900px; height:290px; margin:0 auto; background:url(../images/preamble_bg.jpg) no-repeat 0 0; } #preamble h2, #preamble p, #preamble a.learn_more { position:absolute; text-indent:-9999px; } #preamble h2 { display:block; width:363px; height:177px; margin:18px 0 0 148px; z-index:4; background:url(../images/preamble_h2.png) no-repeat top left; } #preamble p { display:block; width:363px; height:69px; margin:193px 0 0 100px; background:url(../images/preamble_p.png) no-repeat top left; } #preamble a.learn_more { cursor:pointer; display:block; z-index:5; margin:258px 0 0 216px; width:124px; height:20px; background:url(../images/preamble_learn_more.png) no-repeat 0 0; } #preamble a.learn_more:hover { background-position:-124px 0; } .date_time_goodness { display:block; width:450px; height:227px; float:left; clear:left; margin:6px 5px 0 29px; background:url(../images/date_time_bg.png) no-repeat top left; } .date_time_goodness h3, .restaurants_entertainment h3 { text-indent:-9999px; position:absolute; margin:62px 0 0 -13px; display:block; width:279px; height:192px; background:url(../images/restaurants_photo.png) no-repeat 0 0; } .restaurants_entertainment h3 { background:url(../images/date_time_photo.png) no-repeat 0 0; margin-left:-44px; } .date_time_goodness h4, .restaurants_entertainment h4 { font-weight:bold; font-size:20px; line-height:24px; color:#5f0303; margin:91px 0 0 269px; } .date_time_goodness em { color:#220701; font-weight:bold; font-style:normal; display:block; margin:10px 0 0 269px; } .date_time_goodness span, .restaurants_entertainment span { color:#220701; font-size:14px; display:block; margin:15px 0 0 269px; } .date_time_goodness a.learn_more, .restaurants_entertainment a.learn_more { color:#ca0b2f; font-size:15px; font-weight:bold; text-decoration:none; text-transform:uppercase; display:inline-block; padding:0 0 3px 0; margin:15px 0 0 269px; } .date_time_goodness a.learn_more:hover, .restaurants_entertainment a.learn_more:hover { color:#ee0934; border-bottom:solid 2px #a6a57a; } .restaurants_entertainment { display:block; width:444px; height:227px; float:left; clear:none; margin:6px 0 0 0; background:url(../images/restaurants_bg.png) no-repeat 0 0; } .restaurants_entertainment h4, .restaurants_entertainment span, .restaurants_entertainment a.learn_more { margin-left:236px; } .restaurants_entertainment a.learn_more { margin-top:39px; } /* Internal specific --------- */ #content_container { display:block; min-height:614px; width:900px; margin:0 0 0 29px; background:url(../images/content_container_bg.jpg) repeat-y top left; } #sub_content { display:block; width:333px; float:left; } #sub_content .date_time_head { display:block; padding:22px 0 0 152px; height:99px; width:181px; background:url(../images/date_time_head.png) no-repeat top left; } #sub_content .date_time_head em { display:block; position:relative; z-index:6; text-indent:-9999px; height:90px; width:155px; background:url(../images/date_time_head_em.png); } .sub_nav { display:block; width:100%; margin:0; } .sub_nav li { display:block; width:332px; margin:0; padding:0 1px 1px 0; text-align:right; background:url(../images/sub_nav_li_bg.jpg) no-repeat 100% 100%; } .sub_nav li a { cursor:pointer; display:block; position:relative; z-index:7; width:250px; margin:0; padding:24px 41px; color:#fff; font-size:14px; text-decoration:none; background:url(../images/sub_nav_hover.png) repeat-y 333px 0; } .sub_nav li a:hover { background-position:26px 0; } span.thumb { display:block; height:173px; width:317px; background:url(../images/thumbs/01.png); position:absolute; margin:12px 0 0 45px; z-index:11; } #main_content { display:block; width:567px; float:left; padding:0 0 45px 0; } #main_content h2 { display:block; width:100%; height:64px; text-indent:-9999px; } body.about #main_content h2 { background:url(../images/h2_about.png); } body.directions #main_content h2 { height:73px; background:url(../images/h2_directions.png); } body.tickets #main_content h2 { background:url(../images/h2_tickets.png); } body.sponsors #main_content h2 { height:71px; background:url(../images/h2_sponsors.png); } body.contact #main_content h2 { background:url(../images/h2_contact.png); } .content_body { display:block; width:492px; margin:40px 0 0 49px; color:#283613; line-height:160%; } h3 { color:#470303; font-weight:bold; font-size:26px; margin:0 0 25px 0; } h4 { color:#000; font-size:16px; margin:0 0 25px 0; } p { margin:0 0 15px 0; } p.preamble { font-size:14px; line-height:180%; font-style:italic; font-family:georgia, "times new roman", times, serif; } .content_body ul, dl { display:block; color:#483a3c; margin:0 0 25px 0; padding:10px 0 0 0; } .content_body ul li { display:block; margin:0 0 10px 0; padding:0 0 0 22px; background:url(../images/ul_bullet.png) no-repeat 0 3px; } dt { font-weight:bold; } dd { margin:0 0 15px 0; } .content_body a:link, .content_body a:visited { color:#873845; font-family:georgia, "times new roman", times, serif; font-style:italic; border-bottom:dotted 1px #958e22; text-decoration:none; padding-bottom:2px; } .content_body a:hover { color:#9e1127; border-color:#474410; } .content_body a.pdf { padding:0 28px 0 0; background:url(../images/pdf_icon.png) no-repeat 100% 3px; border:none; } strong { font-weight:bold; } em { font-style:italic; font-family:georgia, "times new roman", times, serif; font-weight:bold; } br.clear { clear:both; } /* Logo Lists */ .content_body ul.logo_list { } .content_body ul.logo_list li { display:block; float:left; margin:0 20px 30px 0; padding:136px 0 0 0; height:30px; width:136px; position:relative; text-align:center; background:none; } .content_body ul.logo_list li.senate { background:url(../images/logos/300_senate.png) no-repeat 0 0; } .content_body ul.logo_list li.blue_marlin { background:url(../images/logos/blue_marlin.png) no-repeat 0 0; } .content_body ul.logo_list li.blue_martini { background:url(../images/logos/blue_martini.png) no-repeat 0 0; } .content_body ul.logo_list li.blue { background:url(../images/logos/blue.png) no-repeat 0 0; } .content_body ul.logo_list li.ale_house { background:url(../images/logos/ale_house.png) no-repeat 0 0; } .content_body ul.logo_list li.cromers { background:url(../images/logos/cromers.png) no-repeat 0 0; } .content_body ul.logo_list li.cupcake { background:url(../images/logos/cupcake.png) no-repeat 0 0; } .content_body ul.logo_list li.damons { background:url(../images/logos/damons.png) no-repeat 0 0; } .content_body ul.logo_list li.five_guys { background:url(../images/logos/five_guys.png) no-repeat 0 0; } .content_body ul.logo_list li.flying_saucer { background:url(../images/logos/flying_saucer.png) no-repeat 0 0; } .content_body ul.logo_list li.gervais_vine { background:url(../images/logos/gervais_vine.png) no-repeat 0 0; } .content_body ul.logo_list li.jillians { background:url(../images/logos/jillians.png) no-repeat 0 0; } .content_body ul.logo_list li.liberty { background:url(../images/logos/liberty.png) no-repeat 0 0; } .content_body ul.logo_list li.longhorn { background:url(../images/logos/longhorn.png) no-repeat 0 0; } .content_body ul.logo_list li.macdougalls { background:url(../images/logos/macdougalls.png) no-repeat 0 0; } .content_body ul.logo_list li.mellow_mushroom { background:url(../images/logos/mellow_mushroom.png) no-repeat 0 0; } .content_body ul.logo_list li.motor_supply { background:url(../images/logos/motor_supply.png) no-repeat 0 0; } .content_body ul.logo_list li.nonnahs { background:url(../images/logos/nonnahs.png) no-repeat 0 0; } .content_body ul.logo_list li.ovations { background:url(../images/logos/ovations.png) no-repeat 0 0; } .content_body ul.logo_list li.pauls { background:url(../images/logos/pauls.png) no-repeat 0 0; } .content_body ul.logo_list li.ruths_chris { background:url(../images/logos/ruths_chris.png) no-repeat 0 0; } .content_body ul.logo_list li.sheraton { background:url(../images/logos/sheraton.png) no-repeat 0 0; } .content_body ul.logo_list li.saki_tumi { background:url(../images/logos/saki_tumi.png) no-repeat 0 0; } .content_body ul.logo_list li.vista_grille { background:url(../images/logos/vista_grille.png) no-repeat 0 0; } .content_body ul.logo_list li.wild_wing { background:url(../images/logos/wild_wing.png) no-repeat 0 0; } .content_body ul.logo_list li.z_pizza { background:url(../images/logos/zpizza.png) no-repeat 0 0; } .content_body ul.logo_list li.bluecross { background:url(../images/logos/bluecross.png) no-repeat 0 0; } .content_body ul.logo_list li.kona { background:url(../images/logos/kona.png) no-repeat 0 0; } .content_body ul.logo_list li.clear_channel_radio { background:url(../images/logos/clear_channel_radio.png) no-repeat 0 0; } .content_body ul.logo_list li.coke { background:url(../images/logos/coke.png) no-repeat 0 0; } .content_body ul.logo_list li.columbia_development { background:url(../images/logos/columbia_development.png) no-repeat 0 0; } .content_body ul.logo_list li.cyberwoven { background:url(../images/logos/cyberwoven.png) no-repeat 0 0; } .content_body ul.logo_list li.doctors_care { background:url(../images/logos/doctors_care.png) no-repeat 0 0; } .content_body ul.logo_list li.pro_printers { background:url(../images/logos/professional_printers.png) no-repeat 0 0; } .content_body ul.logo_list li.rbc_bank { background:url(../images/logos/rbc_bank.png) no-repeat 0 0; } .content_body ul.logo_list li.sceg { background:url(../images/logos/sceg.png) no-repeat 0 0; } .content_body ul.logo_list li.lottery { background:url(../images/logos/lottery.png) no-repeat 0 0; } .content_body ul.logo_list li.sysco { background:url(../images/logos/sysco.png) no-repeat 0 0; } .content_body ul.logo_list li.time_warner { background:url(../images/logos/time_warner.png) no-repeat 0 0; } .content_body ul.logo_list li.if_art { background:url(../images/logos/if_art.png) no-repeat 0 0; } .content_body ul.logo_list li.logan_raye { background:url(../images/logos/logan_raye.png) no-repeat 0 0; } .content_body ul.logo_list li.nonnahs { background:url(../images/logos/nonnahs.png) no-repeat 0 0; } .content_body ul.logo_list li.re_form_art { background:url(../images/logos/re_form_art.png) no-repeat 0 0; } .content_body ul.logo_list li.sc_state_museum { background:url(../images/logos/sc_state_museum.png) no-repeat 0 0; } .content_body ul.logo_list li.skipp_pearson { background:url(../images/logos/jazz.png) no-repeat 0 0; } .content_body ul.logo_list li.starbucks { background:url(../images/logos/starbucks.png) no-repeat 0 0; } .content_body ul.logo_list li.free_times { background:url(../images/logos/freetimes.png) no-repeat 0 0; } .content_body ul.logo_list li.hilton_columbia { background:url(../images/logos/hilton_columbia.png) no-repeat 0 0; } .content_body ul.logo_list li.thunder_tower { background:url(../images/logos/thunder_tower.png) no-repeat 0 0; } .content_body ul.logo_list li.wxry { background:url(../images/logos/wxry.png) no-repeat 0 0; } .content_body ul.logo_list li.taste_of_south { background:url(../images/logos/taste_of_south.png) no-repeat 0 0; } .content_body ul.logo_list li.adluh { background:url(../images/logos/adluh.png) no-repeat 0 0; } .content_body ul.logo_list li.frame_of_mind { background:url(../images/logos/frame_of_mind.png) no-repeat 0 0; } .content_body ul.logo_list li.wink { background:url(../images/logos/wink.png) no-repeat 0 0; } .content_body ul.logo_list li.ristorante_divino { background:url(../images/logos/ristorante_divino.png) no-repeat 0 0; } .content_body ul.logo_list li.bella_vista { background:url(../images/logos/bella_vista.png) no-repeat 0 0; } .content_body ul.logo_list li.caring_in { background:url(../images/logos/caring_in.png) no-repeat 0 0; } .content_body ul.logo_list li.clarion_downtown { background:url(../images/logos/clarion_downtown.png) no-repeat 0 0; } .content_body ul.logo_list li.cambria { background:url(../images/logos/cambria.png) no-repeat 0 0; } .content_body ul.logo_list li.the_state { background:url(../images/logos/the_state.png) no-repeat 0 0; } .content_body em.city_of_columbia { display:block; width:490px; height:73px; background:url(../images/logos/city_of_columbia.png) no-repeat 0 0; clear:both; text-indent:-9999px; margin:15px 0; } #footer_wrapper { display:block; width:100%; background:#5b0c06 url(../images/footer_wrapper_bg.jpg) repeat-x 50% 0; } #footer { display:block; font-size:10px; letter-spacing:.03em; color:#fff; width:960px; padding:25px 0 80px 0; margin:0 auto; background:url(../images/footer_bg.jpg) repeat-x 50% 0; } #footer a.congaree_vista_guild { display:block; float:left; text-indent:-9999px; margin:2px 0 0 27px; height:77px; width:59px; background:url(../images/congaree_logo.png) no-repeat 0 0; } #footer a.congaree_vista_guild:hover { background-position:-59px 0; } #footer a.famously_hot { display:block; float:left; text-indent:-9999px; margin:21px 0 0 2px; height:58px; width:102px; background:url(../images/famously_hot.png) no-repeat 0 0; } #footer a.famously_hot:hover { background-position:-102px 0; } #footer a.facebook { display:block; float:left; text-indent:-9999px; margin:21px 0 0 2px; height:58px; width:162px; background:url(../images/facebook_icon.png) no-repeat 0 0; } #footer a.facebook:hover { background-position:-162px 0; } #footer span.copyright { display:inline; margin:0 17px 0 -260px; } #footer .vcard { display:inline; margin:0; } #footer .vcard .org, #footer .vcard .adr, #footer .vcard .tel { display:inline; margin:0 17px 0 0; } #footer .vcard .adr .street-address { display:inline; margin:0 17px 0 0; } #footer .vcard .adr .locality, #footer .vcard .adr .region, #footer .vcard .adr .postal-code { display:inline; } #footer .author { display:inline; clear:none; margin:0 0 0 28px; } #footer .author a { color:#f5b906; text-decoration:none; padding:0 0 2px 0; } #footer .author a:hover { color:#ffd800; border-bottom:solid 2px #831616; } /* Contact --------------- */ fieldset ul.form_list { margin:0; padding:0; } fieldset ul.form_list li { margin:10px 0; padding:0; background:none; } fieldset ul.form_list label { display:block; } fieldset ul.form_list label.required { font-weight:bold; } fieldset ul.form_list .textbox, fieldset ul.form_list textarea { width:400px; padding:5px; font-size:13px; background:#f6f5e3; border:solid 1px #aba75e; color:#283613; } fieldset ul.form_list .textbox:focus, fieldset ul.form_list .textbox:active, fieldset ul.form_list textarea:focus, fieldset ul.form_list textarea:active { background:#fff; color:#000; } fieldset ul.form_list textarea { height:120px; overflow:auto; } fieldset ul.form_list span.required { font-weight:normal; color:#716264; font-size:11px; font-family:georgia, "times new roman", times, serif; font-style:italic; } a.linkbutton { font-size:18px; } fieldset span.error_message { color:#78241a !important; font-family:georgia, "times new roman", times, serif; font-style:italic; margin-top:5px; }