/*==================================================== Title: 1280thezone.com Version: 1.0 Author: mcd Date: 20080103 ==================================================== Colors: ====================================================*/ /*blue*/ /*lighter_blue*/ /*red*/ /*orange_yellow*/ /*darker_orange_yellow*/ /* reset (modified eric meyer) ====================================================*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, 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-family: inherit; vertical-align: baseline; } :focus {outline: 0;} /* remember to define focus styles! */ body {font-family: "lucida grande", verdana, sans-serif; font-size: 62.5%; background: #000;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ caption {display: none;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* general styles ====================================================*/ h1, h2, h3 {color: #fff; font-family: 'lucida grande', 'trebuchet ms', verdana, arial, sans-serif;} h1 {font-size: 1.8em; text-transform: uppercase;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} h4 {font-size: 1.2em;} h5 {color: #ccc; font-size: 1.1em; font-style: italic;} h6 {font-size: .9em;} p, a, li {font-size: 1.3em; line-height: 1.5em;} p a, li a {font-size: 1em;} p {padding: 10px 20px;} hr {clear: both; visibility: hidden;} strong {font-weight: bold;} .right {float: right;} .left {float: left;} .text_center {text-align: center;} .text_right {text-align: right;} .clear {clear: both;} .clear_right {clear: right;} ul.inline li {display: inline; float: left;} a {color: #ffba00; text-decoration: none;} a:hover { color: #ee9900; text-decoration: underline; } span a.rsslinks { display: none; } /* removes advertisements from RSS feed. /* layout ====================================================*/ #wrap {background: #063f61 url(http://1280thezone.com/images/zone/bg_wrap.gif) repeat-y 0 0; margin:20px auto 0px; width: 960px;} #head {background: #000 url(http://1280thezone.com/images/zone/header-1280-the-zone.jpg) 0 100% no-repeat; height: 240px; position: relative;} #top_ad {background: #000000; width: 960px; height:90px; margin: 0px auto;} #main {float: left; width: 720px;} #full_width {background: #4b738c repeat-y 0 0; float: left; width: 931px; align: center; padding: 10px; margin: 0px; border: 4px solid #ffffff;} #primary {color: #ddd; float: left; width: 400px;} #primary img.floatfix { border: 1px solid #000000; margin: 5px; float: right; } #secondary {background-color: #063f61; float: right; width: 320px;} #secondaryadvert {background-color: #063f61; float: right; width: 320px; height: 205px;} #sidebar {float: right; width: 240px;} #foot {background: #222; border-top: solid 2px #bb0b0b; clear: both; font-size: .9em;} #bottom_spacer {height: 20px;} /* sections ====================================================*/ #mainfeature .feature img {background: {foot_color_two}; border: solid 1px #063f61; float: left; margin: 20px 0 0 10px; padding: 2px;} .feature img:hover {background: #ffdb00; border: solid 1px #ffdb00;} #head ul#head_member {color: #ccc; float: left; font-size: .8em; letter-spacing: .2em; padding: 7px 0 0 10px; text-align: left;} #head ul#head_member li {padding-right: 20px;} #head ul#head_member li a {font-weight: bold;} #head ul#head_contact {color: #ccc; float: right; font-size: .8em; letter-spacing: .2em; padding: 7px 10px 0 0; text-align: right;} #head ul#head_contact li {padding-left: 20px;} #head #top_links {border-bottom: solid 2px #111; height: 2.7em;} #head a#go_home {height: 250px; left: 10px; position: absolute; text-indent: -999em; top: 27px; width: 250px;} #head a#go_webcam {height: 100px; left: 820px; position: absolute; text-indent: -999em; top: 65px; width: 150px;} #main img.lineup_graphic { margin: 20px 0; } #finalbaberules {background: #063f61 url(http://1280thezone.com/images/zone/bg_primary_h1.jpg) no-repeat 0 0; font-size: 0.9em; border: solid 3px #164f7b; border-width: 3px 0; height: 22px; padding: 3px 0 0 20px;} #primary img#feature {margin: 0 0 5px 5px;} #primary h1 {background: #063f61 url(http://1280thezone.com/images/zone/bg_primary_h1.jpg) no-repeat 0 0; border: solid 3px #164f7b; border-width: 3px 0; height: 22px; padding: 3px 0 0 20px;} #primary h2 {background: #bb0b0b url(http://1280thezone.com/images/zone/bg_primary_h2.jpg) no-repeat 0 0; border: solid 3px #bb0b0b; border-width: 3px 0; height: 22px; padding: 3px 0 0 40px;} #primary div img {display: block;} /*displaying these images as black is the only way I could get them to sit flush with the heading directly below each image*/ #primary ul#featured_items {width: 380px;} #primary ul#featured_items li {border-bottom: solid 2px #164f7b; float: left; margin-left: 20px; padding: 10px 0 10px 5px;} #primary ul#featured_items li a {display: block; font-size: .85em; width: 165px;} #primary #zone_girls {margin-top: 15px;} #freeloader .deal {border-top: solid 2px #333; padding: 10px;} #freeloader .deal img {background: #393e42; border: solid 1px #0181e3; float: left; margin: 0 5px 10px 0; padding: 3px;} #freeloader .deal img.no_border {background: transparent; border: none; padding: 0;} #freeloader .deal h2, #freeloader .deal p {margin-left: 100px;} #freeloader .deal.odd {background: #bb0b0b;} #freeloader .deal.even {background: #063f61;} #freeloader .one_third {margin-bottom: 20px;} #freeloader .one_third img {display: block; margin: 0 auto 20px;} #freeloader .one_third p {font-size: 1.1em; padding: 0 10px;} #freeloader .one_third p.huge {font-family: serif; font-size: 3em;} #news_page #content {color: #333; font-size: .9em; width: 960px;} #news_page #content h1 {margin-bottom: 15px;} #news_page #content h1 span#key_concert {background: url(../images/movin/bg_whats_up_concert.gif) repeat-x top left; border: solid 1px #333; display: inline; margin: 0 7px 0 0;} #news_page #content h1 span#key_event {background: url(../images/movin/bg_whats_up_event.gif) repeat-x top left; border: solid 1px #333; display: inline; margin: 0 7px 0 5px;} #news_page #content #concert_event {float: left; margin: 20px 0 20px 20px; width: 615px;} #news_page #content #concert_event img {background-color: #ddd; border: solid 1px #555; float: left; margin-right: 10px; padding: 1px;} #news_page #content #concert_event p {padding-left: 10px;} #news_page #content #concert_event div.event_wrap, #news_page #content #concert_event div.concert_wrap {margin-bottom: 15px; border: solid 1px #555; border-width: 1px 0; padding: 7px;} #news_page #content #concert_event div.event_wrap h2, #news_page #content #concert_event div.concert_wrap h2 {margin-bottom: 7px;} #news_page #content #concert_event div.event_wrap h2 a, #news_page #content #concert_event div.concert_wrap h2 a {color: #333;} #news_page #content #concert_event div.event_wrap h2 a:hover {color: #555;} #news_page #content #concert_event div.concert_wrap h2 a:hover {color: #555;} #news_page #content #concert_event h6 {padding-left: 10px;} #news_page #content #concert_event h6 a {color: #555; font-size: 1.3em; font-weight: normal; line-height: 3em;} #news_page #content #concert_event h6 a:hover {color: #555;} #news_page #content #concert_event div.event_wrap {background-color: #90c753;} #news_page #content #concert_event div.concert_wrap {background-color: #f9c646;} #news_page #content #concert_event div.event {background: url(../images/movin/bg_whats_up_event.gif) repeat-x top left; padding: 7px;} #news_page #content #concert_event div.concert {background: url(../images/movin/bg_whats_up_concert.gif) repeat-x top left; padding: 7px;} #news_page #content #news_wrap {float: right; margin: 20px 20px 20px 0; width: 280px;} #news_page #content #news_wrap h1 {background: url(../images/movin/news.gif) no-repeat left center; padding-left: 30px;} #news_page #content #news_wrap #news {background-color: #765273; border: solid 1px #555; border-width: 1px 0; color: #ccc; font-size: .95em; padding: 0 7px 7px;} #news_page #content #news_wrap #news .news_item {margin: 5px 0 10px; padding-bottom: 7px;} #news_page #content #news_wrap #news .news_item p {margin: 0 10px 7px;} #news_page #content #news_wrap #news .news_item h3 {color: #f9c646; margin-bottom: 5px; margin-left: 5px;} #news_page #content #news_wrap .news_item_date {background:transparent url(../images/movin/news_item_line.gif) repeat-x scroll left center; margin-top: 10px; text-align:right;} #news_page #content #news_wrap .news_item_date span.date {background:#765273 none repeat scroll 0%; font-size: 1.3em; padding: 0 .2em 0 .4em;} .fnl {text-align: left; background: url('http://www.1280thezone.com/images/zone/friday_night_lights_jump.jpg') #4b738c no-repeat; width:600px; margin: auto;} table#fnl td { padding: 2px; font-size: 13px; font-weight: bold; } .fnl a {text-align: left; float: none; padding: none; color: #00FF00;} #secondary .show, #secondary #show_schedule {margin: 5px; padding-top: 4px; padding-bottom: 4px; background-color: #FFF; border: solid 2px #333;} #secondary .show .show_title {color: #bb0b0b; font-weight: bold; padding-left: 10px; text-transform: uppercase; font-size: 13px} #secondary .show .show_time {color: #333; font-size: 10px;} #secondary h3 span {font-size: .9em;} #secondary img {float: left; margin: 20px 0 20px 20px;} #secondary img.normal {margin: 0;} #secondary .show p { background: #164f7b; border-top: solid 2px #063f61; color: #eee; font-size: 1.2em; margin: 0 10px 10px 10px; } #secondary .show a.show_more {display: block; font-weight: bold; text-align: right;} #secondary .show h4 { background: #063f61; border-bottom: solid 1px #222; margin: 0 10px; padding: 8px; text-align: center; } #secondary .show h4 a { font-size: 1em; font-weight: bold; line-height: .9em; text-transform: uppercase; } #secondary #show_schedule h2 {padding-top: 20px;} #secondary #show_schedule table {color: #555; font-size: .9em; margin: 20px;} #secondary #show_schedule table td {padding: 0 0 5px 5px;} #secondary #show_schedule table td.show_time {width: 100px;} #secondary #show_schedule table td.show_name {font-weight: bold; text-transform: uppercase; width: 170px;} #secondary #show_schedule table td { font-size: 1.2em; } .sidebar_section h2 {margin: 5px 20px 0 20px;} .sidebar_section ul {border-top: solid 2px #333; color: #ffba00; margin-bottom: 20px;} .sidebar_section ul li {border-bottom: solid 2px #333; border-top: solid 1px #444;} .sidebar_section ul li a {display: block; font-size: .9em; padding: 5px 20px 5px 20px;} .sidebar_section ul li a:hover {background: #353535; /*color: #ee9900; */text-decoration: none;} .sidebar_section ul li.more_sidebar_items {border-bottom: none; list-style-type: none; padding: 10px 0 0 0; text-align: right;} .sidebar_section ul li.more_sidebar_items a {font-size: 1.5em;} #sidebar_poll p {font-size: .9em; color: #fff; margin: 1px 1px 1px; padding: 2px; text-transform: uppercase;} .sidebar_section p { color: #bbb; font-size: 1.1em; padding-bottom: 10px; } .info_section h2 {margin: 5px 20px 0 20px; font-size: 1.2em;} .info_section ul {border-top: solid 2px #333; color: #ffba00; margin-bottom: 20px;} .info_section ul li {background: url(http://1280thezone.com/images/zone/info_bball.jpg) no-repeat 0 0; font-size: 1.2em; border-bottom: solid 2px #333; padding: 5px 9px 2px 34px; border-top: solid 1px #444;} .info_section ul li a {display: block; font-size: .7em; padding: 5px 20px 5px 20px;} .info_section ul li a:hover {background: url(http://1280thezone.com/images/zone/info_bball.gif) no-repeat 0 0; /*color: #ee9900; */text-decoration: none;} .info_section ul li.more_sidebar_items {border-bottom: none; list-style-type: none; padding: 10px 0 0 0; text-align: right;} .info_section ul li.more_sidebar_items a {font-size: 1.5em;} #info_poll p {font-size: .8em; color: #fff; margin: 1px 1px 1px; padding: 2px; text-transform: uppercase;} .info_section p { color: #FFFFFF; font-size: 1.3em; padding-bottom: 10px; } /* top_stories fix . . . the script used to generate the National Headlines is not awesome so these rules are necessary to mask out some unwanted text */ #top_stories_coverup {position: relative;} #top_stories_coverup #cover_box {background: #3a3a3a; border-bottom: solid 0px #333; height: 1.3em; position: absolute; width: 240px; height: 5px;} #top_stories_back {background-color: transparent; border-bottom: solid 2px #333; height: 1.3em; position: absolute; width: 240px; height: 150px;} .sidebar_section h2#local_headlines {padding-bottom: .9em;} #tertiary {clear: both;} #tertiary .bottom_ads {background: #2a2a2a; border-top: solid 2px #bb0b0b; float: left; height: 120px;} #tertiary .two_fifths {width: 384px;} #tertiary .one_fifth {width: 192px;} #webcam {width: 400px; align: center; background-color: #000000;} #webcam embed.style_this #webcam object {border: solid 1px #FFFFFF; margin: 5px 0 0 5px;} /* single promotions ====================================================*/ #bracketcentral {background: #000000; width: 716px; border: solid 2px #ffffff; } /* #manland {background: url(http://1280thezone.com/images/zone/manland_backdrop.jpg) no-repeat 0 0; width: 720px; height: 1036px; border-top: solid 2px #ffffff; } */ /* blogs ====================================================*/ #blog_head_index { background: transparent url(http://1280thezone.com/images/zone/blog_head_index.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_index ul { height: 165px; position: absolute; width: 720px; } #blog_head_index ul li { float: left; list-style-type: none; margin: 0; padding: 0; text-indent: -999em; } #blog_head_index ul li a { background: transparent url(http://1280thezone.com/images/zone/blog_head_index.gif) no-repeat 0 0; display: block; height: 165px; } #blog_head_index ul li#manly_morning_index a { width: 240px; } #blog_head_index ul li#jake_jim_index a { width: 240px; } #blog_head_index ul li#big_show_index a { width: 240px; } #blog_head_index ul li#manly_morning_index a:link, #blog_head_index ul li#manly_morning_index a:visited { background-position: 0px 0px; } #blog_head_index ul li#jake_jim_index a:link, #blog_head_index ul li#jake_jim_index a:visited { background-position: -240px 0px; } #blog_head_index ul li#big_show_index a:link, #blog_head_index ul li#big_show_index a:visited { background-position: -480px 0px; } #blog_head_index ul li#manly_morning_index a:hover, #blog_head_index ul li#manly_morning_index a:focus { background-position: 0px -165px; } #blog_head_index ul li#jake_jim_index a:hover, #blog_head_index ul li#jake_jim_index a:focus { background-position: -240px -165px; } #blog_head_index ul li#big_show_index a:hover, #blog_head_index ul li#big_show_index a:focus { background-position: -480px -165px; } #blog_head_manly { background: transparent url(http://1280thezone.com/images/zone/blog_head_manly_morning.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_big { background: transparent url(http://1280thezone.com/images/zone/blog_head_big_show.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_jj { background: transparent url(http://1280thezone.com/images/zone/blog_head_jake_jim.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_redblue { background: transparent url(http://1280thezone.com/images/zone/blog_red_blue.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_me { background: transparent url(http://1280thezone.com/images/zone/blog_eaton_head.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_other_links { left: 450px; position: absolute; top: 40px; width: 215px; text-transform: uppercase; } #blog_other_links h3 { color: #333; font-weight: bold; margin-bottom: 5px; } #blog_other_links ul { font-size: .9em; font-weight: bold; text-align: center; } #blog_other_links ul li.current_nav a { color: #063f61; text-decoration: underline; } #blog_title { left: 200px; position: absolute; text-align: center; top: 60px; width: 200px; } #blog_title h2 { margin-bottom: 10px; } #blog_title h4 { color: #999; } .blog_entry h2 { background: transparent url(http://1280thezone.com/images/zone/floating_window_top.gif) no-repeat 0 0; display: block; line-height: .5em; padding: 20px 60px 20px 60px; } .blog_entry h2 span { color: #ee9900; font-size: .7em; letter-spacing: 3px; } .blog_entry .blog_entry_body { background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; display: block; } .blog_entry .blog_entry_body h1, .blog_entry .blog_entry_body h2, .blog_entry .blog_entry_body h3, .blog_entry .blog_entry_body h4, .blog_entry .blog_entry_body h5, .blog_entry .blog_entry_body h6, .blog_entry .blog_entry_body img, .blog_entry .blog_entry_body a { padding: 0 60px; } .blog_entry .blog_entry_body p { color: #111; padding: 0 60px 20px 60px; } .blog_entry .blog_entry_body p img, .blog_entry .blog_entry_body p a { padding: 0; } .blog_entry .blog_entry_bottom { background: transparent url(http://1280thezone.com/images/zone/floating_window_bottom.gif) no-repeat 0 0; display: block; height: 40px; } .blog_entry .blog_entry_body object {padding-left:125px;} #blog_next_prev { padding-bottom: 25px; width: 720px; } #blog_next { color: #ccc; float: right; width: 350px; } #blog_prev { color: #ccc; float: left; width: 350px; } #blog_next p, #main_content #blog_next a { background: #164f7b; margin: 10px 40px 10px 0; text-align: right; border: solid 1px #444;} #blog_prev p, #main_content #blog_prev a { background: #164f7b; margin: 10px 0 10px 40px; text-align: left; border: solid 1px #444;} /* list pages (audio and events) ====================================================*/ #list_page #main h1 { background: transparent url(http://1280thezone.com/images/zone/floating_window_top.gif) no-repeat 0 0; color: #063f61; display: block; line-height: .5em; margin-top: 20px; padding: 20px 60px 20px 60px; } #list_page #main .audio_table { background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; padding: 0 60px; } #list_page #main table { /*background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; */color: #333; display: block; /*padding: 0 60px;*/ } #list_page th { font-size: 1.2em; font-weight: bold; padding-bottom: 5px; } #list_page th.col_01 { color: #87a1ad; width: 340px; } #list_page th.col_01 a { font-size: 1em; font-weight: normal; } #list_page th.col_02 { color: #4b738c; padding-left: 10px; } #list_page td { padding: 10px 20px 10px 10px; } #list_page td ul, #list_page td p { padding: 0; } #list_page #main td.list_name { border-top: solid 2px #87a1ad; } #list_page #main td.list_notes { border-top: solid 2px #4b738c; color: #4b738c; font-size: .9em; padding-left: 10px; padding-right: 0; } #list_page #main ul li.audio_track_name { color: #eee; } #list_page #main ul li.audio_track_category { color: #87a1ad; font-size: 1.2em; text-align: right; } #list_page #main ul li.audio_track_category span { color: #ccc; } #list_page #main ul li.event_list_subhead { color: #4b738c; font-size: .8em; } #list_page #main ul li.event_list_name { color: #333; } #list_page #main ul li.event_list_details_name { color: #ddd; padding-bottom: 15px; } #list_page #main ul li.event_list_location { color: #eee; } #list_page #main ul li.event_list_time { color: #eee; padding-bottom: 5px; } #list_page #main ul li.event_list_info { color: #333; font-size: 1.2em; padding-left: 10px; } #list_page .window_bottom { background: transparent url(http://1280thezone.com/images/zone/floating_window_bottom.gif) no-repeat 0 0; display: block; height: 40px; margin-bottom: 20px; } /* contact info ====================================================*/ #contact_page #main #primary h2 { margin-top: 20px; } #contact_page ul.contact li, #contact_page ul.contact_emails li { padding-left: 40px; } #contact_page ul.contact li.contact_title { font-size: 1.5em; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } #contact_page ul.contact li.contact_number { padding-left: 70px; } #contact_page ul.contact_emails { margin: 20px 0; } #contact_page #secondary .contact_etc p { text-align: center; } /* featured ====================================================*/ #featured h1 { background: transparent url(http://1280thezone.com/images/zone/floating_window_top.gif) no-repeat 0 0; display: block; line-height: .5em; padding: 20px 60px 20px 60px; } #featured #feature_wrap { background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; display: block; } #featured #feature_wrap img#feature_main_image { background: #ccc; border: solid 2px #bbb; margin: 20px 0 20px 160px; padding: 3px; } #featured #feature_wrap .plain { border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; } #featured #feature_wrap form { margin: 0 0 0 150px; } #featured #feature_wrap p, #featured #feature_wrap ol, #featured #feature_wrap h1, #featured #feature_wrap h2, #featured #feature_wrap h3, #featured #feature_wrap h4, #featured #feature_wrap h5, #featured #feature_wrap h6 { padding: 0 80px; } #featured #feature_wrap p a { padding: 0; } #featured #feature_wrap p { padding-bottom: 20px; } #featured #feature_bottom { background: transparent url(http://1280thezone.com/images/zone/floating_window_bottom.gif) no-repeat 0 0; display: block; height: 40px; } #featured #feature_wrap .already_entered { background: #ffba00; border: solid 3px #ee9900; border-width: 3px 0; text-align: center; width: 400px; } #featured #feature_wrap .already_entered p { padding: 10px 20px; } #featured #feature_wrap #form_wrap h3 { padding: 0; } #featured #feature_wrap #form_wrap { margin: 0; } /* navigation ====================================================*/ .nav_test {background: #063f61 url(http://1280thezone.com/images/zone/nav_matrix_test.jpg) no-repeat 0 0; height: 49px; position: relative; width: 960px;} .nav_test ul { height: 38px; left: 60px; position: absolute; top: 5px; width: 870px; } .nav_test ul li {float: left; list-style-type: none; margin: 0; padding: 0; text-indent: -999em;} .nav_test ul li a {background: transparent url(http://1280thezone.com/images/zone/nav_matrix_test.jpg) no-repeat; display: block; height: 38px;} .nav_test li#nav_test_home a {width: 77px;} .nav_test li#nav_test_p1 a {width: 40px;} .nav_test li#nav_test_blogs a {width: 66px;} .nav_test li#nav_test_audio a {width: 70px;} .nav_test li#nav_test_events a {width: 78px;} .nav_test li#nav_test_lineup a {width: 72px;} .nav_test li#nav_test_zonegirls a {width: 102px;} .nav_test li#nav_test_contact a {width: 94px;} .nav_test li#nav_test_spacer a {visibility: hidden; width: 87px;} .nav_test li#nav_test_listen a {width: 184px;} .nav_test li#nav_test_home a:link, li#nav_test_home a:visited {background-position: -45px -5px;} .nav_test li#nav_test_p1 a:link, li#nav_test_p1 a:visited {background-position: -139px -5px;} .nav_test li#nav_test_blogs a:link, li#nav_test_blogs a:visited {background-position: -179px -5px;} .nav_test li#nav_test_audio a:link, li#nav_test_audio a:visited {background-position: -245px -5px;} .nav_test li#nav_test_events a:link, li#nav_test_events a:visited {background-position: -315px -5px;} .nav_test li#nav_test_lineup a:link, li#nav_test_lineup a:visited {background-position: -393px -5px;} .nav_test li#nav_test_zonegirls a:link, li#nav_test_zonegirls a:visited {background-position: -465px -5px;} .nav_test li#nav_test_contact a:link, li#nav_test_contact a:visited {background-position: -567px -5px;} .nav_test li#nav_test_spacer a:link, li#nav_test_spacer a:visited {background-position: -661px -5px;} .nav_test li#nav_test_listen a:link, li#nav_test_listen a:visited {background-position: -748px -5px;} /* .nav_test hover tab / a:focus is for accessibility for screen readers */ .nav_test li#nav_test_home a:hover, li#nav_test_home a:focus {background-position: -45px -65px;} .nav_test li#nav_test_p1 a:hover, li#nav_test_p1 a:focus {background-position: -139px -65px;} .nav_test li#nav_test_blogs a:hover, li#nav_test_blogs a:focus {background-position: -179px -65px;} .nav_test li#nav_test_audio a:hover, li#nav_test_audio a:focus {background-position: -245px -65px;} .nav_test li#nav_test_events a:hover, li#nav_test_events a:focus {background-position: -315px -65px;} .nav_test li#nav_test_lineup a:hover, li#nav_test_lineup a:focus {background-position: -393px -65px;} .nav_test li#nav_test_zonegirls a:hover, li#nav_test_zonegirls a:focus {background-position: -465px -65px;} .nav_test li#nav_test_contact a:hover, li#nav_test_contact a:focus {background-position: -567px -65px;} .nav_test li#nav_test_spacer a:hover, li#nav_test_spacer a:focus {background-position: -661px -65px;} .nav_test li#nav_test_listen a:hover, li#nav_test_listen a:focus {background-position: -748px -65px;} /* .nav_test active tab */ /* added the #wrap selector to these rules so that the hover state will not override the active state in the navigation */ #wrap .nav_test li#nav_test_home.current_nav a {background-position: -45px -125px;} #wrap .nav_test li#nav_test_p1.current_nav a {background-position: -139px -125px;} #wrap .nav_test li#nav_test_blogs.current_nav a {background-position: -179px -125px;} #wrap .nav_test li#nav_test_audio.current_nav a {background-position: -245px -125px;} #wrap .nav_test li#nav_test_events.current_nav a {background-position: -315px -125px;} #wrap .nav_test li#nav_test_lineup.current_nav a {background-position: -393px -125px;} #wrap .nav_test li#nav_test_zonegirls.current_nav a {background-position: -465px -125px;} #wrap .nav_test li#nav_test_contact.current_nav a {background-position: -567px -125px;} #wrap .nav_test li#nav_test_spacer.current_nav a {background-position: -661px -125px;} #wrap .nav_test li#nav_test_listen.current_nav a {background-position: -748px -125px;} .nav_main {background: #063f61 url(http://1280thezone.com/images/zone/nav_matrix.jpg) no-repeat 0 0; height: 60px; position: relative; width: 960px;} .nav_main ul { height: 38px; left: 60px; position: absolute; top: 5px; width: 870px; } .nav_main ul li {float: left; list-style-type: none; margin: 0; padding: 0; text-indent: -999em;} .nav_main ul li a {background: transparent url(http://1280thezone.com/images/zone/nav_matrix.jpg) no-repeat; display: block; height: 38px;} .nav_main li#nav_main_home a {width: 77px;} .nav_main li#nav_main_p1 a {width: 40px;} .nav_main li#nav_main_blogs a {width: 66px;} .nav_main li#nav_main_audio a {width: 70px;} .nav_main li#nav_main_events a {width: 78px;} .nav_main li#nav_main_lineup a {width: 72px;} .nav_main li#nav_main_zonegirls a {width: 102px;} .nav_main li#nav_main_contact a {width: 94px;} .nav_main li#nav_main_spacer a {visibility: hidden; width: 87px;} .nav_main li#nav_main_listen a {width: 184px;} .nav_main li#nav_main_home a:link, li#nav_main_home a:visited {background-position: -45px -5px;} .nav_main li#nav_main_p1 a:link, li#nav_main_p1 a:visited {background-position: -139px -5px;} .nav_main li#nav_main_blogs a:link, li#nav_main_blogs a:visited {background-position: -179px -5px;} .nav_main li#nav_main_audio a:link, li#nav_main_audio a:visited {background-position: -245px -5px;} .nav_main li#nav_main_events a:link, li#nav_main_events a:visited {background-position: -315px -5px;} .nav_main li#nav_main_lineup a:link, li#nav_main_lineup a:visited {background-position: -393px -5px;} .nav_main li#nav_main_zonegirls a:link, li#nav_main_zonegirls a:visited {background-position: -465px -5px;} .nav_main li#nav_main_contact a:link, li#nav_main_contact a:visited {background-position: -567px -5px;} .nav_main li#nav_main_spacer a:link, li#nav_main_spacer a:visited {background-position: -661px -5px;} .nav_main li#nav_main_listen a:link, li#nav_main_listen a:visited {background-position: -748px -5px;} /* .nav_main hover tab / a:focus is for accessibility for screen readers */ .nav_main li#nav_main_home a:hover, li#nav_main_home a:focus {background-position: -45px -65px;} .nav_main li#nav_main_p1 a:hover, li#nav_main_p1 a:focus {background-position: -139px -65px;} .nav_main li#nav_main_blogs a:hover, li#nav_main_blogs a:focus {background-position: -179px -65px;} .nav_main li#nav_main_audio a:hover, li#nav_main_audio a:focus {background-position: -245px -65px;} .nav_main li#nav_main_events a:hover, li#nav_main_events a:focus {background-position: -315px -65px;} .nav_main li#nav_main_lineup a:hover, li#nav_main_lineup a:focus {background-position: -393px -65px;} .nav_main li#nav_main_zonegirls a:hover, li#nav_main_zonegirls a:focus {background-position: -465px -65px;} .nav_main li#nav_main_contact a:hover, li#nav_main_contact a:focus {background-position: -567px -65px;} .nav_main li#nav_main_spacer a:hover, li#nav_main_spacer a:focus {background-position: -661px -65px;} .nav_main li#nav_main_listen a:hover, li#nav_main_listen a:focus {background-position: -748px -65px;} /* .nav_main active tab */ /* added the #wrap selector to these rules so that the hover state will not override the active state in the navigation */ #wrap .nav_main li#nav_main_home.current_nav a {background-position: -45px -125px;} #wrap .nav_main li#nav_main_p1.current_nav a {background-position: -139px -125px;} #wrap .nav_main li#nav_main_blogs.current_nav a {background-position: -179px -125px;} #wrap .nav_main li#nav_main_audio.current_nav a {background-position: -245px -125px;} #wrap .nav_main li#nav_main_events.current_nav a {background-position: -315px -125px;} #wrap .nav_main li#nav_main_lineup.current_nav a {background-position: -393px -125px;} #wrap .nav_main li#nav_main_zonegirls.current_nav a {background-position: -465px -125px;} #wrap .nav_main li#nav_main_contact.current_nav a {background-position: -567px -125px;} #wrap .nav_main li#nav_main_spacer.current_nav a {background-position: -661px -125px;} #wrap .nav_main li#nav_main_listen.current_nav a {background-position: -748px -125px;} #foot ul {margin: 20px 20px 20px 30px;} #foot ul li {color: #555; padding: 0 10px 20px 10px;} #foot ul#nav_foot li {background: #063f61; padding-bottom: 0;} #foot ul#nav_foot li#nav_foot_label {color: #aaa;} #foot ul#nav_foot li a {padding: 3px 10px;} #foot ul#nav_foot li a:hover {background: #ffba00; color: #333; text-decoration: none;} #foot ul#nav_foot li.current_nav a {background: #ffba00; color: #333;} /* forms ====================================================*/ #form_wrap {background-color: #e0e0e0; border: solid 1px #fff; border-bottom: solid 2px #cdcdcd; font-size: 90%; margin: 10px 0 20px; padding: 10px; width: 400px;} #form_wrap p {color: #666; font-size: 1.2em; margin: 15px 0 5px 5px;} #form_wrap h3 {color: #666; font-size: 1.4em; font-weight: normal; margin: 10px 0;} #form_wrap h3.member_search {margin: 5px 0 10px 0; text-align: center;} #form_wrap h3.member_result {color: #36c; margin: 5px 0 0 0; text-align: center;} #form_wrap div.clear {clear: both; height: 1px;} #form_wrap #member_result_wrap {background-color: #eee; border: solid 1px #fff; border-bottom: solid 2px #cdcdcd; color: #666; margin: 5px; padding: 10px 0 15px 15px;} #form_wrap fieldset {background-color: #eee; border: solid 1px #bbb; border-bottom: solid 2px #cdcdcd; color: #666; margin: 5px; padding: 10px 0 5px 15px;} #form_wrap fieldset p {margin-left: 10px;} #form_wrap legend {color: #3c3c3c; font-size: 2em; font-weight: bold;} #form_wrap label {font-size: 1.4em; font-weight: bold;} #form_wrap label.radio {display: inline; float: left; margin-left: 10px; width: 5em;} #form_wrap label.text {float: left; width: 9em;} #form_wrap em.required {color: #999; font-size: .8em; font-style: italic; font-weight: normal; padding-left: 5px; padding-right: 10px;} #form_wrap input.submit {font-size: 1.5em;} #form_wrap input.radio {margin-left: 20px; margin-top: 3px; float: left;} #form_wrap input.text {color: #777; font-size: 1.3em; margin: 10px 20px 3px; width: 260px;} #form_wrap textarea {color: #777; font-size: 1.3em; margin: 0 20px 10px; width: 260px;} #form_wrap input:focus, textarea:focus {background: #ff8;} #form_wrap div.submit {clear: both; margin: 15px 0 5px; text-align: center;} #form_wrap_narrow { color: #333; margin: 40px 10px; } #form_wrap_narrow label { display: block; font-size: 1.2em; margin-top: 10px; } #form_wrap_narrow legend { font-size: 2em; } #form_wrap_narrow fieldset { padding: 10px; } #form_wrap_narrow input.text {color: #777; font-size: 1.3em; margin: 10px 20px 3px; width: 230px;} ul.advance {list-style-type: none;} ul.advance li {display: inline;} div.rankings { margin: auto; width: 300px; } div.rankings table {background-color: #FFF;} div.rankings table tr td {font-size: 10px;} div.rankings a, div.rankings a:visited {font-size: 10px; color: #990000;} .podcast {background: #fff; border: 3px solid #000; color: #000;width: 400px; padding: 20px; margin-top:10px; margin: auto;} .podcast h2 {color: #000; font-weight: bold;} .podcast li a {margin: 0; padding: 0; color: #0000FF; background-color: #cecece;} .podcast li {margin: 0; padding: 0;} /* final babe 2009 ====================================================*/ .sweetsixteen {text-align: left; background: url('http://www.1280thezone.com/images/zone/lumpys_q_a.jpg') #4b738c no-repeat; width:600px; margin: auto;} .test.img