/*######################################## --------- CLONING COLOR CHANGES --------- ########################################*/ body {background-color:#2a2a2a;} A, #podcasts a, #poll h4, #poll dd, #weather .conditions, #traffic a ,#musicHeadlines a, #entertainmentHeadlines a:hover, .CellBackground1, #mainContent .moduleContent h1, #mainContent .moduleContent h2, #mainContent .moduleContent h3, #mainContent .moduleContent h4, #mainContent .moduleContent h5, #mainContent .moduleContent h6, Font.DJName, A.DJLinks:link, FONT.SongName, P.Rank, A.PlaylistLinks:link, TD.Title, Font.Data, A.WeatherLinks, TD.BottomInfo, Font.DateTime, #AddNewEventForm legend, .imageCaption, #navigation li ul li a, #navigation li ul li .navNoLink, #weather a:hover {color:#00479f;} /* Main link, Headlines Color */ #podcasts a:hover, #traffic a:hover, #musicHeadlines a:hover, #entertainmentHeadlines a, #navigation li ul li a:hover, #weather a {color:#000;} /* Hover, Headlines 2 Color */ #whatsGoingOn a:hover{ color: #fff;} .moduleColorsetOne .moduleContent, #onAir .moduleContent {border:3px solid #000;} .moduleColorsetTwo .moduleContent, #mainContent .moduleContent, #relatedLinksInsert .moduleContent {border:3px solid #000;} #onAir, #onAir a, #clubTitle .containerPadding h4 {color: #000000;} #siteIndex select { color: #000000;} #navigation li {border-left: 1px solid #130101; border-right: 1px solid #c39393; } #whatsGoingOn .moduleContent {border:3px solid #000;} #video a, #nowPlayingArtist, #nowPlayingSong {color:#ff2d36;} #whatsGoingOn a {color:#ff2d36;} #podcasts .storySeparator {background-color: #000000;} #textClub .moduleHeader {background-color: #000; color:#fff;} #musicHeadlines .even {background: #d1d4d7;} #entertainmentHeadlines .even {background: #d1d4d7;} .CellBackground0 { background-color: #fff; border:1px solid #000;} .CellBackground1 { background-color: #d7d7d7; border:1px solid #000;} /*--------------------------------------------------------------------------------*/ /*######################################## ---------- NON-EDITING STYLES ---------- ########################################*/ body {font-family: Arial, Helvetica, sans-serif;font-size: 10px;background-image: url(/images/background.jpg);background-repeat: no-repeat;background-position: center top;} /*##### HR #####*/ hr {color:#db1a12; height:1px;} html>body hr {border:none;background-color:#db1a12;} /* ############################################################# allpages.css ############################################################# */ /*********************** GENERAL HELPER STYLES ***********************/ .hidden {display: none;visibility: hidden;width: 0px;height: 0px;} .footer, .break {clear: both;} #logoPrint {display:none;} /********************* GENERAL STYLES *********************/ /* SPECIFY COLOR FOR H4 IN BRANDING CSS */ h4 {font-size:1.1em;font-weight:bold;} /* SPECIFY COLOR IN BRANDING CSS */ .moduleColorsetOne .moduleContent {background-color:#fff;background-image:url(/images/module-bg.gif);background-repeat:repeat-x;background-position: top;} .moduleColorsetTwo .moduleContent {background-color:#fff;background-image:url(/images/module-bg.gif);background-repeat:repeat-x;background-position: top;} /*******************/ /* MAIN CONTENT */ /*******************/ #mainContent {width:775px;} #mainContent .moduleHeader { height: 22px; background-repeat: no-repeat; background-image: url(/images/h-headlines.gif); background-position: 0px -385px;} #mainContent .containerPadding { font-size:1.2em;padding: 3px 24px 5px 22px;} #mainContentTopLinks {text-align: right;clear: both;margin: 0px 0px 10px 0px;font-size: 1em;} #mainContentTopLinks a{margin: 0px 5px 0px 5px;font-size: .9em; color:#666;} #mainContent .moduleHeader h2{text-transform: uppercase;color: #fff;padding: 4px 0px 0px 9px;font-size: 1.4em;} #mainContent .moduleContent {float:left; clear:both; background-color:#fff;background-image:url(/images/module-bg.gif); background-repeat:repeat-x;background-position:top;} #mainContent .moduleContent .moduleContentContainer {width:769px;} #mainContent .moduleContent .moduleContentContainer .moduleContentContainer {width:auto;} /* MAIN TEXT AND HEADERS */ .imageCaption { font-size:.9em;} #mainContent p {padding:.5em 0em;} #mainContent .moduleContent h1, #mainContent .moduleContent h2 {font-family: Arial, Helvetica, sans-serif;font-size: 1.6em;font-weight: bold; margin-bottom:.5em;} #mainContent .moduleContent h3 {font-family: Arial, Helvetica, sans-serif;font-size: 1.5em; margin-bottom:.5em;font-weight: normal;} #mainContent .moduleContent h4, #mainContent .moduleContent h5, #mainContent .moduleContent h6 { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;font-weight: bold;} /* IMAGES */ #mainContent img { border: 0px solid #000; } /* MISC TEXT CLASSES */ #mainContent .smallText { font-size: 80%; } #mainContent .Headline {font-family: Arial, Helvetica, sans-serif;font-size: 1.4em;color: #db1a12;margin-bottom:.5em;font-weight: normal;} #mainContent .Headline1 {font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;color: #000;margin-bottom:.5em;font-weight: normal;} #mainContent .Text { font-size: 1.1em;} /* LISTS */ #mainContent ul.inline li {display: inline;} #mainContent ul, #mainContent ol { padding: .5em;} /* Optional for Custom List Styles */ #mainContent li {list-style-position: inside;} /* Optional for Custom List Styles */ /********************* ARTICLE PAGE *********************/ #mainContent p.standFirst { font-weight:bold;} /* RELATED LINKS */ #relatedLinksInsert {width:300px;clear:both;margin:10px 0px 9px 0px;} #relatedLinksInsert .moduleContainer {} #relatedLinksInsert .moduleHeader {height: 22px;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -358px;} #relatedLinksInsert #relatedLinks{padding:10px;} #relatedLinksInsert li{list-style:none;font-size:1em;text-decoration: none;line-height: 1.6em;padding:0px 0px 0px 6px;background:url(/images/arrow-small.gif) no-repeat;background-position:0px 6px;} #relatedLinksInsert .moduleHeaderMusic {height: 22px;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -329px;} #relatedLinksInsert .moduleHeaderMusic h3{display:none;} #relatedLinksInsert .moduleContent{clear:both;} #relatedLinksInsert li a{text-decoration: none;font-size:.95em; color:#666;} /* ARTICLE IMAGE STYLES */ #articleAdInsert { padding: 10px 12px 5px 0px; width:300px; float:left; } .imageCaptionContainer { padding: 0px 8px 15px 0px; } /********************* 3rd PARTY ARTICLE PAGE *********************/ #mainContent .outsideArticle {width:410px;float:left;} .outsideArticle img {margin:0px 0px 1em 0px;} .outsideArticleFooter {clear:both;} /********************* VIDEO ARTICLE PAGE *********************/ #videoContent {text-align:center;} #videoContent .videoContentContainer{padding:5px 0px 6px 0px;margin:auto;text-align:center;} #videoContent .videoContentContainer .videoContainerPadding {} #videoContent .videoContentContainer img{border:0px;margin:0px;} #videoContent .videoFooter {height:5px;} /********************* FORM STYLES *********************/ select {font-size:1em;font-family: Arial, Helvetica, sans-serif;} /* This style applies to all dropdown menus. */ input { font-size:1em;font-family: Arial, Helvetica, sans-serif;} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */ .textBox { } /* Single-Line textboxes background and border colors */ button, .button { font-size:12px;font-family: Arial, Helvetica, sans-serif;} textarea { font-size:1em;font-family: Arial, Helvetica, sans-serif; } /* This style applies to all multi-line comment areas. */ #mainContent .submitbutton { font-size:1em;font-family: Arial, Helvetica, sans-serif;} #mainContent .warningMessage { font-weight:bold;font-size:1em;} /* Text displayed warning of Form problems/errors */ .textInput {font-size:1em;font-family: Arial, Helvetica, sans-serif;} /* VARIOUS SIZED TEXBOXES */ input.short { width: 70px; } input.medium { width: 150px; } input.long { width: 300px; } /************************ GENERIC TABLES *************************/ #mainContent table { color: #000; font-size: 11px; } /* Just set a default text color and size */ .sectSeparatorH { padding:15px 0px;} /* Horizontal gaps between sections. */ .sectSeparatorV { padding:0px 10px;} /* Vertical gaps between sections. */ /********************* FORM LAYOUTS *********************/ #mainContent fieldset {border: none 0px #fff;} #mainContent legend { /* Specify a Color */font-weight: bold;} #mainContent .formRow {clear: both;margin: 5px 0px;} #mainContent label {display: block;float: left;width: 150px;text-align: right;font-weight: bold;margin-top: 2px;margin-right: 3px;font-size: 1.1em;} #mainContent label .labelDetails {font-weight: normal;font-size: 1em;} #mainContent .formRowMultiFields {margin-left: 153px; /* !! Should be the width of the label !! */} #mainContent .formRowMultiFields img { /* Used for Captcha */padding: 0px;} #mainContent label.spanWidth {width: auto;display: block;text-align: left;} #mainContent label.inline {float: none;display: inline;width: auto;text-align: auto;} #mainContent .formRowSubmit {margin-left: 153px; /* Probably the width of the label */} #mainContent .EmailForm label {width: 80px;} /************************ FORMATTED TABLES *************************/ #mainContent table.formattedTable {background-color:#cbcbcb;} #mainContent table.formattedTable th {font-size:14px;padding:5px;background-color:#d7d7d7;} table.formattedTable th a {} #mainContent table.formattedTable td {font-size:12px;background:#fff;padding:5px;} #mainContent table.formattedTable td a {} /* Table body links */ #mainContent table.formattedTable tr.rowOdd {} /* Table Odd Row for a separate background-color for every other row */ #mainContent table.formattedTable tr.rowEven {} /* Table Even Row for a separate background-color for every other row */ /* You may need to specify a specific link color for each row depending on the background colors */ #mainContent table.fullWidth { width:720px;} /* specify the width to span the full content area */ /************************ ELS TABLES *************************/ #mainContent table.elsTable td{text-align:center;} /* ELS table */ #mainContent table.elsTable td.elsCellData, #mainContent table.elsTable td.elsCellField{text-align:left;} #mainContent table td.DataBackGround table td, #mainContent table td.DataBackGround table.DataBackGround {text-align:center;} /********************* MISC BACKGROUND AND SECTIONAL STYLES (Styles used for default sectionals and misc colors.) *********************/ #mainContent .CellContent0, #mainContent .CellContent1 { padding: 5px; } /* Define padding so running copy doesn't hit edge of background. */ /********************* CALENDAR STYLES *********************/ #mainContent .calendarTable {background-color:#cbcbcb; } #mainContent .calendarTable td {padding:4px;} #mainContent .calendarTable td a { } #mainContent .calendarTable td.calendarDayCell { } /* Specify something to overwrite CellBackground0 */ #mainContent .calendarTable td.calendarEmptyDay { } #mainContent .calendarTable td.calendarDayViewed { } /* Specify something to overwrite CellBackground1 */ #mainContent .calendarTable td.calendarCurrentDate { font-weight:bold;border:1px solid #000;background:#fff;} /*## Footer Coypright ##*/ #copyright p{ color:#fff; font-weight: normal; text-transform: uppercase;} #copyright a{color:#fff;font-weight: normal;text-transform: uppercase; text-decoration: none;} #copyright a:hover{color:#fff;} #siteIndex select { font-weight: bold; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;} /********************* ALIGNMENT STYLES *********************/ .alignLeft { float: left; } .alignCenter { text-align: center; } .alignRight { float: right; } #mainContent img.noFormat { border: none 0px; margin: 0px; } /* ############################################################# framework.css ############################################################# */ /* CSS Document */ /* browser reset controls */ /******************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; vertical-align:baseline;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; vertical-align:baseline;} /* remember to define focus styles! */ :focus {outline:0;} caption, th, td {text-align: left; font-weight: normal;} blockquote {padding: .5em;} /******************************************************/ /* end browser reset controls */ /*************** FRAMEWORK ****************/ #mosSite {text-align:center;} #framework {margin:auto;width:960px;text-align:left;} #header {width:960px;} #header #logo {clear:both;float:left;margin:0 !important;padding:0 !important;} #header #artists {float:left;height:140px;} #header #artists img {border:none} #header #headerRow1{float:left;padding: 4px 0px 0px 0px;} #header #headerRow2{width: 960px;height: 140px;overflow:hidden;float:left;background-image:url(/images/header-search-footer-sprite.jpg);} /* Club and Search bg */ #header #headerRow3{background-image:url(/images/header-search-footer-sprite.jpg);height:38px;clear:both; background-position: 0px -140px;} /* Nav and Date */ #header #headerRow4{background-image:url(/images/nav-bg.gif);height:37px;clear:both;} #middleFramework { } #middleFrameworkBG {background-image:url(/images/framework-MiddleBG.gif);background-color: #fff; } #frameworkLeft {width:790px;float: left;} #frameworkRight {width:160px;float:right;padding:0px 0px 20px 0px;} #frameworkRight .footer{height: 10px;width:160px;} #contentContainer {padding:9px 0px 14px 14px;} #contentRow1 {height:236px;} #contentRow2 {clear:both;height:370px;} #content2a {float:left;width: 234px;margin: 0px 0px 0px 9px;} #content2b {float:right;width: 300px;} #contentRow3 {clear:both;} /*************** FOOTER ****************/ #footer {clear:both; width:960px; height:119px; background-image:url(/images/header-search-footer-sprite.jpg);background-position: 0px -178px;} #copyright{text-align: center; width: 500px; float:left; margin: 32px 0px 0px 0px;} #siteIndex {float: left; width: 250px; margin: 40px 2px 0px 20px;} #siteIndex legend {display:none;} #siteIndex fieldset {border:0px;} /*************** ADS ****************/ #leaderboard {float:left;width:728px;padding:0px 0px 0px 5px;} #leaderboardAd {margin:0px; padding:0px !important; height:90px;} #leaderboardLabel {display:none;} #leaderboardSafari {float:left; padding:0px 0px 0px 0px; margin-left:5px;} #skyscraper {} #cubeAd {width:300px;background:url(/images/cubeAd-label.gif) no-repeat;} #cubeAd .moduleContentContainer{padding:10px 0px 0px 0px !important;} #cubeAd .moduleContent{background-image:none;background-color:transparent;border: none;} #cubeAd .moduleContainer { border:none;padding:0px !important;} #cubeAd .moduleHeader{display:none;} #cubeAd .containerPadding{padding: 1px 0px 0px 0px;border: none;background-image:none;} #cubeAd .moduleHeader{display:none;} #cubeAd .moduleFooter {display:none;} #cubeAd img {width:300px;height:250px;} #cubeAd p {padding:0} /* ############################################################# modules.css ############################################################# */ #frameworkRight .module {margin:5px 10px 0px 6px;} #frameworkRight .moduleContainer {width:144px;} #frameworkRight .containerPadding{background-image: url(/images/right-c-m-bg.gif);background-repeat: repeat-y;} #frameworkRight .moduleFooter {height:12px;background-image: url(/images/right-c-m-footer.gif);background-repeat: no-repeat; } #frameworkRight h3{display: none;} .viewAll {float:right;margin:11px 6px 0px 0px;} .viewAll a{display:block;background:url(/images/bullets-sprite.gif) no-repeat; background-position:0px -120px; height:10px;width:55px;text-indent:-9999px;} .viewAll a:hover {display:block;height:10px;width:55px;text-indent:-9999px; background:url(/images/bullets-sprite.gif) no-repeat; background-position:0px -133px;} .moduleHeader h3 {font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;font-weight:bold;} /*************** MODULE TYPE 1 ****************/ .moduleColorsetOne .moduleHeader{ } .moduleColorsetOne .moduleHeader h3 {display:none;} .moduleColorsetOne .containerPadding {padding:6px;} .moduleColorsetOne h4 {font-size:1em;} /*************** MODULE TYPE 2 ****************/ .moduleColorsetTwo .moduleHeader h3 {display:none;} .moduleColorsetTwo .moduleHeader h2 {text-transform: none;} .moduleColorsetTwo .containerPadding {padding:6px;} /**************/ /* ON AIR NOW */ /**************/ #onAir {float:left;width:226px; height:62x; font-size:1.1em;} #onAir .moduleContent{ overflow:hidden;height:62px;} #onAir .hostName a{text-decoration:none; } #onAir .containerPadding{padding: 2px 4px 4px 4px;} #onAir .moduleHeader{ background: url(/images/h-headlines.gif); background-repeat: no-repeat; background-position: -3px -6px; height: 22px; } #onAir #hostPhoto{float:left; padding:2px 3px 0px 1px;} #onAir #hostPhoto img{border:0px solid #000; width:56px; height:50px; padding:0px;} #onAir .hostName { font-weight:bold;} #onAir .hostTime {font-size:1em; } #onAir .hostName a:hover{text-decoration:underline;} #onAir .nextUp {padding-top:.1em; font-size:1em; font-weight:normal;} /*******************/ /* NOW PLAYING */ /*******************/ #nowPlaying {float:right; width:236px; height:70px;} #nowPlaying .moduleHeader {display:none;} #nowPlaying .containerPadding {padding:0px 0px 0px 0px;} #nowPlayingArtist {font-size: 11px; color: #FFF; font-weight: bold;} #nowPlayingSong {font-size: 11px; color: #FFF; line-height: 15px;} #nowPlayingLink a {display:block;} #nowPlayingLink a:hover {} /*******************/ /* LISTEN LIVE */ /*******************/ #listenLive {float:right;height:70px;width:236px;overflow: hidden;} #listenLive h5 a{display:block;background:url(/images/listen-live-btn2.gif) no-repeat;height:70px;width:236px;text-indent:-9999px;} #listenLive h5 a:hover{background:url(/images/listen-live-btn2.gif) no-repeat;height:70px;width:236px;background-position: 0px -71px;} /*****************/ /* CLUB Title */ /*****************/ #clubTitle .moduleHeader { display:none;} #clubTitle .moduleFooter { display:none;} /*****************/ /* CLUB */ /*****************/ #club {width:530px; float:left; margin:0px; padding:0;} #club .moduleHeader{display:none;} #club #club .moduleFooter, #club legend, #club label{display:none;} #club .moduleHeader h3{font-size: 1.2em;font-weight: bold;color: #db1a12;text-transform: uppercase;padding: 7px 0px 0px 12px;} #club fieldset{border:0px;} #club .formRow,#club .submitRow, #club form, #club fieldset, #club #loginLinks, #club #loginLinks p {float:left;} html>body #club .formRow, #club .submitRow, #club form, #club fieldset, #club #loginLinks, #club #loginLinks p {float:left;height:15px;} #club #loginEmailRow {padding:14px 5px 0px 0px;background:url(/images/club-label-email.gif) no-repeat;background-position:0px 7px;} #club #loginPasswordRow {padding:14px 7px 0px 0px;background:url(/images/club-label-password.gif) no-repeat;background-position:2px 7px;} #club #saveLoginRow {padding:12px 32px 5px 0px;background:url(/images/club-label-save.gif) no-repeat;background-position:right 15px;} #club .submitRow {padding:14px 8px 0px 7px;} #club #loginLinks p{padding:12px 8px 0px 0px;} #club #cmdSubmit{background:url(/images/site-btns.gif) no-repeat;background-position:0px 0px;height: 19px;width:50px;padding: 19px 0px 0px;margin: -2px 0px 0px 0px;border: 0px;overflow: hidden;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */ } #club #signUp a {display:block;background:url(/images/site-btns.gif) no-repeat;background-position:-55px 0px;height: 19px;width:59px;text-indent:-9999px;border: 0px;overflow: hidden;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */ } #club #forgotPassword a {display:block;background:url(/images/site-btns.gif) no-repeat;background-position:-121px 0px;height: 19px;width:77px;text-indent:-9999px;border: 0px;overflow: hidden;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */} #club #userInfo {width:250px;margin:10px 0px 0px 50px; font-family: Arial, Helvetica, sans-serif; } #club #clubMenu {margin:-12px 0px 10px 250px; width:150px;} #club #clubMenu p {float:right;} #club #clubMenu ul li {float:right; display: inline; padding:0px 5px 0px 5px;} #clubTitle .containerPadding h4{width:145px;float:left;font-size: 1.2em;font-weight: bold; text-transform: uppercase;padding: 14px 10px 0px 0px; text-align:right;} #club .textInput{width:115px;height:15px;background:#fff !important;border:1px solid #000;} /*************/ /* SEARCH */ /*************/ #search {width:260px;height:35px;float:right;} #search .moduleHeader, #search legend, #search label {display:none;} #search fieldset{border:0px;} #search .moduleContent{padding:12px 0px 0px 0px;} #searchType{width:70px;height:17px; border:1px solid #000 !important;background:#fff !important;margin:0px 10px 0px 42px; float:left;} #search #searchFor{width:78px;height:15px;background:#fff !important;border:1px solid #000;float:right;margin:0px 3px 0px 0px;} #search .button {width:30px;height:19px; background:url(/images/site-btns.gif) no-repeat;background-position:-202px 0px;text-indent:-9999px;font-size:0px;border:0px;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */float:right;margin:0px 3px 0px 0px;} #searchType{width:70px;height:17px; border:1px solid #000 !important;background:#fff !important;margin:0px 10px 0px 42px; float:left;} #search #searchFor{width:78px;height:15px;background:#fff !important;border:1px solid #000;float:right;margin:0px 3px 0px 0px;} /**************/ /* DATE */ /**************/ #date p {text-align: center; font-family: Arial, Helvetica, sans-serif;padding:12px 0px 0px 0px; color:#fff;} #date {width:126px;height:37px;float:right; border-right: 5px solid #ececec;} #date .moduleContainer{} #date .moduleHeader, #date h4{display:none;} /****************/ /* WEATHER */ /****************/ #weather .moduleHeader{height: 25px;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -263px;} #weather #weatherGraphic {margin:0px 0px 5px 0px;} #weather .containerPadding {padding:6px 8px 2px 8px;} #weather h4 {font-weight: normal;text-transform: uppercase;color: #000;} #weather #weatherGraphic img{width: 45px;border: 1px solid #000;} #weather .conditions {padding-bottom:.5em;} #weather a {font-size: 1.1em;} #weather p {font-size: 1.1em;} /****************/ /* TRAFFIC */ /****************/ #traffic .moduleHeader{height: 25px;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -295px;} #trafficLinks {height:60px;padding: 5px 0px 0px 9px;font-size: 1.1em;} #trafficLinks li{list-style:none;} #trafficFeed {height:110px;background:#fff;margin: 0px 3px 0px 3px;} /***************/ /* POLL */ /***************/ #poll {} #poll .moduleHeader{height: 25px; background-repeat: no-repeat; background-image: url(/images/h-headlines.gif); background-position: -3px -231px;} #poll h5 {display:none;} #poll .sponsorAd {background-image:url(/images/poll-sponsor-label.gif); background-repeat:no-repeat; background-position:1px 4px;} #poll .sponsorAd img { margin:12px 0px 5px 0px;} #poll fieldset {border:0px;} #poll legend {display:none;} #poll #pollDescription {padding-bottom:.5em;} #poll #pollQuestion {padding-bottom:.5em;} #poll label {position:relative; top:-.2em;font-size: 1.1em;} #poll #pollsubmit {background:url(/images/site-btns.gif) no-repeat; background-position:-235px 0px; height: 19px; width:59px;padding: 0px; margin: 10px 0px 0px 0px; border: 0px; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #poll .containerPadding {padding:6px 8px 5px 8px;} #poll p {font-size: 1.1em;} #poll h4 {font-weight: normal; font-size: 1.1em;} #poll dt{color: #000;} /*****************/ /* FEATURE STORY */ /*****************/ #featureFlash {width:468px;height:229px;float:left;z-index: 1;} #featureFlash .moduleHeader{display:none;} #featureFlash h3{display:none;} #featureFlash .moduleContent{height:229px;} #featureFlash .containerPadding{padding:0px;} /************************************/ /* WHAT'S GOING ON Background Image */ /************************************/ #WGOBack {width:295px;height:201px;overflow: hidden;float: right;margin: -204px 2px 0px 0px;} #WGOBack H3 {display: none;} #WGOBack .moduleContent{height:201px; background-color: #1a1d81;} #WGOBack img {margin:0px !important;padding:0px !important;} /*******************/ /* WHAT'S GOING ON */ /*******************/ #whatsGoingOn {width:300px;height:229px;float:right;} #whatsGoingOn .moduleHeader {height:22px;overflow:hidden;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -38px;} #whatsGoingOn .containerPadding{padding:10px;height:180px;background-image:url(../images/s-whatsGoingOn-bg.jpg); background-repeat:repeat;} #whatsGoingOn .storyContainer{z-index:1;} #whatsGoingOn h4 {padding:0px 0px 10px 8px;background:url(/images/bullets-sprite.gif) no-repeat;background-position:0px -18px; font-size:1.2em;} #whatsGoingOn .storySeparator, #whatsGoingOn .separatorLast{display:none;} /*******************/ /* VIDEO */ /*******************/ #video {width:225px;float:left; } #video .moduleContainer {background-image: none;border:none;} #video .moduleHeader {height:22px;overflow:hidden;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -103px; } #video .containerPadding{padding:0px 0px 0px 0px;} #video .story{width: 200px; } #video img{border-width:0px;float:left;margin:3px 5px 5px 5px;} #video .storyFooter {clear:both;} #video .moduleContent{height:335px;clear:both;background-image: none;border:3px solid #464342;background-color: #000;overflow: hidden;} #video a {text-decoration:none;} #video a:hover {text-decoration:underline;} #video .even {background: #474445;margin: 3px 0px 8px 0px;padding: 4px 0px 4px 0px;} /****************************************/ /* Played On Widget */ /****************************************/ #playedOn .moduleHeader {height:22px;overflow:hidden;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -70px;} #playedOn .moduleHeaderHours {height:22px;overflow:hidden;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -70px;} #playedOn h3 {display:none;} #playedOn .moduleContent {width: 234px;height: 340px;background: #fff;} /****************************************/ /* podcasting */ /****************************************/ #podcasts {padding:0;margin:0; font-size: 1.1em;} #podcasts .storySeparator {height:1px; margin: 5px 0px 5px 0px;} #podcasts a {text-decoration: none;} #podcasting {width:144px;} #podcasts h4 {font-size:1.0em;font-weight: bold;} #podcasts h4 a{text-decoration:none;} #podcasts h4 a:hover{text-decoration:underline;} #podcasts ul{padding: 4px 0px 0px 0px; } #podcasts li {display:inline;white-space: nowrap;padding: 10px 0px 0px 0px;} #podcasts li .listen{background:url(/images/bullets-sprite.gif) no-repeat;background-position:0px 0px;padding:0px 0px 0px 14px;font-size:.9em;} #podcasts li .download{background-position:0px 7px;padding:7px 0px 0px 0px; background-repeat: no-repeat;} #podcasts .storySeparator HR {display:none;} #podcasts .separatorLast{display:none;} #podcasts .rssIcon {float:right; margin:5px 3px 0px 0px;} #podcasts .rssIcon a{display:block; background:url(/images/bullets-sprite.gif) no-repeat; background-position:110px -103px; height:12px; width:127px; text-indent:-9999px;} #podcasts .moduleHeader {height:25px;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -198px;} #podcasts .containerPadding{padding: 8px 8px 2px 8px;} #podcasts .moduleFooter{height:12px;background-image: url(/images/right-c-m-footer.gif);background-repeat: no-repeat;clear:both;} /*******************/ /* TEXT CLUB */ /*******************/ #textClub {width:300px;float:left;margin: 3px 0px 0px 0px;} #textClub .moduleContainer { } #textClub .moduleContent{clear:both;border: none;} #textClub .containerPadding{padding:0px;height:75px;} #textClub h4{font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;font-weight: bold;text-transform: uppercase;} #textClub .moduleHeader {height:18px;padding: 2px 0px 0px 9px;text-transform:uppercase;} #musicHeadlines {width:384px; float:left; font-size: 1.1em; margin-bottom: 9px;} #musicHeadlines a{text-decoration: none;} #musicHeadlines a:hover{text-decoration: none;} #musicHeadlines .background1{} #musicHeadlines .moduleHeader{height:22px;overflow:hidden; background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -135px;} #musicHeadlines .moduleContent{clear:both;} #musicHeadlines .containerPadding{padding:0px;} #musicHeadlines .story{margin: 0px 0px 0px 0px;height: 120px;overflow:hidden;} #musicHeadlines .odd { } #musicHeadlines .storyImage {float:left; padding:0px 10px 10px 0px;} #musicHeadlines .storyImage img{border-width:0px; width:110px; height:110px;} #musicHeadlines .storyContainer {padding:7px;} #musicHeadlines h4 {font-size:1.1em; font-weight: bold; } #musicHeadlines .storySeparator,#musicHeadlines .separatorLast {display:none;} /*******************/ /* ENTERTAINMENT HEADLINES */ /*******************/ #entertainmentHeadlines {width:384px;float:right;font-size: 1.1em; margin-bottom: 9px;} #entertainmentHeadlines a{text-decoration: none; } #entertainmentHeadlines a:hover{text-decoration: none;} #entertainmentHeadlines .background1{ } #entertainmentHeadlines .moduleHeader{height:22px; overflow:hidden;background-repeat: no-repeat;background-image: url(/images/h-headlines.gif);background-position: -3px -167px;} #entertainmentHeadlines .moduleContent{clear:both;} #entertainmentHeadlines .containerPadding{padding:0px;} #entertainmentHeadlines .story{margin: 0px 0px 0px 0px;height: 120px;overflow:hidden;} #entertainmentHeadlines .odd { } #entertainmentHeadlines .storyImage {float:left; padding:0px 10px 10px 0px;} #entertainmentHeadlines .storyImage img{border-width:0px; width:110px; height:110px;} #entertainmentHeadlines .storyContainer {padding:7px;} #entertainmentHeadlines h4 {font-size:1.1em;font-weight: bold;} #entertainmentHeadlines .storySeparator, #entertainmentHeadlines .separatorLast {display:none;} #musicHeadlines h3, #entertainmentHeadlines h3 {float:left; display:block; font-size:1.4em; text-transform:uppercase; margin:3px 0px 0px 21px;} #musicHeadlines h3 {color:#ffffff;} #entertainmentHeadlines h3 {color:#ffffff;} /*******************/ /* TEXT ADS */ /*******************/ #textAds {width:960px; font-size: 1.1em; margin:0px; padding:5px 0px 0px 0px;background-color: #fff;} #textAds .moduleHeader{display:none;} #textAds .moduleContent{text-align:center;padding-bottom:1px;} #textAds p a{color:#666; text-decoration:none;} #textAds p a:hover{text-decoration:underline;} #textAds .storySeparator,#textAds .separatorLast {display:none;} /*******************/ /* TILE ADS */ /*******************/ #tileAds {width:960px;height:145px;background-image: url(http://wuht-fm.fimc.net/images/tileAds-bg.gif);background-repeat: no-repeat; } #tileAds .moduleHeader{display:none;} #tileAds .moduleContent{text-align:center;padding:9px 0px 0px 0px;} #tileAds p{display:inline;margin:0px 3px 0px 3px;} #singleItem_0 h4 {color: #ef1e23;font-size:1.1em;} #singleItem_0 h3 {color: #fff;display:none;} #singleItem_0 .containerPadding {color: #fff;padding:6px; background:none;} #singleItem_0 .moduleFooter {background:none;} /* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */ /* ############################################################# nav.css ############################################################# */ /* NAV MODULE SETTINGS */ #navigation {width:800px;float:left;font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;line-height:1em;font-weight: bold;text-transform: uppercase;color: #fff;border-left: 5px solid #ececec;} #navigation .moduleHeader {display:none;} /* MAIN NAVIGATION MENU BOX */ #navigation .containerPadding {} #navigation ul {list-style: none;border: none;} /* MAIN NAV ITEMS */ #navigation li {text-align: left;display:block;float:left;line-height: 37px;} #navigation li a, #navigation li .navNoLink {display: block;color: #fff;text-decoration: none;font-weight:bold;padding: 0px 7px 0px 7px;} #navigation li a:hover {color: #fff; background-image: url(/images/nav-bg.gif); background-repeat: repeat-x; line-height: 37px; padding: 0px 7px 0px 7px;background-position: 0px -38px;} /*SUB NAV LIST */ #navigation li ul {width:157px;display: block;position: absolute;left: -9999px;height:auto;border:1px solid #000;float:none;background-color:#fff;z-index:auto;} #navigation li ul li a{margin:0px;float:none;border: none; line-height: 14px;} #navigation li ul li a:hover{margin:0px;float:none;border: none;background-image: none; line-height: 14px;} /* SUB-NAV ITEM */ #navigation li ul li {margin:0px;padding:3px 0px 3px 0px;float:none;border: none;line-height: 14px;display: block;} /* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */ #navigation li:hover, #navigation li.sfhover { position: static; } /* This is a fix for the IE7 Sticky menu bug */ #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {left: -9999px;z-index: 501;} #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {left: auto;z-index: 501;} /* Support for the "iehover-fix.js" */ ul.navItems iframe {position: absolute;left: -0.1em;top: -0.1em;z-index: -1;filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);} * html ul.navItems li { z-index: 501; } /* this is for IE 5.0 select.hide { visibility: hidden; } /* End Support for the "iehover-fix.js" */ /* SUB NAV LIST Set the width, background, and/or border */ #navigation li ul {width: 157px;display: block;position: absolute;left: -9999px;height: auto;border: solid 2px #111;float:none;z-index: auto;} /* SUB-NAV ITEM */ #navigation li ul li {} /* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */ #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {left: -9999px;z-index: 501;} #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {left: auto;z-index: 501;} /* Support for the "iehover-fix.js" */ ul.navItems iframe {position: absolute;left: -0.25em;top: -0.25em;z-index: -1;filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);} * html ul.navItems li { z-index: 501; } /* this is for IE 5.0 select.hide { visibility: hidden; } /* End Support for the "iehover-fix.js" */ /* ############################################################# CustomPages.css ############################################################# */ /*********************** Photo Wall Styles ***********************/ #photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 10px 0px; } #photoWallPage .page-menu ul, #photoWallPage .page-menu li { display: inline;} #photoWallThumbs { width: 490px; padding: 15px 0px 0px 0px; text-align: center; margin: auto;} #photoWallThumbs ul { padding: 0px; margin: 0px; list-style: none; border: 1px solid white;} #photoWallThumbs li { width: 120px; display: inline; float: left; vertical-align: top; border: 1px solid white;} html>body #photoWallThumbs li {width: 120px; display: inline; float: left; vertical-align: top;} #photoWallThumbs li.newRow {width: 120px; clear: both; vertical-align: top; border: 1px solid white;} html>body #photoWallThumbs li.newRow {clear: left; display: inline; } #photoWallThumbs li .photo-thumb {display: inline;} #photoWallPhotoPage .page-menu { width: 260px; text-align: center; margin: auto; padding: 5px 0px;} #photoWallPhotoPage .page-menu a { text-decoration: none;} #photoWallPhotoPage .page-menu a:hover {text-decoration: underline;} #photoWallPhotoPage .photoContainer { margin: 10px 0px; } #photoWallPhotoPage img { margin: 0px; } #photoWallPhotoPage .photoCaption { width: 300px; margin: 4px auto; } /*********************** Goout Bar Styles ***********************/ .top-goout {float: left;text-align:left; width:100%;padding:0px; margin:0px;background-image:url(/images/Topframe_bg.gif);} .top-col-left {width: 33%; float: left; padding:0px; margin:0px; text-size: 8px;} .top-col-left a {text-size: 8px;color:#fff; } .top-col-left a:hover {text-decoration: none;} .top-col-mid {text-align:center; width:33%;float: left; padding: 2px 0px 0px 0px; text-size: 8px;} .top-col-mid #siteIndex {width: 100px; margin: 5px 0px 0px 50px;} .top-col-right {text-align:center; width:auto; color:#fff; padding: 3px 0px 0px 0px; margin-left:0px; text-size: 8px;} .top-col-right a {text-size: 8px;color:#fff;} .top-col-right a:hover {text-decoration: none;} /*********************** Keword Search Results Styles ***********************/ .kewordSearch {width: 100%; text-align:left; padding: 5px 5 5px 5;} .key-col-top {} .key-col-top a {} .key-col-left {width: 40%; float: left; padding: 5px; margin: 0px; } .key-col-left a {} .key-col-mid {width: 10%; float: left; padding: 5px 0 5px 0;} .key-col-right {width: 40%; float: left; padding: 5px; margin: 0px;} .key-col-right a {} /*********************** Concert Calendar Styles ***********************/ .ccVenue {width: 100%; text-align:left; padding: 5px 5 5px 5;} .ccV-col-top {} .ccV-col-top a {} .ccV-col-left {width: 30 %; float: left; padding: 5px; margin: 0px; } .ccV-col-left a {} .ccV-col-mid {width: 40%; float: left; padding: 5px 0 5px 0;} .ccV-col-right {width: 20%; float: right; padding: 5px; margin: 0px;} .ccV-col-right a {} .ccArtist {width: 100%; text-align:left; padding: 5px 5 5px 5;} .cc-col-top {} .ccA-col-top a {} .ccA-col-left {float: left; padding: 5px; margin: 0px; } .ccA-col-left a {} .ccA-col-right {float: right; padding: 5px; margin: 0px;} .ccA-col-right a {} /*********************** Staff Styles ***********************/ .staff {text-align:left; padding: 5px 5 5px 5;} .staff-col-top {} .staff-col-top a {} .staff-col-left {float: left; padding: 5px; margin: 0px; } .staff-col-left a {} .staff-col-mid {float: left; padding: 5px 0 5px 0;} .staff-col-right {float: left; padding: 5px; margin: 0px;} .staff-col-right a {} /*********************** Calendar Styles ***********************/ #AddNewEventForm fieldset {display: block;clear: both;margin-bottom: 20px;} /************************** Community Calendar Styles **************************/ .calendarTable {width: 100%;text-align: center;} /************************** Weather Styles **************************/ #extendedForecast .CellBackground0 /* Controls color of temperature bar. Use to customize appearance. */ {vertical-align: bottom;} #extendedForecast .negativeTemperature /* Background color of Negative Temperature Bars. Only change Background-Color. Do not change anything else */ { BACKGROUND-COLOR: #0FF;vertical-align: bottom;} #extendedForecast /* Controls appearance of entire Extended Forecast. Only change Color, Background-Color. Do not change any other settings. */ {MARGIN: auto;TEXT-ALIGN: center;} #extendedForecast .smallText /* Controls appearance of Sky Conditions, High & Low Temps For Days. Do not add margin or padding. */ { FONT-WEIGHT: bold;FONT-SIZE: 11px; LINE-HEIGHT: 12px; vertical-align: top;} #weatherForecast .weatherDayTop /* Controls appearance of individual days. Do not add margin or padding. */ {width: 90px; MARGIN: auto;vertical-align: top;} #weatherForecast .weatherDayBottom /* Controls appearance of individual days. Do not add margin or padding. */ {vertical-align: bottom;} #weatherForecast .weatherTemperatures .weatherTempBars {PADDING: 0px; MARGIN: auto; BACKGROUND-COLOR: transparent;} /* ********************************************************* *** START DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW *** ********************************************************* */ #weatherForecast{ TEXT-ALIGN: center;MARGIN: auto;} #weatherDetails{width: 568px; CLEAR: both;TEXT-ALIGN: center;} #weatherRegionLinks{ MARGIN-TOP: 10px;} #weatherRegionLinks LI{ DISPLAY: inline;FLOAT: left; MARGIN-BOTTOM: 10px;MARGIN-LEFT: 5px; WIDTH: 150px;} #currentObservation{MARGIN: auto; WIDTH: 480px;} #currentObservation .smallText{FONT-SIZE: 10px; LINE-HEIGHT: 12px; vertical-align: top;} #currentObservation H3{MARGIN-BOTTOM: 5px;} #currentObservation .footer{DISPLAY: none;} #weatherForecast .weatherTemperatures{ TEXT-ALIGN: center; margin: auto; VERTICAL-ALIGN: bottom;} #weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures{ BORDER: medium none;PADDING: 0px; MARGIN: 0px;BACKGROUND-COLOR: transparent;} #weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures .dayCondition{DISPLAY: none; PADDING: 0px;MARGIN: 0px;} /*************************************************** *** video styles *** *************************************************** */ #vxFlashPlayer {padding:0px;margin:0px 0px 0px -0px; text-align: left;} /*######################################## ---------- NON-EDITING STYLES ---------- ########################################*/ #ShowHeadlines {width: 700px;} /* For 3rd party content */ #ShowHeadlines2 {width: 700px;} /* For 3rd party content */ /* *************************************************** *** Programming Schedules styles *** *************************************************** */ #programmingSchedule h3 { padding-top:10px; } /* ******************************************************* *** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW *** ******************************************************* */