/*==================================================== Title: x96.com Version: 1.0 Author: mcd Date: 20070801 ==================================================== Colors: ====================================================*/ /* 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%; color: #fff;} 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: "" "";} /* backdrops ====================================================*/ body {background: #970102 url(http://www.x96.com/images/x96/backdrop/970102.jpg) no-repeat 50% 0; } /*#ccea89 url(http://www.x96.com/images/x96/backdrop/ccea89.jpg) no-repeat 50% 0; #e47300 url(http://www.x96.com/images/x96/backdrop/e47300.jpg) no-repeat 50% 0; #ff6120 url(http://www.x96.com/images/x96/backdrop/ff6120.jpg) no-repeat 50% 0; #000000 url(http://www.x96.com/images/x96/backdrop/000000.jpg) no-repeat 50% 0; #1c663a url(http://www.x96.com/images/x96/backdrop/1c663a.jpg) no-repeat 50% 0; */ /* #671465 url(http://www.x96.com/images/x96/backdrop/671465.jpg) no-repeat 50% 0; */ /* keyword search tables ====================================================*/ table.search {width: 100%;} tr.searcheven {background: #666;} tr.searchodd {background: #555;} th.search, td.search {border-left: solid 1px #777; border-right: solid 1px #333; padding: 7px 10px 7px 10px;} th.search {background: #393e42; border-bottom: solid 1px #777; color: #0181e3; text-align: center;} th.search_col_01 {width: 25%;} th.search_col_02 {width: 35%;} th.search_col_03 {width: 35%;} th.search_col_04 {width: 5%;} td.search_center_data {text-align: center;} td.search_left_data {text-align: left;} /* general styles ====================================================*/ h1, h2, h3 {font-family: 'lucida grande', 'trebuchet ms', verdana, arial, sans-serif; line-height: 1em;} h1 {background: #50575d url(http://www.x96.com/images/x96/bg_head.jpg) repeat-x 0 0; font-size: 1.8em; height: 22px; padding: 8px 0 0 80px; text-transform: uppercase;} h1.alt {background: #009de3 url(http://www.x96.com/images/x96/bg_head_alt.jpg) repeat-x 0 0;} h2 {color: #0181e3; font-size: 1.8em;} h3 {font-size: 1.5em;} h4 {font-size: 1.3em;} h5 {color: #999; font-size: 1.1em;} h6 {font-size: .9em;} p, a, li, td, th {font-size: 1.3em; line-height: 1.5em;} th, td {font-size: 1.2em; line-height: 1.5em;} p {margin: 10px 20px;} p a, li a, td a {font-size: 1em;} hr {clear: both; visibility: hidden;} .right {float: right;} .left {float: left;} .text_center {text-align: center;} .text_right {text-align: right;} .clear {clear: both;} .clear_right {clear: right;} .wrap {padding: 30px;} .wrap_secondary {border-bottom: solid 1px #222; border-top: solid 1px #666; padding: 5px 10px 10px;} .divider {background: #393e42; border-bottom: solid 1px #222; border-top: solid 1px #666; height: 5px;} .no_border {background: transparent; border: none; padding: 0;} ul.inline li {display: inline; float: left;} a {color: #ffdb00; text-decoration: none;} a:hover {/*background: #ffdb00; color: #333;*/ text-decoration: underline;} a.get_more {display: block; margin-top: 10px; text-align: right;} table {width: 100%;} tr {background: #666;} tr.odd {background: #555;} th, td {border-left: solid 1px #777; border-right: solid 1px #333; padding: 7px 10px 7px 10px;} th {background: #393e42; border-bottom: solid 1px #777; color: #0181e3; text-align: center;} th.col_01 {width: 10%;} th.col_02 {width: 35%;} th.col_03 {width: 35%;} th.col_04 {width: 20%;} td.center_data {text-align: center;} span.text_center {display: block;} span.text_larger {font-size: 1.5em;} span.text_smaller {font-size: .75em;} /* main layout ====================================================*/ #toplinks {background: #393e42; border-bottom: solid 1px #fff; height: 25px;} #toplinks_wrap {margin: 0 auto; position: relative; width: 960px;} a#home_link {height: 140px; left: 0; position: absolute; text-indent: -999em; top: 30px; width: 208px;} a#home_link:hover {background: none;} #top_ad {background: #000000; border: solid 2px #fff; color: #333; height: 90px; left: 228px; position: absolute; top: -121px; width: 728px;} #bottom_ad {margin-left: auto; margin-right: auto; top:-55px; height:90px; width: 728px;} #wrapper {background: #50575d url(http://www.x96.com/images/x96/bg_wrapper.gif) repeat-y 0 0; margin: 150px auto 5px; position: relative; width: 960px;} #info_bar {background: #393e42 url(http://www.x96.com/images/x96/bg_info_bar.gif) repeat-x 0 0; height: 33px; width: 960px;} #recent_tracks {background-color: #1e1e1e; border: solid 3px #444; float: none; left: 684px; overflow: hidden; position: static; top: 157px; width:634px; z-index: 20;} #recent_tracks h1 {font-family: 'lucida grande', verdana, arial, sans-serif;} #recent_tracks h1.now {color: #fff; font-size: 1.7em; height: 18px; margin: 5px 10px 7px;} #recent_tracks #now_playing {height: 25px; overflow: hidden; width: 270px;} #recent_tracks #now_playing p {color: #fff; font-size: 1.1em; line-height: 2em; padding: 0 0 8px; text-align: center;} #recent_tracks #now_playing p span {font-weight: bold;} #recent_tracks h1.recent {background-color: #999; border-bottom: solid 2px #777; color: #111; font-size: 1.3em; font-weight: bold; height: 12px; margin: 0; padding: 2px 10px 5px;} /* #recent_tracks #now_playing_box {background-color: #ccc; color: #333; height: 17px; margin: 0 auto 7px; overflow: hidden; padding: 3px; text-align: center; width: 230px;}*/ /* #recent_tracks input#now_playing_text {margin: 0 0 7px 25px; width: 230px;}*/ #recent_tracks ul {background-color: #90c753; font-size: .8em; height: 180px; list-style-type: none;} #recent_tracks ul li {color: #333; height: 19px; line-height: 2.1em; padding: 2px 5px 5px 15px; overflow: hidden;} #recent_tracks ul li.alt {border-top: solid 1px #f0f0f0; background-color: #cacaca; height: 19px;} #recent_tracks ul li.last {background-color: #1e1e1e; color: #fff; font-size: 1.1em; font-weight: bold; text-align: right;} #recent_tracks ul li span {font-weight: bold;} #primary {float: left; width: 640px;} #secondary {background: #393e42; border-left: solid 1px #333; float: right; width: 319px;} #tertiary {float: left; width: 960px;} #full_width {background: #50575d;} #featured {height: 235px;} #featured.slide_show {height: 260px;} .tracks {background: #393e42; border-left: solid 1px #333; float: right; width: 319px;} .nav {background: #393e42; border-left: solid 1px #333; float: right; width: 318px;} .nav_advert {background: #393e42; padding-top: 9px; border-left: solid 0px #333; float: right; width: 318px;} .nav_eeo {background-color:#393e42; border: solid 1px #666; border-width: 1px 1px; margin: 0 30px 30px; padding: 10px; width: 319px;} .listen_online {background: #0181e3; border-right: solid 1px #333; height: 90px; width: 318px;} #x_links {background: #393e42;} #music {font-size: .85em; min-height: 180px;} #calendar {border-bottom: solid 1px #333; min-height: 180px;} #footer {background: #393e42; border-top: solid 3px #333; float: left; font-size: .9em; width: 960px;} #exclusives_bottom {background-color:#818b94; border-top: solid 1px #393e42; border-bottom: solid 1px #333; float: left; font-size: .9em; width: 640px;} #sharing {width: 280px; height: 30px; border: 1px #cccccc: background-color: #cccccc;} #sharing img {margin: 20px 10px;} /* sections ====================================================*/ #secondary h2, #secondary h3 {color: #0181e3; padding-top: 4px; text-transform: uppercase;} #secondary h2 {font-size: 1.8em;} #secondary h3 {font-size: 1.4em;} #secondary p {color: #ddd; font-size: 1.2em;} #secondary li {margin-left: 20px;} #secondary li span {margin-right: 10px;} #secondary ul {margin: 20px 0;} #secondary_content #recent_tracks {width: 260px; margin: 20px 0 0 30px; font-size: .8em;} #secondary_content #recent_tracks dl {list-style: none; margin-bottom: 0; background: #ddd url(../images/jack/mountain_bottom.gif) no-repeat bottom left;} #secondary_content #recent_tracks dt {color: #333; padding: 4px 10px; background-color: #eee; border-top: 1px solid #333; font-weight: bold; font-size: .9em;} #secondary_content #recent_tracks dd {color: #333; padding: 2px 15px 1px 0; font-size: .7em; text-align: right;} #secondary_content #recent_tracks h1 {color: #eee; padding: 10px; text-align: center; background: #333 url(../images/jack/mountain_top.gif) no-repeat top left; border-bottom: 1px solid #bc1a25;} #secondary_content .teaser {width:260px; margin:20px auto; font-size: .9em; background: url(../images/jack/secondary_content_box.gif) bottom left no-repeat;} #secondary_content .teaser h3 {padding:10px 20px; border-width:0 1px; color: #444; background:url(../images/jack/secondary_content_box.gif) top left no-repeat;} #secondary_content .teaser dl {background-color: #96A6C1; border:1px solid #354867; border-width:0 1px; list-style: none;} #secondary_content .teaser dt {color: #555; margin: 0 10px; padding: 2px 5px; background-color: #BAC3D4; font-size: .9em;} #secondary_content .teaser dt a {color: #555;} #secondary_content .teaser dd {background-color: #a1b2ca; border-bottom: solid 4px #96A6C1; color: #fff; margin: 0 10px; padding: 0 5px; font-size: .8em; text-align: right;} #secondary_content .teaser ul {background-color: #96A6C1; border:1px solid #354867; border-width:0 1px; list-style: none;} #secondary_content .teaser li {font-size: .9em; margin: 0 0 3px 40px;} #secondary_content .teaser li.blog_month_head {color: #444; font-size: 1em; font-weight: bold; margin-left: 30px; padding-top: 10px; text-transform: uppercase;} #secondary_content .teaser p, #secondary_content .teaser a.more {background-color: #96A6C1; padding: 0 10px; font-size: .8em;} #secondary_content .teaser a.more {padding: 5px 20px 10px; display:block; background:url(../images/jack/secondary_content_box.gif) 260px 100% no-repeat;} .rfh_frontad {margin-bottom: 2px; overflow: hidden; padding-left: 25px; padding-bottom: 2px; width: 570px;} #blog_nav {background: #393e42 url(http://www.x96.com/images/x96/blog_nav_fade_out.gif) no-repeat -1px 100%; /*border-left: solid 1px #333;*/ border-right: solid 1px #50575d; float: right; font-size: .85em; margin-bottom: 20px; padding-bottom: 80px; width: 158px;} #blog_nav h3 {color: #0181e3; margin: 30px 20px 0;} #blog_nav ul {margin: 10px 0 0 20px;} #blog_nav p {color: #ddd;} #blog_nav ul li.current_nav a {border: dotted 1px red; border-width: 1px 0; color: red;} #weblog #blog_data {margin: 30px 0 30px 40px;} .blog_entry {border-bottom: solid 1px #0181e3; margin-bottom: 30px; overflow: hidden; padding-bottom: 10px; width: 430px;} .blog_entry p {margin-right: 0;} .blog_entry h1 {background: none; height: 100%; padding: 10px 0 20px; text-align: center;} .blog_entry h2 {margin-bottom: 5px;} .blog_entry h2 a {font-size: 1em; line-height: .9em;} .blog_entry img {margin: 20px 10px;} #blog_comments {width: 560px;} #blog_comments .blog_comments_focus {background: #393e42; border: solid 1px #0181e3; border-width: 1px 0; margin-bottom: 30px; padding: 20px 0; text-align: center;} #blog_comments .blog_comments_focus h2 {padding-bottom: 5px;} #blog_comments .blog_comments_focus h5 a {font-size: 1em;} .blog_comment {font-size: .9em; margin-bottom: 30px;} .blog_comment ul.blog_comment_info {background: #393e42; border-bottom: solid 1px #50575d; border-left: solid 3px #0181e3; height: 20px; padding: 10px 0;} .blog_comment ul.blog_comment_info li {color: #0181e3; padding: 0 0 0 20px;} .blog_comment ul.blog_comment_info li.date_and_time {color: #999;} .blog_comment .blog_comment_content {background: #393e42; float: right; padding-bottom: 10px; width: 400px;} .blog_comment .author_comments {background: #0181e3;} #blog_next_prev {padding-bottom: 25px; width: 430px;} #blog_next {float: right; width: 200px;} #blog_prev {float: left; width: 200px;} #blog_next p, #main_content #blog_next a {margin: 10px 10px 10px 0; text-align: right;} #blog_prev p, #main_content #blog_prev a {margin: 10px 0 10px 10px; text-align: left;} #music h2 {padding-top: 20px;} #music img {padding: 20px;} #music #freeloader_1st_info {float: left; width: 460px;} #music #freeloader_1st_info img.freeloader_1st_album {float: left; padding: 10px 20px 20px 60px;} #music #freeloader_1st_info object {float: left; padding: 20px 20px 20px 60px;} #music #imix {border: solid 1px #666; border-width: 0 1px; float: left; width: 178px;} #music #music_concerts {float: left; width: 320px;} #music #music_concerts h2 {margin-left: 20px;} #music #music_concerts ul {margin-left: 40px;} #music #music_concerts a {margin-right: 40px;} /* LOCAL BAND VOTING --------------------------------------------------------------*/ .local_band {border-right: solid 1px #333; float: left; height: 410px; width: 232px; margin-left:5px;} .local_band h4 {color: #0181e3; font-size: 2.0em; padding-top: 20px; text-align: center;} .local_band img {background: #393e42; border: solid 1px #0181e3; display: block; margin: 2px auto 0; padding: 3px;} .local_band input {background: #393e42; padding: 3px; margin-top: 4px;} /* start rfh_cast_nav ====================================================*/ table#corey_blog td {background: #50575d; color: #ffffff;} table#corey_blog tr {background: #50575d; border:0px; } table#corey_blog td img {background: #0181e3; border: solid 1px #fff; border-width: 1px 0; padding: 3px;} table#corey_blog td p {font-size: 1em; margin: 5px 0 0; border:0px;} span.corey_blog {background: #0181e3; border: solid 1px #fff; border-width: 1px 0; padding: 0 10px 1px;} /* rule for styling cast_member name in second column of table */ table#corey_blog td p span.corey_blog {font-size: .75em; margin-left: 10px;/* padding-top: 5px;*/} /* indents track name in second column of table */ table#rfh_cast_audio_listing td {vertical-align: middle;} table#rfh_cast_audio_listing td img {background: #0181e3; border: solid 1px #fff; border-width: 1px 0; float: left; padding: 3px;} table#rfh_cast_audio_listing td p {font-size: 1em; margin: 5px 0 0;} span.rfh_cast_member {background: #0181e3; border: solid 1px #fff; border-width: 1px 0; padding: 0 10px 1px;} /* rule for styling cast_member name in second column of table */ table#rfh_cast_audio_listing td p span.rfh_cast_audio_title {font-size: .75em; margin-left: 10px;/* padding-top: 5px;*/} /* indents track name in second column of table */ ul.rfh_cast_nav {background: #393e42; border-bottom: solid 30px #0181e3; border-top: solid 3px #0181e3; height: 55px; position: relative;} /* creates blue stripe behind cast_member names under nav pictures */ ul.rfh_cast_nav li {border: solid 1px #393e42; border-width: 1px 1px 0px; height: 50px; text-indent: -999em; width: 78px;} #home_page ul.rfh_cast_nav li.current_nav a, #home_page ul.rfh_cast_nav li.current_nav a:hover {border-bottom: solid 3px red; background-position: -10px -20px;} /* rules for current_nav item . . . must have #home_page for specificity dominance*/ ul.rfh_cast_nav li a {border-bottom: solid 3px #393e42; display: block; height: 50px; width: 78px;} /* rules for default background image of each nav item . . . only need 8 rules if using different images for each nav item */ ul.rfh_cast_nav li.rfh_cast_nav_home a {background: transparent url(http://x96.com/images/member_photos/rfh_logo.jpg) no-repeat -10px 0px;} ul.rfh_cast_nav li.rfh_cast_nav_jeff a {background: transparent url(http://x96.com/images/member_photos/jeff.jpg) no-repeat -10px 0px;} ul.rfh_cast_nav li.rfh_cast_nav_bill a {background: transparent url(http://x96.com/images/member_photos/frost.jpg) no-repeat -10px 0px;} ul.rfh_cast_nav li.rfh_cast_nav_punk a {background: transparent url(http://x96.com/images/member_photos/punk.jpg) no-repeat -10px 0px;} ul.rfh_cast_nav li.rfh_cast_nav_kyle a {background: transparent url(http://x96.com/images/member_photos/kyle.jpg) no-repeat -10px 0px;} ul.rfh_cast_nav li.rfh_cast_nav_amy a {background: transparent url(http://x96.com/images/member_photos/amy.jpg) no-repeat -10px 0px;} ul.rfh_cast_nav li.rfh_cast_nav_jake a {background: transparent url(http://x96.com/images/member_photos/jake.jpg) no-repeat -10px 0px;} ul.rfh_cast_nav li.rfh_cast_nav_margaret a {background: transparent url(http://x96.com/images/member_photos/margaret.jpg) no-repeat -10px 0px;} /* rules for hover-state background image of each nav item . . . only need the 8 rules if using different images from the normal background state specified above (i.e., a normal shaded background and a highlighted background when hovered) . . . otherwise, if using the same image, the single rule below is adequate and the commented rules below can be deleted */ ul.rfh_cast_nav li a:hover {background-position: -10px -20px; border-bottom: solid 3px #ffdb00; text-decoration: none;} /*ul.rfh_cast_nav li.rfh_cast_nav_home a:hover {background: transparent url(http://x96.com/images/member_photos/rfh_logo.jpg) no-repeat -10px -20px;} ul.rfh_cast_nav li.rfh_cast_nav_jeff a:hover {background: transparent url(http://x96.com/images/member_photos/jeff.jpg) no-repeat -10px -20px;} ul.rfh_cast_nav li.rfh_cast_nav_bill a:hover {background: transparent url(http://x96.com/images/member_photos/frost.jpg) no-repeat -10px -20px;} ul.rfh_cast_nav li.rfh_cast_nav_punk a:hover {background: transparent url(http://x96.com/images/member_photos/punk.jpg) no-repeat -10px -20px;} ul.rfh_cast_nav li.rfh_cast_nav_kyle a:hover {background: transparent url(http://x96.com/images/member_photos/kyle.jpg) no-repeat -10px -20px;} ul.rfh_cast_nav li.rfh_cast_nav_amy a:hover {background: transparent url(http://x96.com/images/member_photos/amy.jpg) no-repeat -10px -20px;} ul.rfh_cast_nav li.rfh_cast_nav_jake a:hover {background: transparent url(http://x96.com/images/member_photos/jake.jpg) no-repeat -10px -20px;} ul.rfh_cast_nav li.rfh_cast_nav_margaret a:hover {background: transparent url(http://x96.com/images/member_photos/margaret.jpg) no-repeat -10px -20px;}*/ /* rules for displaying the names of all of the non-current_nav and non-hover-state nav items */ ul.rfh_cast_nav li a span {color: #555; position: absolute; top: 60px; left: 10px; text-indent: 0;} ul.rfh_cast_nav li.rfh_cast_nav_home a span {left: 7px;} ul.rfh_cast_nav li.rfh_cast_nav_jeff a span {left: 106px;} ul.rfh_cast_nav li.rfh_cast_nav_bill a span {left: 190px;} ul.rfh_cast_nav li.rfh_cast_nav_punk a span {left: 263px;} ul.rfh_cast_nav li.rfh_cast_nav_kyle a span {left: 345px;} ul.rfh_cast_nav li.rfh_cast_nav_amy a span {left: 425px;} ul.rfh_cast_nav li.rfh_cast_nav_jake a span {left: 505px;} ul.rfh_cast_nav li.rfh_cast_nav_margaret a span {left: 560px;} /* rule for name display on hover-state . . . if names are not visible in non-hover-state, then there must be a rule here for each nav item (currently commented out would need to be un-commented) */ ul.rfh_cast_nav li a:hover span {color: #fff;/* position: absolute; top: 60px; left: 10px; text-indent: 0;*/} /*ul.rfh_cast_nav li.rfh_cast_nav_home a:hover span {left: 7px;} ul.rfh_cast_nav li.rfh_cast_nav_jeff a:hover span {left: 106px;} ul.rfh_cast_nav li.rfh_cast_nav_bill a:hover span {left: 190px;} ul.rfh_cast_nav li.rfh_cast_nav_punk a:hover span {left: 263px;} ul.rfh_cast_nav li.rfh_cast_nav_kyle a:hover span {left: 345px;} ul.rfh_cast_nav li.rfh_cast_nav_amy a:hover span {left: 425px;} ul.rfh_cast_nav li.rfh_cast_nav_jake a:hover span {left: 505px;} ul.rfh_cast_nav li.rfh_cast_nav_margaret a:hover span {left: 560px;}*/ /* rules for styling and positioning names for current_nav item . . . I added the same class to both the li and the span (here and in the html) because IE6 won't properly display the chained li classes */ ul.rfh_cast_nav li.current_nav a span {color: #fff; font-weight: bold; position: absolute; top: 60px; left: 10px; text-indent: 0;} ul.rfh_cast_nav li.rfh_cast_nav_home.current_nav a span.rfh_cast_nav_home {left: 7px;} ul.rfh_cast_nav li.rfh_cast_nav_jeff.current_nav a span.rfh_cast_nav_jeff {left: 106px;} ul.rfh_cast_nav li.rfh_cast_nav_bill.current_nav a span.rfh_cast_nav_bill {left: 190px;} ul.rfh_cast_nav li.rfh_cast_nav_punk.current_nav a span.rfh_cast_nav_punk {left: 263px;} ul.rfh_cast_nav li.rfh_cast_nav_kyle.current_nav a span.rfh_cast_nav_kyle {left: 345px;} ul.rfh_cast_nav li.rfh_cast_nav_amy.current_nav a span.rfh_cast_nav_amy {left: 425px;} ul.rfh_cast_nav li.rfh_cast_nav_jake.current_nav a span.rfh_cast_nav_jake {left: 505px;} ul.rfh_cast_nav li.rfh_cast_nav_margaret.current_nav a span.rfh_cast_nav_margaret {left: 560px;} /* end rfh_cast_nav ====================================================*/ #toplinks_wrap li {float: right; padding-top: 2px;} #toplinks_wrap li a {font-size: .9em; margin-left: 40px;} .nav .listen_online {width: 318px; height: 130px; position: relative; overflow: hidden; background: transparent url(http://www.x96.com/images/x96/listen_live.jpg) no-repeat 0 0;} /*Header image is reading from the CSS in order to make the image maps in the header work in IE6*/ .nav .listen_online {list-style: none;} .nav .listen_online a:hover {background: transparent;} .nav .listen_online a {position: absolute; width: 150px; height: 100px; text-indent: -1000em;} .nav .listen_online .audio a {top: 10px; left: 10px;} .nav .listen_online .video a {top: 10px; left: 160px;} .nav .listen_online .iphone a {top: 137px; left: 10px;} .nav .listen_online .iphone2 a {top: 134px; left: 120px;} /*.nav .listen_online img {margin: 2px 0 0 25px;} .nav .listen_online a:hover {background: none;}*/ .nav h4 {background: #393e42 url(http://www.x96.com/images/x96/bg_nav_line.gif) repeat-x 0 75%; padding: 17px 0 0;} .nav h4 span.nav_title {background: #393e42 none repeat scroll 0%; color: #0181e3; padding-right: 5px;} .nav li a {font-size: .9em; font-weight: bold; margin: 0;} /*.nav h4.current_section span.nav_title {color: red; font-weight: bold;}*/ .nav li.current_nav a {border: dotted 1px red; border-width: 1px 0; color: red;} .nav ul li span.nav_amp {color: #666;} .nav ul li.current_nav a span.nav_photo_video {border: solid 1px #393e42; color: #ffdb00;} .nav ul li.nav_even {float: right; width: 140px;} .nav ul li.nav_odd {float: left; width: 130px;} .nav ul li ul li.nav_odd.nav_sub a {border-bottom: none; border-top: none; color: #ffdb00; margin-left: 20px} .nav ul li ul li.nav_odd.nav_sub.current_nav a {color: red;} .nav ul li ul li.nav_sub {font-size: .9em; width: 130px;} .nav_advert img {margin: 0px 0 0 0px;} #info_bar p {color: #0181e3; font-size: 1.2em; margin-left: 76px; padding-top: 10px;} #info_bar p span {color: #ffdb00;} #freeloader .deal {border-top: solid 2px #333; padding: 30px;} #freeloader .deal img {background: #393e42; border: solid 1px #0181e3; float: left; margin: 0 10px 20px 0; padding: 3px;} #freeloader .deal img.no_border {background: transparent; border: none; padding: 0;} #freeloader .deal h2, #freeloader .deal p {margin-left: 230px;} #freeloader .deal.odd {background: #555;} #freeloader .deal.even {background: #666;} #freeloader .one_third {margin-bottom: 40px;} #freeloader .one_third img {display: block; margin: 0 auto 30px;} #freeloader .one_third p {font-size: 1.1em; padding: 0 20px;} #freeloader .one_third p.huge {font-family: serif; font-size: 3em;} .retired_intern {border-right: solid 1px #333; float: left; height: 200px; width: 159px;} .retired_intern h4 {color: #0181e3; padding-top: 20px; text-align: center;} .retired_intern img {background: #393e42; border: solid 1px #0181e3; display: block; margin: 20px auto 0; padding: 3px;} #not_a_contest {display: none;} /* add rules to style the information pages you create for the exclusive contests here */ #exclusive_details ul li {color: #ddd; font-size: .95em; margin: 0 40px; padding-bottom: 10px;} /* ==================================================== */ #exclusives #ex_left {float: left; width: 320px;} #exclusives #ex_right {float: right; width: 320px;} #exclusives h2 {height: 40px; margin-left: 48px; margin-top: 5px; padding-left: 55px; padding-top: 20px;} .ex_content {border: solid 1px #666; border-width: 1px 1px; margin: 0 30px 30px; padding: 10px;} .ex_content img {float: left; margin: 0 10px 0 10px;} .ex_content h3 a {font-size: .9em; line-height: 1em;} .ex_content_blogs h3 {padding-bottom: 1px;} .ex_content h6 a {font-size: 1.1em; line-height: 1em;} .ex_content_blogs h6.blog_comments {padding-bottom: 1px; font-size: 1.1em;} .ex_content_blogs h5 span {color: #0181e3; font-size: 1.1em;} .ex_content_blogs {border-bottom: solid 1px #666; margin-bottom: 10px; padding-bottom: 10px;} .ex_content_blogs_featured h3 {padding-bottom: 2px;} .ex_content_blogs_featured h5 span {color: #0181e3; font-size: 1.1em;} .ex_content_blogs_featured {border-bottom: solid 1px #666; margin-bottom: 10px; padding-bottom: 10px;} .ex_content_blogs_featured {background-color: #003366; border: solid 1px #767676; margin-bottom: 5px; padding-bottom: 5px; padding-right: 5px;} .ex_content_blogs_featured h4 {padding-left: 10px; padding-top: 5px; padding-bottom: 5px;} .ex_content .ex_content_blogs.three {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .ex_content_concert {border-bottom: solid 1px #666; padding-bottom: 6px;} .ex_rightcontent {border: solid 1px #666; border-width: 1px 1px; margin-left: 0; margin-right: 50px; padding: 10px;} .ex_rightcontent img {float: left; margin: 0 10px 0 10px; padding-bottom:30px;} .ex_rightcontent img.musicnews {float: left; margin: 0 5px 0 5px; padding-bottom:10px;} .ex_rightcontent h3 a {font-size: .8em; line-height: 1em;} .ex_rightcontent_news h3 {padding-bottom: 1px;} .ex_rightcontent h6 a {font-size: 1.1em; line-height: 1em;} .ex_rightcontent_news h6.news_comments {padding-bottom: 1px; font-size: 1.1em;} .ex_rightcontent_news h5 span {text-align: right; color: #0181e3; font-size: 1.1em;} .ex_rightcontent_news h5 span a {text-align: right; color: #0181e3; font-size: 1.1em;} .ex_rightcontent_news {border-bottom: solid 1px #aed01d; margin-left:0px; margin-bottom: 10px; padding-bottom: 10px;} .ex_rightcontent .ex_rightcontent_news.three {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} #ex_news {height: 510px; margin-bottom: 20px; padding-right: 10px; padding-top: 1px;} #ex_news h2 {background: #50575d url(http://www.x96.com/images/x96/ex_video_icon.gif) no-repeat 0 0; margin-left: 0; color: #0181e3;} #ex_news object {display: block; padding: 0px;} #ex_news h2 {background: #50575d url(http://www.x96.com/images/x96/hit1.gif) no-repeat 0 0; color: #0181e3} #ex_blog h2 {background: #50575d url(http://www.x96.com/images/x96/ex_blog_icon.gif) no-repeat 0 0; color: #0181e3} #ex_store h2 {background: #50575d url(http://www.x96.com/images/x96/ex_store_icon.gif) no-repeat 0 0; color: #0181e3} #ex_concerts h2 {background: #50575d url(http://www.x96.com/images/x96/ex_store_icon.gif) no-repeat 0 0; color: #0181e3} #ex_sponsors h2 {background: #50575d url(http://www.x96.com/images/x96/ex_sponsors_icon.gif) no-repeat 0 0; padding-top: 5px; color: #0181e3} #ex_bajio h2 {background: #50575d url(http://www.x96.com/images/x96/ex_bajio_icon.gif) no-repeat 0 0; color: #0181e3;} #ex_podcast h2 {background: #50575d url(http://www.x96.com/images/x96/ex_podcast_icon.gif) no-repeat 0 0; padding-bottom: 8px; color: #0181e3;} #ex_podcast a {background: #50575d url(http://www.x96.com/images/x96/nav_inactive.png) no-repeat 0 0; padding-left: 20px; margin-left: 20px;} #ex_concerts {height: 310px;} #ex_concerts h2 {background: #50575d url(http://www.x96.com/images/x96/ex_concerts_icon.gif) no-repeat 0 0; color: #0181e3} #ex_concerts a {background: #50575d; padding-left: 3px; margin-left: 3px;} #ex_links {margin-top: 120px;} #ex_links h2 {background: #50575d url(http://www.x96.com/images/x96/ex_blog_icon.gif) no-repeat 0 0; margin-left: 0; color: #0181e3} #ex_rightadsmall {height: 245px; width: 250px; margin-bottom: 1px; padding-right: 10px; padding-top: 1px;} #ex_rightadlarge {height: 385px; margin-bottom: 1px; padding-right: 10px; padding-top: 16px;} #ex_video {height: 310px; margin-bottom: 9px; padding-right: 10px; padding-top: 5px;} #ex_video h2 {background: #50575d url(http://www.x96.com/images/x96/ex_video_icon.gif) no-repeat 0 0; margin-left: 0; color: #0181e3;} #ex_video object {display: block; padding: 0px;} #ex_sponsors {height: 310px; margin-bottom: 20px; padding-right: 10px;} #ex_sponsors h2 {background: #50575d url(http://www.x96.com/images/x96/ex_sponsors_icon.gif) no-repeat 0 0; margin-left: 0; margin-top: 5px; color: #0181e3} #ex_bajio {height: 310px; margin-bottom: 20px; padding-right: 10px;} #ex_bajio h2 {background: #50575d url(http://www.x96.com/images/x96/ex_bajio_icon.gif) no-repeat 0 0; margin-left: 0; color: #0181e3} #ex_store {height: 310px; margin-bottom: 20px; padding-right: 10px;} #ex_store h2 {background: #50575d url(http://www.x96.com/images/x96/ex_store_icon.gif) no-repeat 0 0; margin-left: 0px; color: #0181e3} #ex_listener h2 {background: #50575d url(http://www.x96.com/images/x96/ex_camera.gif) no-repeat 0 0; color: #0181e3} #player_page object.video {display: block;} #player_page embed.style_this, #player_page embed.style_that, #player_page object.video {border: solid 0px #666; padding: 20px; display: block; align: middle;} #x_links .ex_link {background: #393e42; border-bottom: solid 1px #666; height: 70px;} #x_links .ex_link {width: 480px;} /*#x_links .ex_link:hover {background: #0181e3;}*/ #x_links .ex_link img {margin: 10px 15px 10px 30px;} #x_links .ex_link a.ex_text {display: block; margin-top: 25px; text-align: center;} #concert_image {float: left; height: 205px;/* overflow: hidden;*/ width: 310px;} #concert_info {background: transparent url(http://www.x96.com/images/x96/bg_concert_info.gif) no-repeat 0 0; float: right; height: 205px; width: 310px;} #concert_info ul {margin-left: 30px; margin-top: 60px;} #concert_info ul li span {color: #0181e3; margin-right: 10px;} .two_fifth {width: 384px;} .two_fifth {width: 384px;} .one_fifth {width: 192px;} .one_sixth {width: 160px;} .one_third {width: 320px;} .one_half {width: 480px;} .one_whole {width: 960px;} .ad {border: none; height: 120px; width: 99%;} #locations {background: #0181e3;} #locations .one_sixth {border-right: solid 1px #fff; font-size: .8em; width: 159px;} #artie img {display: block; margin: 0px auto 20px;} #calendar .mwf, #calendar .tthwe {border-left: solid 1px #666; border-right: solid 1px #333; float: left; height: 150px; width: 158px;} #calendar .mwf {background: #555;} #calendar .tthwe {background: #666;} #calendar h4 {color: #0181e3; float: right; padding: 5px 5px 10px 0;} #calendar p {font-size: 1em; margin: 0 10px 10px;} .podcast {background: #fff; border: solid 3px #333; border-width: 0 3px 3px 0; margin: 0px 30px 40px; padding: 20px;} .podcast p, .podcast li {color: #555;} .podcast a {color: #000;} .podcast li a {background: #0181e3; padding: 0 3px;} .podcast li span {display: block; padding-top: 10px; width: 400px;} .podcast h2 {margin-bottom: 15px;} .podcast li img {margin: 0 20px;} .slideshowpro {float: left; width: 640px;} .mikado {background: #000; height: 205px; width: 319px;} .mikado p {margin: 0; padding: 50px 10px 0;} #secondary .mikado h2 {margin: 0; padding: 40px 10px 0;} .bfop {background: #000; height: 160px; width: 319px;} .bfop img {float: left; margin: 15px 30px 0 15px;} .bfop p {margin: 0; padding: 50px 10px 0;} #secondary .bfop h2 {margin: 0; padding: 40px 10px 0;} #event_details img {float: left; margin: 10px 40px 30px 0;} #footer .nav {border-left: none; float: left; width: 680px;} #footer .nav ul li.nav_even {float: left; width: 100%;} #footer .nav ul li.nav_odd {float: left; width: 100%;} #footer .nav .listen_online, #footer .nav h1, #footer .nav img, #footer .nav .nav_advert, #footer .divider, #footer .nav div.clear {display: none;} #footer .nav h4 {font-size: 1.5em; width: 140px;} #footer .nav .nav_section {float: left; margin-bottom: 2px; width: 160px;} #footer .nav .nav_section a {font-size: 1em; font-weight: normal;} #footer .wrap_secondary {border: none;} #footer p {background-color: transparent; color: #ddd;} #footer a {font-size: 1em;} #footer ul {list-style: none;} #footer ul li {color: #ddd;} #footer ul#links {border-top: solid 3px #0181e3;} #footer ul#links li {margin: 10px;} #footer #info {background-color: #0181e3; float: right; margin-top: 10px; width: 280px;} #footer #info p {font-size: 1.3em; padding: 7px;} #footer #info ul#info_email {margin-left: 0; padding-left: 10px; padding-bottom: 15px;} #footer #info ul#info_email li {display: inline; margin-left: 5px;} #exclusives_bottom .nav {border-left: none; float: left; width: 640px;} #exclusives_bottom .nav ul li.nav_even {float: left; width: 100%;} #exclusives_bottom .nav ul li.nav_odd {float: left; width: 100%;} #exclusives_bottom .nav .listen_online, #exclusives_bottom .nav h1, #exclusives_bottom .nav img, #exclusives_bottom .nav .nav_advert, #exclusives_bottom .divider, #exclusives_bottom .nav div.clear {display: none;} #exclusives_bottom .nav h4 {font-size: 1.5em; width: 140px;} #exclusives_bottom .nav .nav_section {float: left; margin-bottom: 6px; margin-top: 1px; width: 140px;} #exclusives_bottom .nav .nav_section a {font-size: 1em; font-weight: normal;} #exclusives_bottom .wrap_secondary {border: none;} #exclusives_bottom p {background-color: transparent; color: #ddd;} #exclusives_bottom a {font-size: 1em;} #exclusives_bottom ul {list-style: none;} #exclusives_bottom ul li {color: #ddd;} #exclusives_bottom ul#links {border-top: solid 3px #0181e3;} #exclusives_bottom ul#links li {margin: 5px;} #exclusives_bottom #info {background-color: #0181e3; float: right; margin-top: 25px; width: 260px;} #exclusives_bottom #info p {font-size: 1.3em; padding: 10px;} #exclusives_bottom #info ul#info_email {margin-left: 0; padding-left: 5px; padding-bottom: 10px;} #exclusives_bottom #info ul#info_email li {display: inline; margin-left: 5px;} /* forms ====================================================*/ #form_wrap {background-color: #e0e0e0; border: solid 1px #ff0000; border-bottom: solid 2px #cdcdcd; font-size: 90%; margin: 40px auto; padding: 10px; width: 400px;} #login_page #form_wrap {margin: 80px auto 100px;} #form_wrap p {color: #666; font-size: 1.2em; margin: 15px 0 5px 5px;} #form_wrap p.story_register {font-size: 1.6em; margin-top: 5px; padding-right: 5px;} #form_wrap p.member_search {font-style: italic; margin: 0 0 10px 0; padding: 0; text-align: center;} #form_wrap p.member_search_links {text-align: center;} #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 h3.a {color: #36c; margin: 5px 0 0 0; text-align: center;} #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: #666; 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.member_submit {font-size: 1.5em;} #form_wrap input.radio {margin-left: 20px; margin-top: 3px; float: left;} #form_wrap input.text {color: #666; font-size: 1.3em; margin: 10px 20px 3px; width: 260px;} #form_wrap textarea {color: #666; 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;} body#member_search #form_wrap {margin: 50px auto; width: 400px;} body#member_search #form_wrap p.member_search_links a {color: #666;} body#member_search #form_wrap p.member_search_links a:hover {color: #3fa547;} img#boycott {left: 10px; position: absolute; top: 30px;} form.keyword {text-align: right; padding-top: 3px;} input#keyword {font-size: 16px; color: #ffdb00; text-transform:uppercase; font-weight: bold; background:#393e42; border-style:none; vertical-align: top; padding-top: 7px; width: 130px;}