/* establish link format (outline is to fix firefox bug) */ a, a:link, a:visited { color: #005584; text-decoration: none; outline: none; } a:hover, a:active { color: #C90A49; text-decoration: none; outline: none; } div.line { margin-left: 0px; margin-right: 0px; margin-top: 15px; margin-bottom: 15px; height: 1px; border-top: 1px solid #999999; } div.clearline { clear: both; margin-left: 0px; margin-right: 0px; margin-top: 15px; margin-bottom: 15px; height: 1px; border-top: 1px solid #999999; } /* >>>>>>>> headerbar: univsersal top strip across all sites */ #headerbar { background-repeat: repeat-x; background-image: url(/style_img/headerbar_bg.gif); padding: 0px; height: 25px; background-color: #4D4D4D; margin-right: auto; margin-left: auto; margin-bottom: 0px; margin-top: 0px;} #headerbar_inside { text-align: right; line-height: 25px; margin-right: auto; margin-left: auto; width: 960px; padding: 0px; color: #FFFFFF; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; overflow: hidden;} #headerbar_inside em { float:left; text-align:left; font-style:normal; font-size: 11px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; } #headerbar_inside a:link,#headerbar_inside a:visited { color: #FFFFFF; text-decoration: none;} #headerbar_inside a:hover,#headerbar_inside a:active { color: #d2d9ff; text-decoration: none;} /* >>>>>>>> end headerbar */ /* all page page background - TODO: min-height is ignored in IE */ #main_bg_container { margin: 0px; padding-top: 25px; min-height: 500px; background-color: #FFFFFF; background: url(/style_img/main_bg.jpg) 50% 0 no-repeat;} /* >>>>>>>> listen strip: listen live and newscast shape and rollover effects */ #listen_strip { text-align: left; margin-bottom: 0px; margin-top: 0px; margin-right: auto; margin-left: auto; width: 970px; padding: 0px; overflow: hidden;} #listen_strip #listen_strip_ul { margin: 0;} #listen_strip a { display: block; height: 34px; text-indent: -9999em;} #listen_strip li { list-style: none; float: right;} #listen_strip li.listen_live a:link, #listen_strip li.listen_live a:visited { background: url(/style_img/listen_live.gif) no-repeat 0 0; width: 311px; text-decoration: none;} #listen_strip li.listen_live a:hover, #listen_strip li.listen_live a:active { background: url(/style_img/listen_live.gif) no-repeat 0 -34px; text-decoration: none;} #listen_strip li.listen_news a:link, #listen_strip li.listen_news a:visited { background: url(/style_img/listen_newscast.gif) no-repeat 0 0; width: 167px; text-decoration: none;} #listen_strip li.listen_news a:hover, #listen_strip li.listen_news a:active { background: url(/style_img/listen_newscast.gif) no-repeat 0 -34px; text-decoration: none;} #listen_strip li.listen_buscancel a:link, #listen_strip li.listen_buscancel a:visited { background: url(/style_img/listen_buscancel.gif) no-repeat 0 0; width: 270px; text-decoration: none;} #listen_strip li.listen_buscancel a:hover, #listen_strip li.listen_buscancel a:active { background: url(/style_img/listen_buscancel.gif) no-repeat 0 -34px; text-decoration: none;} #listen_strip li.listen_leftad a:link, #listen_strip li.listen_leftad a:visited { background: url(/ad_img/ad_sears_lug.gif) no-repeat 0 0; width: 294px; margin-right: 93px; text-decoration: none;} #listen_strip li.listen_leftad a:hover, #listen_strip li.listen_leftad a:active { background: url(/ad_img/ad_sears_lug.gif) no-repeat 0 -34px; text-decoration: none;} #listen_strip li.listen_leftad #feature_lug_shell { width: 300px; margin-right: 76px; } #listen_strip li.listen_egghunt a:link, #listen_strip li.listen_egghunt a:visited { background: url(/egghunt/lug_egghunt.gif) no-repeat 0 0; width: 600px; margin-right: 54px; text-decoration: none;} #listen_strip li.listen_egghunt a:hover, #listen_strip li.listen_egghunt a:active { background: url(/egghunt/lug_egghunt.gif) no-repeat 0 -34px; text-decoration: none;} /* >>>>>>>> end listen strip */ /* features: flash box to roll features and first tier ads */ #features { margin: 0 auto; width: 970px; height: 235px; padding: 0; z-index: -500;} #featureFlash { margin: 0; width: 970px; height: 235px; padding: 0px; background: url(/style_img/feature_bg_noflash.jpg) no-repeat 0 0; } #features_content { margin: 0 auto; width: 970px; height: 91px; padding: 0; z-index: -500; background-color: white; } #feature_noflash_warning { margin: 0; position: relative; left: 280px; top: 50px; _margin-left: 280px; _margin-top: 50px; list-style-type: none; } #feature_noflash_warning li { list-style: none; float: left; padding-left: 15px; } #feature_noflash_warning li h2 { padding-top: 0; margin-top: 0; } #feature_noflash_warning li a, #feature_noflash_warning li a:link, #feature_noflash_warning li a:visited { color: #005584; text-decoration: none;} #feature_noflash_warning li a:hover, #feature_noflash_warning li a:active { background-color: #C5E2EF; text-decoration: none; color: #005584;} /* >>>>>>>> nav strip with roll/drop menus */ #nav_strip { margin: 0 auto; padding: 0; width: 970px; height: 30px; } /* See nav-*.css for page-specific nav styles */ /* >>>>>>>> blog strip: houses all the blog pulls */ #blog_strip { background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/style_img/blogstrip_top_bg.gif); margin-bottom: 0px; margin-top: 22px; margin-right: auto; margin-left: auto; width: 970px; height: 63px; padding: 0px;} ul#blogstrip_ul { z-index: 9; clear: right; float: right; list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 970px; height: 63px; display: block; right: 0px;} ul#blogstrip_ul li { display: inline; float: left;} ul#blogstrip_ul li#blogstrip_leftpad { width: 204px; height: 63px;} ul#blogstrip_ul li#blogstrip_morningcrew { padding-top: 2px; width: 261px; height: 63px; _height: 61px; overflow: hidden;} ul#blogstrip_ul li#blogstrip_charity, ul#blogstrip_ul li#blogstrip_justin { padding-top: 2px; width: 246px; height: 63px; _height: 61px; overflow: hidden;} .blogstrip_excerpt { margin-top: 1px; padding-left: 100px; text-indent: -12px;} /* #blog_strip a, #blog_strip a:link, #blog_strip a:visited { color: #005584; text-decoration: none; } */ #blog_strip_sub { background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/style_img/blogstrip_sub_bg.gif); margin-bottom: 0px; margin-top: 0px; margin-right: auto; margin-left: auto; width: 970px; height: 37px; padding: 0px; overflow: hidden; } ul#blogstrip_sub_ul { z-index: 9; clear: right; float: right; list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 970px; height: 37px; display: block; right: 0px;} ul#blogstrip_sub_ul li { display: inline; float: right;} ul#blogstrip_sub_ul li#blogstrip_sub_leftpad { background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/style_img/blogstrip_sub_left.gif); width: 121px; height: 37px;} ul#blogstrip_sub_ul li.blogstrip_sub_middle { background-image: url(/style_img/blogstrip_sub_mid.gif); background-repeat: repeat-x; padding-top: 3px; padding-left: 15px; padding-right: 0px; width: auto; height: 37px; overflow: hidden; } ul#blogstrip_sub_ul li.blogstrip_sub_middle_text { background-image: url(/style_img/blogstrip_sub_mid.gif); background-repeat: repeat-x; padding-top: 10px; padding-left: 0px; padding-right: 10px; width: auto; height: 37px; overflow: hidden; } ul#blogstrip_sub_ul li#blogstrip_sub_rightpad { background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/style_img/blogstrip_sub_right.gif); width: 52px; height: 37px;} /* >>>>>>>> end blog strip */ /* >>>>>>>> super strip: super stuff like house ads and little promos go here */ #super_strip { background-repeat: no-repeat; background-image: url(/style_img/superstrip_bg.gif); margin-bottom: 0px; margin-top: 20px; margin-right: auto; margin-left: auto; width: 970px; height: 97px; padding: 0px;} ul#superstrip_ul { z-index: 8; clear: right; float: right; list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 970px; height: 97px; display: block; right: 0px;} ul#superstrip_ul li { display: inline; float: left;} #superstrip_ul li#superstrip_1 { margin: 2px 0 0 5px; width: 188px; height: 90px;} #superstrip_ul li#superstrip_2 { margin: 2px 0 0 5px; width: 188px; height: 90px;} #superstrip_ul li#superstrip_3 { margin: 2px 0 0 5px; width: 188px; height: 90px;} #superstrip_ul li#superstrip_4 { margin: 2px 0 0 5px; width: 188px; height: 90px;} #superstrip_ul li#superstrip_5 { margin: 2px 0 0 5px; width: 188px; height: 90px;} /* >>>>>>>> end super strip */ /* >>>>>>>> flipper strip: super flippy stuff like house ads and little promos go here */ #flipper_strip { background-repeat: no-repeat; background-image: url(/style_img/superstrip_bg.gif); margin-bottom: 0px; margin-top: 20px; margin-right: auto; margin-left: auto; width: 970px; height: 97px; padding: 0px; overflow: hidden; } #flipperstrip_corners_left { position: relative; z-index: 12; height: 90px; width: 8px; top: 2px; left: 5px; background: url(/style_img/superstrip_corners_left.gif) no-repeat 0 0; } #flipperstrip_corners_right { position: relative; z-index: 11; height: 90px; width: 7px; top: -88px; left: 958px; background: url(/style_img/superstrip_corners_right.gif) no-repeat 0 0; } #flipperstrip_carousel { position: relative; top: -178px; left: 5px !important; height: 90px; width: 960px !important; z-index: 14; } ul#flipperstrip_ul { list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 960px; height: 97px; display: block; left: 0px;} ul#flipperstrip_ul li { display: inline; float: left; margin: 0 5px 0 0; width: 188px; height: 90px; } ul#flipperstrip_ul li.flipperstrip_double { display: inline; float: left; margin: 0 5px 0 0; width: 381px !important; height: 90px; } /* >>>>>>>> end flipper strip */ /* >>>>>>>> ad strip: second tier ads go here */ #ad_strip { background-repeat: no-repeat; background-image: url(/style_img/adstrip_bg.gif); margin-bottom: 0px; margin-top: 20px; margin-right: auto; margin-left: auto; width: 970px; height: 97px; padding: 0px;} ul#adstrip_ul { z-index: 8; clear: right; float: right; list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 970px; height: 97px; display: block; right: 0px;} ul#adstrip_ul li { display: inline; float: left;} #ad_strip li#adstrip_leftad { margin: 2px 0 0 5px; width: 228px; height: 90px;} #ad_strip li#adstrip_rightad { margin: 2px 0 0 5px; width: 728px; height: 90px;} /* >>>>>>>> end ad strip */ /* >>>>>>>> fun strip: random shit goes here */ #fun_strip { background-repeat: no-repeat; background-image: url(/style_img/funstrip_bg.gif); margin-bottom: 0px; margin-top: 24px; margin-right: auto; margin-left: auto; width: 970px; height: 68px; padding: 0px;} ul#funstrip_ul { clear: right; float: right; list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 970px; height: 68px; display: block; right: 0px;} ul#funstrip_ul li { display: inline; float: left; } #fun_strip li#funstrip_leftpad { width: 13px; height: 68px; } #fun_strip li#funstrip_weather { padding-top: 2px; width: 200px; height: 68px; _height: 66px; background-position: 0px 2px; background-repeat: no-repeat; background-image: url(/style_img/weather_bg.gif); overflow: hidden; } #fun_strip li#funstrip_charity { width: 181px; height: 68px; _height: 66px; text-align: right; overflow: hidden; } #fun_strip li#funstrip_birthday { width: 150px; height: 68px; _height: 66px; text-align: right; overflow: hidden; } #fun_strip li#funstrip_adoptachild { width: 196px; height: 68px; _height: 66px; text-align: right; overflow: hidden; } #fun_strip li#funstrip_musicdirector { width: 196px; height: 68px; _height: 66px; text-align: right; overflow: hidden; } #fun_strip li#funstrip_top6 { width: 200px; height: 68px; _height: 66px; text-align: right; overflow: hidden; } ul#forecast_ul { clear: right; float: right; list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; display: block; right: 0px; top: 24px; } ul#forecast_ul li { text-align: center; font-size: 9px; line-height: 9px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; display: inline; float: left; padding: 0 2px; margin: 0; } ul#forecast_ul li a { display: block; } /* >>>>>>>> end fun strip */ /* >>>>>>>> base strip: the bottom row of boxes for news, mixv, etc */ #base_strip { margin-bottom: 0px; margin-top: 24px; margin-right: auto; margin-left: auto; width: 970px; padding: 0px;} /* news basebox - has iframe that pulls news */ #base_strip #basebox_news { width: 310px; height: 352px; float: left; left: 0; margin: 0;} #base_strip #basebox_news #basebox_news_title { padding: 0; margin: 0; width: 310px; height: 38px;} #base_strip #basebox_news #basebox_news_middle { min-height: 232px; _height: 232px; padding: 0; margin: 0; width: 310px; background-image: url(/style_img/basebox_middle_bg.gif); background-position: 0 bottom; background-repeat: no-repeat;} #base_strip #basebox_news #basebox_news_bottom { height: 75px; padding: 0 0 0 5px; background-image: url(/style_img/basebox_bottom_bg.gif); background-position: 0 bottom; background-repeat: no-repeat;} #base_strip #basebox_news #basebox_news_iframe { width: 300px; height: 202px; margin-left: 5px; padding-bottom: 5px !important; } #base_strip #basebox_news #basebox_events_iframe { width: 300px; height: 232px; margin-left: 5px;} #base_strip #basebox_news #basebox_newsevents_tabcontainer .basebox_middle_1 { min-height: 232px; _height: 232px; padding: 0; margin: 0; width: 310px; background-image: url(/style_img/basebox_middle_bg.gif); background-position: 0 top; background-repeat: no-repeat; } #base_strip #basebox_news #basebox_newsevents_tabcontainer .basebox_middle_2 { min-height: 232px; _height: 232px; padding: 0; margin: 0; width: 310px; background-image: url(/style_img/basebox_middle_bg.gif); background-position: 0 bottom; background-repeat: no-repeat; } ul#newsevents_tabs { list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 310px; height: 38px; display: block; right: 0px;} ul#newsevents_tabs li { display: inline; float: left; margin: 0; padding: 0; height: 38px;} /* define active and non-active tab states for tv/gallery jquery tabs */ #newsevents_tabs_news { width: 155px; background: url(/style_img/basebox_newsevents_tabs.gif) no-repeat 0 -38px; text-decoration: none; } #newsevents_tabs_news a { display: block; height: 38px; text-indent: -9999em;} #newsevents_tabs_news.active { width: 155px; background: url(/style_img/basebox_newsevents_tabs.gif) no-repeat 0 0; text-decoration: none; } #newsevents_tabs_events { width: 155px; background: url(/style_img/basebox_newsevents_tabs.gif) no-repeat -155px 0; text-decoration: none; } #newsevents_tabs_events a { display: block; height: 38px; text-indent: -9999em;} #newsevents_tabs_events.active { width: 155px; background: url(/style_img/basebox_newsevents_tabs.gif) no-repeat -155px -38px; text-decoration: none; } /* tv/gallery box with jquery tabs */ #base_strip #basebox_tvgal { width: 310px; height: 352px; float: left; left: 0; margin-left: 16px;} #base_strip #basebox_tvgal #basebox_tvgal_title { padding: 0; margin: 0; width: 310px; height: 38px;} #base_strip #basebox_tvgal #basebox_tvgal_middle { min-height: 232px; _height: 232px; padding: 0; margin: 0; width: 310px; background-image: url(/style_img/basebox_middle_bg.gif); background-position: 0 bottom; background-repeat: no-repeat;} #base_strip #basebox_tvgal #basebox_tvgal_tabcontainer .basebox_middle { min-height: 232px; _height: 232px; padding: 0; margin: 0; width: 310px; background-image: url(/style_img/basebox_middle_bg.gif); background-position: 0 bottom; background-repeat: no-repeat; overflow: hidden; } /* #base_strip #basebox_tvgal #basebox_tvgal_tabcontainer .basebox_middle_2 { min-height: 232px; _height: 232px; padding: 0 0 0 5px; margin: 0; width: 310px; background-image: url(/style_img/basebox_middle_bg.gif); background-position: 0 bottom; background-repeat: no-repeat; } */ #base_strip #basebox_tvgal #basebox_tvgal_bottom { height: 75px; padding: 0 0 0 5px; background-image: url(/style_img/basebox_bottom_bg.gif); background-position: 0 bottom; background-repeat: no-repeat;} ul#tvgal_tabs { list-style-type: none; margin: 0; padding: 0; position: relative; top: 0px; width: 310px; height: 38px; display: block; right: 0px;} ul#tvgal_tabs li { display: inline; float: left; margin: 0; padding: 0; height: 38px;} /* define active and non-active tab states for tv/gallery jquery tabs */ #tvgal_tabs_mixtv { width: 155px; background: url(/style_img/basebox_tvgal_tabs.gif) no-repeat 0 -38px; text-decoration: none; } #tvgal_tabs_mixtv a { display: block; height: 38px; text-indent: -9999em;} #tvgal_tabs_mixtv.active { width: 155px; background: url(/style_img/basebox_tvgal_tabs.gif) no-repeat 0 0; text-decoration: none; } ul#mixtv_ul_outie { list-style-type: none; margin: 0 0 0 18px; padding: 0; display: block; } ul#mixtv_ul_outie li#mixtv_li_big { display: inline; float: left; list-style: none; margin: 0; padding: 1px 0 0 1px; width: 184px; background: url(/style_img/basebox_mixtv_thumb_shadow.gif) no-repeat 0 0; } ul#mixtv_ul_outie li#mixtv_li_small { display: inline; float: left; list-style: none; margin: 0; padding: 0; } ul#mixtv_ul_innie { margin: 0; padding: 0; display: block; } ul#mixtv_ul_innie li.mixtv_li_innie { list-style: none; margin: 0; padding: 1px 0 0 1px; width: 89px; height: 68px; background: url(/style_img/basebox_mixpics_thumb_shadow.gif) no-repeat 0 0; } ul#mixtv_ul_innie li.mixtv_li_more { list-style: none; margin: 10px 0 0 0; padding: 1px 0 0 4px; } ul.mixtv_ul_content { list-style-type: none; margin: 0 0 0 12px; padding: 0; display: block; } ul.mixtv_ul_content li { display: inline; float: left; margin: 0 0 0 5px; padding-left: 1px; padding-top: 1px; width: 69px; height: 54px; background: url(/style_img/content_mixpics_thumb_shadow.gif) no-repeat 0 0; } p.tvgal_heading { margin: 6px 0 2px 18px; padding: 0; } ul#mixtv_ul_outie h3.mixtv_h3 { font-size: 14px; color: #0872BA; letter-spacing: -1px; margin: 8px 0 3px 0; } #tvgal_tabs_mixpics { width: 155px; background: url(/style_img/basebox_tvgal_tabs.gif) no-repeat -155px 0; text-decoration: none; } #tvgal_tabs_mixpics a { display: block; height: 38px; text-indent: -9999em;} #tvgal_tabs_mixpics.active { width: 155px; background: url(/style_img/basebox_tvgal_tabs.gif) no-repeat -155px -38px; text-decoration: none; } ul.mix_pics_row { list-style-type: none; margin: 0 0 0 18px;; padding: 0; width: 273px; height: 69px; display: block;} ul.mix_pics_row li { display: inline; float: left; margin: 0 0 5px 0; padding-left: 1px; padding-top: 1px; width: 89px; height: 69px; background: url(/style_img/basebox_mixpics_thumb_shadow.gif) no-repeat 0 0; } /* highslide image/flash view definitions */ .highslide { cursor: url(../js/highslide/graphics/zoomin.cur), pointer; outline: none; text-decoration: none; } /* .highslide-container div { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } */ /* .highslide img { border: 2px solid silver; } */ /* .highslide:hover img { border-color: gray; } */ /* .highslide-active-anchor img, .highslide-active-anchor:hover img { border: 1px solid #C90A49; } */ /* .highslide-image { border-width: 2px; border-style: solid; border-color: white; background: gray; } */ .highslide-wrapper, .rounded-white { background: white; } .highslide-image-blur { } .highslide-caption { display: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 5px; background: #FFFFFF; } .highslide-heading { font-size: 16px; color: #0872BA; letter-spacing: -0.5px; font-family: Arial, Verdana, Helvetica, sans-serif; display: none; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding-left: 5px; } .highslide-dimming { position: absolute; background: black; } .highslide-loading { display: block; color: black; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(../js/highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: gray; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } /* div.highslide-html-content div.highslide-header ul { list-style: none; list-style-type: none; margin: 0; width: 100%; padding: 0; } */ /* div.highslide-html-content div.highslide-header ul li { display: inline; margin: 0; text-align: center; width: auto; font-family: Verdana, Helvetica, sans; font-size: 8pt; } */ /* controls. */ .highslide-controls { width: 105px; height: 20px; position: relative; top: -21px; left: 7px; } .highslide-controls ul { height: 20px; list-style: none; margin: 0; padding: 0; } .highslide-controls li { float: left; list-style: none; } .highslide-controls a { background-image: url(../js/highslide/graphics/controlbar-white-small.gif); display: block; float: left; height: 20px; width: 20px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a span { display: none; } .highslide-controls .highslide-move { display: none; } .highslide-move a { cursor: move; } /* the CSS sprites for the controlbar */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .highslide-controls .highslide-play a { background-position: -20px 0; } .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .highslide-controls .highslide-pause a { background-position: -40px 0; } .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .highslide-controls .highslide-next a { background-position: -60px 0; } .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .highslide-controls .highslide-close a { background-position: -120px 0; } .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } .highslide-overlay { display: none; } .closebutton { float: right; position: relative; top: -35px; left: 15px; width: 30px; height: 30px; cursor: hand; cursor: pointer; background: url(../js/highslide/graphics/close.png); /* For IE6, remove background and add filter */ /* Note! the src is relative to the HTML file, not the CSS file */ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/highslide/graphics/close.png', sizingMethod='scale'); } .weatherclosebutton { float: right; position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: hand; cursor: pointer; background: url(../js/highslide/graphics/close.png); /* For IE6, remove background and add filter */ /* Note! the src is relative to the HTML file, not the CSS file */ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/highslide/graphics/close.png', sizingMethod='scale'); } /* OVERRIDE FOR HIGHSLIDE HTML CONTENT - Make sure this comes last! */ /* -------------> THIS ONE --------> div.highslide-html-content div.highslide-header { display: none; visibility: hidden; } */ div.highslide-html-content div.highslide-header { display: none; visibility: hidden; } /* div.highslide-html-content .highslide-header { padding-bottom: 5px; } */ div.highslide-html-content .highslide-heading { font-size: 18px; color: #0872BA; letter-spacing: -0.5px; display: none; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding-left: 5px; float: left; } div.highslide-html-content .highslide-header ul { z-index: 1; margin: 0; padding: 0; text-align: right; float: right; top: 0; clear: none; } div.highslide-html-content .highslide-header ul li { display: inline; padding-left: 1em; } div.highslide-html-content .highslide-header ul li.highslide-previous, div.highslide-html-content .highslide-wrapper .highslide-header ul li.highslide-next { display: none; visibility: hidden; } div.highslide-html-content .highslide-header a { font-weight: bold; color: #0872BA; text-transform: capitalize; text-decoration: none; font-size: 14px; letter-spacing: -0.5px; } div.highslide-html-content .highslide-header a:hover { color: black; } div.highslide-html-content li.highslide-move { visibility: hidden; } div.highslide-html-content .highslide-footer { height: 1px; } div.highslide-html-content .highslide-footer .highslide-resize { visibility: hidden; float: right; height: 1px; width: 11px; background: url(../js/highslide/graphics/resize.gif); } div.highslide-html-content .highslide-resize { cursor: nw-resize; } /* END OVERRIDE */ /* featured stuff */ #base_strip #basebox_featured { width: 310px; height: 352px; float: right; right: 0;} #base_strip #basebox_featured #basebox_featured_title { padding: 0; margin: 0; width: 310px; height: 38px;} #base_strip #basebox_featured #basebox_featured_middle { min-height: 232px; _height: 232px; padding: 0; margin: 0; width: 310px; background-image: url(/style_img/basebox_middle_bg.gif); background-position: 0 bottom; background-repeat: no-repeat;} #base_strip #basebox_featured #basebox_featured_bottom { height: 75px; padding: 0 0 0 5px; background-image: url(/style_img/basebox_bottom_bg.gif); background-position: 0 bottom; background-repeat: no-repeat;} #base_strip #basebox_featured #basebox_featured_iframe { width: 300px; height: 232px; margin-left: 5px;} /* >>>>>>>> end base strip */ /* >>>>>>>> calendar: used on home page, nav pages and events page */ #calendar_normal_container { width: 261px; margin: 0 auto; padding: 0; } #calendar_normal_head { width: 261px; height: 28px; margin: 0; padding: 6px 5px 0 2px; background: url(/style_img/calendar_head.gif) no-repeat 0 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans; letter-spacing: -0.5em font-size: 18px; font-weight: bold; vertical-align: middle; color: #FFFFFF; } #calendar_normal_head_sm { width: 261px; height: 26px; margin: 0; padding: 6px 5px 0 2px; background: url(/style_img/calendar_head.gif) no-repeat 0 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans; letter-spacing: -0.5em font-size: 18px; font-weight: bold; vertical-align: middle; color: #FFFFFF; } ul#calendar_normal_nav { display: inline; } li#calendar_normal_nav_left { list-style: none; width: 16px; margin: 3px 0 0 10px; _margin: 4px 0 0 6px; float: left; } li#calendar_normal_nav_title { list-style: none; width: 202px; margin: 1px 0 0 0; float: left; } li#calendar_normal_nav_right { list-style: none; width: 16px; margin: 3px 0 0 0; float: left; } #calendar_normal_body { width: 254px; margin: 0; padding: 2px 5px 0 2px; background: url(/style_img/calendar_mid_bg.gif) repeat-y; text-align: center; } #calendar_normal_table { margin: 2px 0 0 0; border: 1px solid #999999; _border: none; } #calendar_normal_table td { text-align: center; border: 1px solid #999999; width: 35px; height: 24px; font-family: Verdana, Arial, Helvetica, sans; font-size: 12px; font-weight: bold; vertical-align: middle; } #calendar_normal_table td.calendar_normal_today { border: 2px solid #005584; } #calendar_normal_table td.calendar_normal_nodate { color: #696969; background: url(/style_img/calendar_bg_nodate.gif) repeat-x bottom; } #calendar_normal_table td.calendar_normal_noevent { color: #696969; background: url(/style_img/calendar_bg_noevent.gif) repeat-x top; } #calendar_normal_table td.calendar_normal_event { color: #005584; background: url(/style_img/calendar_bg_event.gif) repeat-x bottom; } #calendar_normal_table td.calendar_normal_event a { display: block; width: 37px; text-decoration: none; } #calendar_normal_table td.calendar_normal_special { color: #405E2C; background: url(/style_img/calendar_bg_special.gif) repeat-x bottom; } #calendar_normal_table td.calendar_normal_special a, #calendar_normal_table td.calendar_normal_special a:link, #calendar_normal_table td.calendar_normal_special a:visited { color: #405E2C; display: block; text-decoration: none; } #calendar_normal_table td.calendar_normal_special a:hover, #calendar_normal_table td.calendar_normal_special a:active { color: #C90A49; display: block; text-decoration: none; } #calendar_normal_base { width: 261px; height: 35px; margin: 0; padding: 0; background: url(/style_img/calendar_base.gif) no-repeat 0 0; } #calendar_normal_base a { display: block; text-indent: -9999em; height: 35px; } #calendar_normal_base_sm { width: 261px; height: 25px; margin: 0; padding: 2px 0 0 0; background: url(/style_img/calendar_base_sm.gif) no-repeat 0 0; font-family: Verdana, Arial, Helvetica, sans; font-size: 12px; letter-spacing: -0.1em; font-weight: bold; vertical-align: middle; text-align: center; } #calendar_normal_base_sm a { display: inline; height: 25px; } #calendar_basebox_container { width: 300px; margin: 0; padding: 0; } #calendar_basebox_head_sm { width: 300px; height: 22px; margin: 0; padding: 4px 5px 0 2px; background: url(/style_img/calendar_basebox_head.gif) repeat-x 0 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans; letter-spacing: -0.5em font-size: 18px; font-weight: bold; vertical-align: middle; color: #FFFFFF; } ul#calendar_basebox_nav { display: inline; } li#calendar_basebox_nav_left { list-style: none; width: 16px; margin: 3px 0 0 15px; _margin: 3px 0 0 8px; float: left; } li#calendar_basebox_nav_title { list-style: none; width: 230px; margin: 1px 0 0 0; _margin: 2px 0 0 0; float: left; } li#calendar_basebox_nav_right { list-style: none; width: 16px; margin: 3px 0 0 0; float: left; } #calendar_basebox_body { width: 300px; margin: 0; padding: 2px 0 0 0; text-align: center; background: url(/style_img/calendar_basebox_base.gif) repeat-x bottom; } #calendar_basebox_table { margin: 2px 0 0 0; border: 1px solid #999999; _border: none; } #calendar_basebox_table td { text-align: center; border: 1px solid #999999; width: 42px; height: 27px; font-family: Verdana, Arial, Helvetica, sans; font-size: 12px; font-weight: bold; vertical-align: middle; } #calendar_basebox_table td.calendar_basebox_today { border: 2px solid #005584; } #calendar_basebox_table td.calendar_basebox_nodate { color: #696969; background: url(/style_img/calendar_bg_nodate.gif) repeat-x bottom; } #calendar_basebox_table td.calendar_basebox_noevent { color: #696969; background: url(/style_img/calendar_bg_noevent.gif) repeat-x top; } #calendar_basebox_table td.calendar_basebox_event { color: #005584; background: url(/style_img/calendar_bg_event.gif) repeat-x bottom; } #calendar_basebox_table td.calendar_basebox_event a { display: block; text-decoration: none; } #calendar_basebox_table td.calendar_basebox_special { color: #405E2C; background: url(/style_img/calendar_bg_special.gif) repeat-x bottom; } #calendar_basebox_table td.calendar_basebox_special a, #calendar_basebox_table td.calendar_basebox_special a:link, #calendar_basebox_table td.calendar_basebox_special a:visited { color: #405E2C; display: block; text-decoration: none; } #calendar_basebox_table td.calendar_basebox_special a:hover, #calendar_basebox_table td.calendar_basebox_special a:active { color: #C90A49; display: block; text-decoration: none; } #calendar_basebox_base_sm { width: 300px; height: 20px; margin: 0; padding: 2px 0 0 0; background: url(/style_img/calendar_bg_noevent.gif) repeat-x top; font-family: Verdana, Arial, Helvetica, sans; font-size: 12px; letter-spacing: -0.1em; font-weight: bold; vertical-align: middle; text-align: center; } #calendar_basebox_base_sm a { display: inline; height: 20px; } #calendar_leftbox_container { width: 254px; margin: 0; padding: 0; } #calendar_leftbox_head_sm { width: 247px; height: 22px; margin: 0; padding: 4px 5px 0 2px; background: url(/style_img/calendar_basebox_head.gif) repeat-x 0 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans; letter-spacing: -0.5em font-size: 18px; font-weight: bold; vertical-align: middle; color: #FFFFFF; } ul#calendar_leftbox_nav { display: inline; } li#calendar_leftbox_nav_left { list-style: none; width: 16px; margin: 3px 0 0 15px; _margin: 3px 0 0 8px; float: left; } li#calendar_leftbox_nav_title { list-style: none; width: 184px; margin: 1px 0 0 0; _margin: 2px 0 0 0; float: left; } li#calendar_leftbox_nav_right { list-style: none; width: 16px; margin: 3px 0 0 0; float: left; } #calendar_leftbox_body { width: 254px; margin: 0; padding: 2px 0 0 0; text-align: center; background: url(/style_img/calendar_basebox_base.gif) repeat-x bottom; } #calendar_leftbox_table { margin: 2px 0 0 0; border: 1px solid #999999; _border: none; } #calendar_leftbox_table td { text-align: center; border: 1px solid #999999; width: 42px; height: 27px; font-family: Verdana, Arial, Helvetica, sans; font-size: 12px; font-weight: bold; vertical-align: middle; } #calendar_leftbox_table td.calendar_leftbox_today { border: 2px solid #005584; } #calendar_leftbox_table td.calendar_leftbox_nodate { color: #696969; background: url(/style_img/calendar_bg_nodate.gif) repeat-x bottom; } #calendar_leftbox_table td.calendar_leftbox_noevent { color: #696969; background: url(/style_img/calendar_bg_noevent.gif) repeat-x top; } #calendar_leftbox_table td.calendar_leftbox_event { color: #005584; background: url(/style_img/calendar_bg_event.gif) repeat-x bottom; } #calendar_leftbox_table td.calendar_leftbox_event a { display: block; text-decoration: none; } #calendar_leftbox_table td.calendar_leftbox_special { color: #405E2C; background: url(/style_img/calendar_bg_special.gif) repeat-x bottom; } #calendar_leftbox_table td.calendar_leftbox_special a, #calendar_leftbox_table td.calendar_leftbox_special a:link, #calendar_leftbox_table td.calendar_leftbox_special a:visited { color: #405E2C; display: block; text-decoration: none; } #calendar_leftbox_table td.calendar_leftbox_special a:hover, #calendar_leftbox_table td.calendar_leftbox_special a:active { color: #C90A49; display: block; text-decoration: none; } #calendar_leftbox_base_sm { width: 254px; height: 20px; margin: 0; padding: 2px 0 0 0; background: url(/style_img/calendar_bg_noevent.gif) repeat-x top; font-family: Verdana, Arial, Helvetica, sans; font-size: 12px; letter-spacing: -0.1em; font-weight: bold; vertical-align: middle; text-align: center; } #calendar_leftbox_base_sm a { display: inline; height: 20px; } /* >>>>>>>> end calendar */ /* >>>>>>>> content strip: generic content area for inside pages */ #content_strip { margin-bottom: 0px; margin-top: 22px; margin-right: auto; margin-left: auto; width: 970px; padding: 0px;} #content_strip #content_left { width: 261px; float: left; left: 0; margin: 0; } #content_strip #content_left #content_events_iframe { width: 254px; _width: 254px; height: 232px; margin: -5px; padding: 0; } #content_strip #content_left #content_news_iframe { width: 254px; height: 212px; margin: -5px; padding: 0; padding-bottom: 10px !important; } #content_strip #content_main { width: 682px; float: left; left: 0px; margin: 0 0 0 24px; } #content_strip #content_main #content_main_title {} #content_strip #content_main #content_main_middle { padding: 20px; min-height: 300px; _height: 300px; background-image: url(/style_img/content_copy_bg.gif); background-repeat: repeat-y; } #content_strip #content_main #content_main_middle #content_container h1 { margin: 0 0 10px 0; font-size: 26px; } #content_strip #content_main #content_main_middle #content_container h2 { margin: 0 0 15px 0; font-size: 18px; } #content_strip #content_main #content_main_middle #content_container p { margin: 0 0 15px 0; font-size: 16px; font-size: 12px; line-height: 18px; } #content_strip #content_main #content_main_bottom { } #content_strip #content_main table.schedule { } #content_strip #content_main table.schedule td { font-style: normal; font-size: 12px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; } #content_strip #content_main table.schedule td.time { text-align: right; width: 80px; padding: 4px 10px 4px 8px; vertical-align: middle; } #content_strip #content_main table.schedule td.title { text-align: left; width: 320px; font-weight: bold; padding: 4px 16px 4px 2px; vertical-align: middle; } #content_strip #content_main table.schedule td.head { text-align: center; font-weight: bold; padding: 4px 16px 4px 16px; vertical-align: middle; background-color: #EEEEEE; margin-bottom: 5px; } #content_strip #content_main table.schedule td.pic { width: 200px; font-weight: bold; vertical-align: middle; } /* >>>>>>>> end content strip */ /* >>>>>>>> content page */ dl#content_accordion_dl { width: 261px; margin: 0; padding: 0; } dl#content_accordion_dl dt { margin: 0; padding: 0; outline: none; cursor: pointer; cursor: hand; } dl#content_accordion_dl dt#content_accordion_title_blogs_top.ui-accordion-header { display: block; background: url(/style_img/content_accordion_blogs_top.gif) no-repeat 0 0; width: 261px; height: 37px; margin: 0px; text-indent: -999em;} dl#content_accordion_dl dt#content_accordion_title_blogs_top.ui-accordion-header.selected { display: block; background: url(/style_img/content_accordion_blogs_top.gif) no-repeat 0 0; width: 261px; height: 37px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_events_top.ui-accordion-header { display: block; background: url(/style_img/content_accordion_events_top.gif) no-repeat 0 0; width: 261px; height: 37px; margin: 0px; text-indent: -999em;} dl#content_accordion_dl dt#content_accordion_title_events_top.ui-accordion-header.selected { display: block; background: url(/style_img/content_accordion_events_top.gif) no-repeat 0 0; width: 261px; height: 37px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_blogs.ui-accordion-header { display: block; background: url(/style_img/content_accordion_blogs.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_blogs.ui-accordion-header.selected { display: block; background: url(/style_img/content_accordion_blogs.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_news.ui-accordion-header { display: block; background: url(/style_img/content_accordion_news.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_news.ui-accordion-header.selected { display: block; background: url(/style_img/content_accordion_news.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_events.ui-accordion-header { display: block; background: url(/style_img/content_accordion_events.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_events.ui-accordion-header.selected { display: block; background: url(/style_img/content_accordion_events.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_gallery.ui-accordion-header { display: block; background: url(/style_img/content_accordion_gallery.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_gallery.ui-accordion-header.selected { display: block; background: url(/style_img/content_accordion_gallery.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_mixtv.ui-accordion-header { display: block; background: url(/style_img/content_accordion_mixtv.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dt#content_accordion_title_mixtv.ui-accordion-header.selected { display: block; background: url(/style_img/content_accordion_mixtv.gif) no-repeat 0 0; width: 261px; height: 34px; margin: 0px; text-indent: -999em; } dl#content_accordion_dl dd.content_accordion_bg { background-color: #FFFFFF; background: url(/style_img/content_accordion_bg.gif) repeat-y; padding: 0; margin: 0;} dl#content_accordion_dl dd div.content_accordion_container { margin: 0; padding: 5px 10px 5px 7px; } dl#content_accordion_dl dd div.content_accordion_container_edge { margin: 0; padding: 0 5px 0 2px; } div#content_accordion_base { background: url(/style_img/content_accordion_base.gif) no-repeat 0 0; width: 261px; height: 45px;} ul#blogleft_ul { list-style-type: none; margin: 0; padding: 0; } ul#blogleft_ul li { list-style: none; margin: 0 0 5px 0; padding: 0; } ul#blogleft_ul li a { display: block; } ul.mix_pics_left_row { list-style-type: none; margin: 0 0 0 12px; padding: 0; display: block; } ul.mix_pics_left_row li { display: inline; float: left; margin: 0 0 0 5px; padding-left: 1px; padding-top: 1px; width: 69px; height: 54px; background: url(/style_img/content_mixpics_thumb_shadow.gif) no-repeat 0 0; } p.mix_pics_left_heading { margin: 2px 0 2px 16px; padding: 0; } ul.larger li { padding: 4px; font-size: 12px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; } /* gallery stylez */ h2.gallery_h2 { font-size: 18px; color: #0872BA; letter-spacing: -1px; margin: 0; } h3.gallery_h3 { font-size: 14px; color: #0872BA; letter-spacing: -1px; margin: 3px 0 0 0; } h3.gallery_h3_nav { font-size: 14px; color: #939399; letter-spacing: -1px; margin: 15px 0; width: 640px; } p.gallery_date { font-size: 9px; color: #999999; margin: 3px 0 5px 0; } p.gallery_desc { font-size: 12px; line-height: 16px; color: #000000; margin: 0 0 10px 0; } div.gallery_thumb { width: 121px; height: 92px; margin: 0 5px 5px 0; padding: 1px 0 0 1px; float: left; background-position: 0px 0px; background-image: url(/style_img/gallery_thumb_shadow.gif); background-repeat: no-repeat; } div.galleryspacer { clear: both; height: 35px; margin: 0 auto; font-size: 0; line-height: 1px; } div.galleryarchiveitem { width: 230px; margin: 0 5px 5px 0; padding: 0; float: left; } div.galleryarchiverow { width: 470px; display: block; margin: 0; padding: 0; float: left; } h3.guestbook_h3 { font-size: 14px; color: #0872BA; letter-spacing: -1px; margin: 0 0 10px 0; } h3.guestbook_h3_nav { font-size: 14px; color: #939399; letter-spacing: -1px; margin: 15px 0; } p.guestbook_date { font-size: 9px !important; color: #999999; margin: 0 0 5px 0; } p.guestbook_p { margin: 0 0 10px 0; font-size: 16px; font-size: 12px; line-height: 18px; } div.guestbook_spacer { clear: both; height: 20px; margin: 0 auto; font-size: 0; line-height: 1px; } /* blog stylee */ /* >>>>>>>> end content page */ /* footer bar with sitemap links, copyright, etc */ #footerbar { padding: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; margin-top: 24px; background-repeat: repeat-x; height: 100px; background-color: #EBEBEB; background: url(/style_img/footer_bg_short.gif) repeat-x;} #footerbar_inside { text-align: center; line-height: 20px; margin-right: auto; margin-left: auto; width: 960px; padding: 20px; color: #000; font-size: 11px; font-weight: normal; font-family: sans-serif, Verdana, Helvetica, Arial; overflow: hidden;} /* HACKS BELOW */ /* this ugly hack class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ /* eg:
*/ .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } /* same as clearfloat, but two pixels and a div */ .cleardiv { clear: both; height: 2px; width: 2px; font-size: 2px; line-height: 0px; }