/*---------------------------------------------- ------------------------------------------------ branding-colors.css ------------------------------------------------ ----------------------------------------------*/ /*********************** COLOR CONTROLS ***********************/ .bodyBackground, #header { background: #000; } .background1 { background:#6B6B6B; } /* rt. col. rectangles*/ .color1, .color1:hover { color:#6B6B6B; } /* rt. col. see more - I don't think this is used anymore*/ .color2, .color2:hover { color:#fdae08; } /* e.g. site index text */ .color2darker, .color2darker:hover { color:#c00002; } /* e.g. poll answers */ .background2, .background2dark, #weather2 TABLE.Bars, #playlist2 TD.RankBgcolor, #staff2 TD.BG3on, #pastpoll1 Table.BarColor, #mainContent .calendarTable td.calendarCurrentDate { background:#fdae08; } /* e.g. feature/video.etc tab color BG */ #navigationLinks a.background2 {background:#fdae08;} /* e.g. nav link BG */ #navigation li a:hover { background:#202020; color:#fff;} a {color:#c00002;} #frameworkRight #podcastsFront h3 a {color:#fff;} #frameworkRight #podcastsFront h4 a {color:#000;} #frameworkRight a, #weather2 P.PrimaryCondition, #weather2 TD.HighLow, #staff2 Font.OffAir, #playlist2 P.VotePercent {color:#c00002;} /* inside highlight color */ a:hover { color:#000; text-decoration:underline; } .moduleColorsetTwo .moduleHeader h3, .moduleColorsetTwo .moduleHeader h2, #mainContent .moduleHeader h3 {color:#fff;} /* Feature, Video, Headlines title color */ #mainContent .moduleContent #relatedLinksInsert h3 {color:#fff;} /* DEFINE SIZE AND STYLE IN ALLPAGES.CSS */ h4 { color:#000; } h4 a { color:#000; } img { border-style:solid; border-color:#3A3A3A; border-width:0px; } #allNews img { border: 0px !important; } #content2b { float: right; width: 300px; } /*---------------------------------------------- /*---------------------------------------------- ------------------------------------------------ allpages.css ------------------------------------------------ ----------------------------------------------*/ /*********************** GENERAL HELPER STYLES ***********************/ .hidden { diplay: none; visibility: hidden; width: 0px; height: 0px; } .footer, .break { clear: both; } /********************* GENERAL STYLES *********************/ /* SPECIFY COLOR FOR H4 IN BRANDING CSS */ h4 { font-size:1.1em; font-weight:bold; } /* SPECIFY COLOR IN BRANDING CSS */ /*******************/ /* MAIN CONTENT */ /*******************/ #mainContent { width:773px; margin-bottom:6px;} #mainContent .moduleHeader { } #mainContent .moduleContainer { } #mainContent .moduleContent { clear:both;} #mainContent .containerPadding { padding:24px 22px;background:#fff; zoom: 1; } #mainContent .containerPadding2 { padding:12px 11px;background:#fff; zoom: 1; } /* Cube Ad module resetting */ #mainContent #cubeAd { } #mainContent #cubeAd .moduleHeader { display:none; } #mainContent #cubeAd .moduleContainer { border-width:0px; } #mainContent #cubeAd .moduleContent { border:0px; background-image:none; background-color:transparent; } #mainContent #cubeAd .contentPadding { background:url(/images/labels-sprite.gif) no-repeat; background-position:-452px 4px; } #mainContent #cubeAd img { margin-top:11px;} #mainContent #cubeAd iframe { margin-top:11px; } #mainContent #cubeAd object { margin-top:11px; } /* PAGE TITLE */ /* MAIN TEXT AND HEADERS */ #mainContent p { font-size:1.1em; color:#000; margin-bottom:1em; } #mainContent .moduleContent h1, #mainContent .moduleContent h2, #mainContent .moduleContent h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; color: #000; margin-bottom:.69em; } #mainContent .moduleContent h4, #mainContent .moduleContent h5, #mainContent .moduleContent h6 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #000; margin-bottom:.9em; } /* IMAGES */ #mainContent img { } /* MISC TEXT CLASSES */ #mainContent .smallText { font-size: 80%; } #mainContent .Headline { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; color: #000; margin-bottom:.69em; } /* SAME AS H3 - Legacy Inside Pages Code */ #mainContent .Text { font-size: 1.1em; } /* SAME AS BODY - Legacy Inside Pages Code */ /* LISTS */ #mainContent ul.inline li { display: inline; } #mainContent ul { padding-left:15px; } /* Optional for Custom List Styles */ #mainContent li { } /* Optional for Custom List Styles */ /********************* ARTICLE PAGE *********************/ #mainContent p.standFirst { font-weight:bold; } #mainContentTopLinks {text-align: right; clear: both; margin: 0px 0px 10px 0px; font-size: .9em;} /* RELATED LINKS */ #relatedLinksInsert { width:300px; clear:both; margin-bottom:10px; position: relative;} #relatedLinksInsert li { list-style:none; font-size:1.1em; padding-bottom:3px; } #relatedLinksInsert li a { color:#fff; } #relatedLinksInsert li a:hover { color:#ccc; } #relatedLinksInsert .moduleContainer .moduleHeader { background:url(/images/module2-headerBG-sprite.gif) 1px -52px no-repeat; margin-top: 1px; margin-right: 1px;} #relatedLinksInsert .moduleContainer .moduleHeader h3{ padding-left:5px;} #relatedLinksInsert .containerPadding { padding:7px 7px 4px 7px; background-image:url(/images/relatedLinks-BG.gif); border:1px solid #000; } #relatedLinksInsert .moduleContentContainer { padding:7px 7px 4px 7px; background-image:url(/images/relatedLinks-BG.gif); } /* ARTICLE IMAGE STYLES */ .imageCaptionContainer { padding: 0px 8px 8px 0px; margin-bottom:5px;} .imageCaption { font-size:1em; color:#2D2D2D; } /********************* 3rd PARTY ARTICLE PAGE *********************/ #mainContent .outsideArticle { width:400px; float:left; } .outsideArticle img { margin:0px 0px 1em 0px; } .outsideArticleFooter { clear:both; } /********************* VIDEO ARTICLE PAGE *********************/ #videoContent { text-align:center; } #videoContent .videoContentContainer { margin:auto; text-align:center; } #videoContent .videoContentContainer .videoContainerPadding { padding:18px 0px; } #videoContent .videoContentContainer img { border:0px; margin:0px; } #videoContent .videoFooter { clear:both; } /********************* FORM STYLES *********************/ select { font-size:1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0px 2px;} /* This style applies to all dropdown menus. */ input { vertical-align:middle;font-size:1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0px 2px;} /* 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:1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } textarea { font-size:1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /* This style applies to all multi-line comment areas. */ #mainContent .submitbutton { font-size:1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #mainContent .warningMessage { font-weight:bold; font-size:1.3em; } /* Text displayed warning of Form problems/errors */ .textInput { font-size:1em; font-family: Verdana, Geneva, 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: 10px; } /* Just set a default text color and size */ #mainContent table td { padding:0px; } /************************ FORMATTED TABLES *************************/ #mainContent table.formattedTable { background-color:#000; } /* Background color or borders */ #mainContent table.formattedTable th { font-size:1.1em; padding:5px; background-color:#333; color:#fff; } table.formattedTable th a { color:#fff; } /* Header cells and Header Font Info */ #mainContent table.formattedTable td { font-size:1.1em; background:#fff; padding:5px; } /* Table body cells and body font info */ #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 */ /********************* MISC BACKGROUND AND SECTIONAL STYLES (Styles used for default sectionals and misc colors.) *********************/ .CellBackground0 { background-color: #ddd; border:1px solid #888; } /* Background, Border, and Text color only */ .CellBackground1 { background-color: #ccc; border:1px solid #888; } /* Background, Border, and Text color only */ #mainContent .CellContent0, #mainContent .CellContent1 { padding: 5px; } /* Define padding so running copy doesn't hit edge of background. */ /********************* CALENDAR STYLES *********************/ #mainContent table.calendarHeaderTable, #mainContent table.calendarFooterTable {background:#ccc;} #mainContent table.calendarHeaderTable td h3 {padding-top:7px;} #mainContent table.calendarHeaderTable td {background:#eee; padding:0px;} #mainContent table.calendarFooterTable td {background:#eee; padding:5px;} #mainContent .calendarTable {background:#ccc;} #mainContent .calendarTable td { padding:4px; font-size:1.1em; } #mainContent .calendarTable td a { } #mainContent .calendarTable td.calendarDayCell {background:#eee; border:1px solid #ddd;} /* 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 #d4caae; } #mainContent .calendarTable td.calendarCurrentDate a {color:#fff;} /********************* SEPARATOR STYLES *********************/ hr { } .sectSeparatorH { padding:15px 0px; } /* Horizontal gaps between sections. */ .sectSeparatorV { padding:0px 10px; } /* Vertical gaps between sections. */ /**************************/ /**** EDITS UNECESSARY ****/ /**************************/ /********************* FORM LAYOUTS *********************/ #mainContent fieldset { border: none 0px #fff; } #mainContent legend { /* Specify a Color */ font-weight: bold;display:none; } #mainContent .formRow { clear: both; margin: 5px 0px; } #mainContent label { display: block; float: left; width: 150px; text-align: right; font-weight: bold;vertical-align:middle; line-height:1.75em; } #mainContent label .labelDetails { font-weight: normal; font-size: 0.9em; } #mainContent .formRowMultiFields { margin-left: 153px; /* !! Should be the width of the label !! */ } #mainContent .formRowMultiFields *{ line-height:1.75em;} #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; } #mainContent .formRow label .Headline {margin:0px;padding:0px;vertical-align:middle;} /********************* ALIGNMENT STYLES *********************/ .alignLeft { float: left;padding:0px 8px 2px 0px; } .alignCenter { text-align: center; } .alignRight { float: right;padding:0px 0px 2px 8px; } #mainContent img.noFormat { border: none 0px; margin: 0px; } /*---------------------------------------------- ------------------------------------------------ framework.css ------------------------------------------------ ----------------------------------------------*/ * { margin:0px; padding:0px; } /*************** FRAMEWORK ****************/ body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; } #bodyBackgroundImage { width:100%; background-image:url(/images/body-bg.); background-repeat:no-repeat; background-position:center top; background-attachment: fixed } #mosSite { text-align:center; } #framework { margin:auto; width:960px; text-align:left; } #header { width:960px; background:url(/images/header-footer-sprite.jpg) no-repeat; } #header h2{ display: none; } #header #logo { clear:both; float:left; margin: 0px !important; padding: 0px !important; } #header #artists { float:left; background:url(/images/trans.gif); width: 434px; height: 142px; } #header #headerRow1 { float:left; padding:5px 0px 0px 0px; } #header #headerRow2 { width: 960px; height: 142px; float: left; clear: both; overflow:hidden; } #header #headerRow3 { background-image:url(/images/header-tileAds-sprite.jpg); background-repeat:no-repeat; background-position:0px 0px; height:42px; clear:both; overflow:hidden; } #header #headerRow4 { background-image:url(/images/header-tileAds-sprite.jpg); background-repeat:no-repeat; background-position:0px -42px; height:28px; width:960px; clear:both; } #middleFramework { background-image:url(/images/frameworkBG-sprite.jpg); background-repeat:repeat-y; } #middleFrameworkBG { background-image:url(/images/framework-MiddleBGbottom.jpg); background-repeat:no-repeat; background-position:right bottom; display:inline-block; position:relative;} #frameworkLeft { width:795px; background-image:url(/images/framework-leftBG.gif); background-repeat:no-repeat; background-position:5px 0px; float:left; position:relative; } #frameworkRight { width:165px; float:right; padding:6px 0px 14px 0px; } #contentContainer { padding:8px 8px 12px 12px; float:left; } #contentRow1 { height:266px; } #contentRow2 { clear:both; height:375px; } #content2a { float:left; padding:0px 7px 0px 6px; } #contentRow3 { clear:both; float:left; } /*************** FOOTER ****************/ #footer { clear:both; width:960px; height:142px; background-image:url(/images/header-footer-sprite.jpg); background-position:0px -237px; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #4E4E4E; } #copyright { padding:12px 0px 0px 0px; width: 560px; position:relative; top:-40px; left: 200px; z-index: 1; } #copyright p { color:#fff; font-size:1.1em; text-align:center; } #copyright p a { color:#fff; } #copyright p a:hover { color:#ccc; } #siteIndex { padding:0px 0px 0px 27px; height:40px; width:258px;position:relative; z-index: 10; } #siteIndex legend { display:none; } #siteIndex fieldset { border:0px; } #siteIndex select { font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; background-color:#000; margin:12px 0px 0px 0px; border:1px solid #799BB7; } /*************** ADS ****************/ #leaderboard { float:right; width: 728px; height: 90px; overflow: hidden;} #leaderboardLabel { display:none; } #skyscraper { } #cubeAd { float:left; } #cubeAd .moduleHeader { display:none; } #cubeAd .contentPadding { background:url(/images/labels-sprite.gif) no-repeat; background-position:-452px 4px; } #cubeAd img { margin:11px 0px 0px 0px; } #cubeAd iframe { margin:11px 0px 0px 0px; } #cubeAd object { margin:11px 0px 0px 0px; } #videoContent #cubeAd { text-align:center; margin:auto; width:780px; } #videoContent #cubeAd .moduleHeader { display:none; } #videoContent #cubeAd .containerPadding { background:none; } #videoContent #cubeAd img { margin:0px 0px 0px 0px; } #banner { } /*---------------------------------------------- ------------------------------------------------ nav.css ------------------------------------------------ ----------------------------------------------*/ /* NAV MODULE SETTINGS */ #navigation { width:795px; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height:1em; font-weight: bold; text-transform: uppercase; color: #FFFFFF; border-left:1px solid #000; } #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; padding:0px 0px 0px 0px; border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; } #navigation li a, #navigation li .navNoLink { display: block; float:left; color: #000; text-decoration: none; font-weight:bold; line-height:11px; padding:4px 4px 5px 4px; } html>body #navigation li a { width: auto; } /* SUB NAV LIST Set the width, background, and/or border */ #navigation li ul { margin: 0 0 0 -1px; clear:both; width:157px; display: block; position: absolute; left: -9999px; top:300px; height: auto; border:1px solid #000; border-bottom:0px; float:none; } /* SUB-NAV ITEM */ #navigation li ul li { margin:0px; padding:0px; float:none; border-top:0px; border-right:0px; border-left:0px; border-bottom:1px solid #000; } #navigation li ul li a { border:0px; margin:0px; float:none; color:#000; } /* 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" */ /*---------------------------------------------- ------------------------------------------------ modules.css ------------------------------------------------ ----------------------------------------------*/ /*************** MODULES ****************/ #frameworkRight .module { margin:0px 0px 10px 5px; } #frameworkRight .moduleContainer { width:154px; } .viewAll { float:right; font-size:1em; font-weight:bold; margin:6px 6px 0px 0px; padding:0px 0px 0px 8px; } .background1 .viewAll { background:url(/images/arrows-lines-sprite.gif) no-repeat; background-position:0px -87px; border-top:2px solid #000; } .background2 .viewAll, .background2dark .viewAll { background:url(/images/arrows-lines-sprite.gif) no-repeat; background-position:0px -127px; } .viewAll a { text-decoration:none; } .viewAll a:hover { color:#fff; text-decoration:underline; } .moduleHeader h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight:bold; } .moduleRSSlink { float:right; font-size:1em; padding:0px; margin:5px 6px 0px 0px; } .moduleRSSlink a { display:block; width:12px; height:12px; text-indent:-9999px; background:url(/images/arrows-lines-sprite.gif) no-repeat; background-position:0px -203px; } /*************** MODULE TYPE 1 ****************/ .moduleColorsetOne .moduleContainer { } .moduleColorsetOne .moduleHeader { background-image:url(/images/module1-BG-sprite.gif); background-position:0px 0px; background-repeat:no-repeat; height:23px; } .moduleColorsetOne .moduleHeader .square { width:10px; height:10px; float:left; margin:7px 0px 0px 5px; } .moduleColorsetOne .moduleHeader h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight:bold; color:#fff; padding:4px 4px 0px 5px; float:left; } .moduleColorsetOne .moduleHeader h3 a { color:#fff; text-decoration:none; } .moduleColorsetOne .moduleHeader h3 a:hover { text-decoration:underline; } .moduleColorsetOne .moduleContent { background-color:#fff; border:1px solid #606060; background-image:url(/images/module1-BG-sprite.gif); background-position:0px -24px; background-repeat:no-repeat; } .moduleColorsetOne .containerPadding { padding:6px; } .moduleColorsetOne h4 { font-size:1em; } .moduleColorsetOne p { color:#363636; } /*************** MODULE TYPE 2 ****************/ .moduleColorsetTwo .moduleHeader h3, .moduleColorsetTwo .moduleHeader h2, #mainContent .moduleHeader h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight:bold; padding:3px 0px 0px 34px; text-transform:uppercase; display: inline-block; float:left; margin:0px; line-height:1; } #mainContent .moduleHeader h4{ font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight:bold; color:#fff; padding:3px 0px 0px 34px; text-transform:uppercase; display: inline-block; float:left; margin:0px; line-height:1; } .moduleColorsetTwo .style2 .moduleHeader h3, #mainContent .style2 .moduleHeader h3 { padding:3px 0px 0px 5px; } .moduleColorsetTwo .moduleHeader { height:23px; background-image:url(/images/module2-headerBG-sprite.gif); background-repeat:no-repeat; margin:0px 1px 0px 0px; } .moduleColorsetTwo .background1 .moduleHeader { background-image:url(/images/module2-headerBG-sprite.gif); background-position:0px -26px; } .moduleColorsetTwo .style2 .moduleHeader, #mainContent .style2 .moduleHeader { height:24px; background-image:url(/images/module2-headerBG-sprite.gif); background-position:0px -52px; background-repeat:no-repeat; margin:0px 1px 0px 1px; } .moduleColorsetTwo .moduleContainer { padding-bottom:1px; } .moduleColorsetTwo .moduleHeader h2 { } .moduleColorsetTwo .moduleContent { background-color:#fff; border:1px solid #000; margin:0px 1px 0px 1px; } .moduleColorsetTwo .style2 .moduleContent { background-color:#fff; border:0px; } .moduleColorsetTwo .containerPadding { padding:6px; } /**************/ /* ON AIR NOW */ /**************/ #onAir { float:left; width:224px;} #onAir .moduleHeader { background-image:url(/images/module1-BG-sprite.gif); background-position:-154px 0px; background-repeat:no-repeat; background-color:transparent; } #onAir .moduleContent { height:65px; background-image:url(/images/module1-BG-sprite.gif); background-position:-154px -24px; background-repeat:no-repeat; } #onAir #hostPhoto { float:left; padding:0px 6px 0px 0px; } #onAir #hostPhoto img { border:1px solid #000; width: 51px; height: 51px; } #onAir .hostName { font-size:1em; color:#000; font-weight:bold; } #onAir .hostName a { text-decoration:none; color:#000; } #onAir .hostName a:hover { text-decoration:underline; } #onAir .nextUp { text-transform:uppercase; padding-top:.5em; font-size:1em; font-weight:normal; letter-spacing: .1em; } /*******************/ /* NOW PLAYING */ /*******************/ #nowPlaying {float:right; width:248px; height:81px;} #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:61px; width:248px; } #listenLive h5 a { display:block; background:url(/images/listenlive-nowplaying.gif) no-repeat; background-position:0px -48px; height:61px; width:248px; text-indent:-9999px; } #listenLive h5 a:hover { background:url(/images/listenlive-nowplaying.gif) no-repeat; background-position:0px -109px; } /*****************/ /* CLUB */ /*****************/ #club { width:685px; float:left; } #club .moduleHeader { width:175px; height:42px; float:left; } #club .moduleFooter, #club legend, #club label { display:none; } #club .moduleHeader h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight:bold; text-transform:uppercase; line-height:.9em; color:#fff; padding:5px 0px 0px 5px; } #club .moduleFooter { } #club fieldset { border:0px; } #club .formRow, #club .submitRow, #club form, #club fieldset, #club #loginLinks, #club #loginLinks p { float:left; } #club .textInput { width:110px; height:15px; background:#fff !important; border:1px solid #000; } #club #loginEmailRow { padding:18px 4px 0px 0px; background:url(/images/labels-sprite.gif) no-repeat; background-position:-150px 11px; } #club #loginPasswordRow { padding:18px 4px 0px 0px; background:url(/images/labels-sprite.gif) no-repeat; background-position:-300px 11px; } #club #saveLoginRow { padding:18px 31px 5px 0px; background:url(/images/buttons-sprite.gif) no-repeat; background-position:-307px 16px; } #club .submitRow { padding:12px 3px 0px 5px; } #club #loginLinks p { padding:12px 3px 0px 0px; } #club #cmdSubmit { background:url(/images/buttons-sprite.gif) no-repeat; background-position:-95px 0px; height: 22px; width:59px; padding: 22px 0px 0px 0px; margin: 0px 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/buttons-sprite.gif) no-repeat; background-position:-154px 0px; height: 22px; 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/buttons-sprite.gif) no-repeat; background-position:-220px 0px; height: 19px; width:77px; text-indent:-9999px; border: 0px; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } #club p#forgotPassword { padding:13px 0px 0px 0px; } #club #clubMenu ul li{ display: inline; padding: 5px; font-weight: bold; } #club #clubMenu { width: 200px; float: left; top: 5px; position: relative; } #club #userInfo { width: 300px; float: left; top: 5px; position: relative; } /*************/ /* SEARCH */ /*************/ #search { width:219px; height:35px; float:right; } #search .moduleHeader, #search legend { display:none; } #search label { display:none; } #search fieldset { border:0px; } #search .moduleContent { padding:11px 0px 0px 0px; } #searchType { width:69px; height:17px; background:#fff !important; border:1px solid #7F9DB9; margin:2px 37px 0px 0px; float:left; } #search #searchFor { width:68px; height:17px; background:#fff !important; border:1px solid #7F9DB9; float:left; margin:2px 3px 0px 0px; } #search .button { width:36px; height:22px; background:url(/images/buttons-sprite.gif) no-repeat; background-position:0px 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; } #search button:hover { } /**************/ /* DATE */ /**************/ #date { padding:0px; float:right; } #date .moduleContainer { width:150px; height:28px;position:relative;display:inline;} #date .moduleHeader { display:none; } #date p { text-align:right; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; padding:4px 10px 0px 0px; } /****************/ /* WEATHER */ /****************/ #weather { } #weather .moduleContent { } #weather #weatherGraphic { text-align:center; padding:2px 0px; margin:0px 0px 5px 0px; } #weather #weatherGraphic img { border-width:1px; } #weather .conditions { padding-bottom:.5em; } #weather .containerPadding { padding:6px 8px 10px 8px; } /****************/ /* TRAFFIC */ /****************/ #traffic { } #traffic .moduleContent { background-image:url(/images/module1-BG-sprite.gif); background-position:-378px 0px; background-repeat:no-repeat; background-color:#fff; } #trafficLinks { height:70px; } #trafficLinks li { list-style:none; font-weight:bold; } #trafficLinks li a { color:#000; } #trafficLinks li a:hover { color:#444; } #trafficFeed { height:110px; background:#fff; } /***************/ /* POLL */ /***************/ #poll { } #poll h5 { display:none; } #poll .sponsorLabel {display:none;} #poll .sponsorAd { background-image:url(/images/labels-sprite.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 { font-weight:bold; position:relative; top:-.2em; } #poll #pollsubmit { background:url(/images/buttons-sprite.gif) no-repeat; background-position:-36px 0px; height: 22px; width:59px; padding: 22px 0px 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 12px 8px; } #poll dt {font-size:1.1emcolor:#000;margin-top:.5em;} #poll dd {font-size:1.1em;font-weight:bold;color:#000;} /*****************/ /* FEATURE STORY */ /*****************/ #featureFlash { width:468px; height:253px; float:left; } #featureFlash .moduleHeader { border-bottom:1px solid #000; } #featureFlash .moduleContainer { padding-bottom:0px; } #featureFlash .moduleContent { height:229px; border:0px; margin:0px 0px 0px 0px; } #featureFlash .containerPadding { padding:0px; } /*******************/ /* WHAT'S GOING ON */ /*******************/ #whatsGoingOn { width:300px; height:252px; float:right; } #whatsGoingOn .moduleContainer { padding-bottom:1px; background-image:url(/images/whatsgoingon-bg.jpg); background-repeat:no-repeat; background-position:2px 24px; } #whatsGoingOn .moduleHeader { border-bottom:0px; } #whatsGoingOn .moduleContent { height:227px; clear:both; overflow:auto; border:1px solid #000; margin:0px 1px 0px 1px; background-color:transparent; } #whatsGoingOn .containerPadding { padding:10px; height:207px; } #whatsGoingOn h4 { padding:0px 0px 10px 8px; background:url(/images/arrows-lines-sprite.gif) no-repeat; background-position:0px -45px; font-size:1.2em; } #whatsGoingOn h4 a { color:#fff; } /*******************/ /* VIDEO */ /*******************/ #video { width:224px; float:left; } #video .moduleContainer { } #video .moduleHeader { } #video .moduleContent { height:339px; width:222px; position:absolute;clear:both; overflow:hidden; } #video .containerPadding { padding:0px; } #video .story { float:left;} #video .odd { background:#fff; } #video .even { background:#D7D7D7; } #video img { border-width:1px; float:left; margin:0px 10px 0px 0px; } #video .storyFooter { clear:both; } #video h4 { left:0; } #video h4 a { text-decoration:none; } #video h4 a:hover { text-decoration:underline; } /*******************/ /* Tune Genie Container */ /*******************/ #tuneGenie { width:238px; } #tuneGenie .moduleContainer { } #tuneGenie .moduleHeader { } #tuneGenie .moduleContent { height:340px; background:#000; } #tuneGenie .containerPadding { } /****************************************/ /* PODCASTS, and INSIDE Podcasts */ /****************************************/ #podcastsFront .viewAll { float:right; margin:3px 6px 0px 0px; padding:0px 0px 0px 8px; } /* shared content styles */ .podcastsShared { position:relative; } .podcastsShared h4 { font-size:1em; } .podcastsShared a { text-decoration:none; } .podcastsShared a:hover { text-decoration:underline; } .podcastsShared li { display:inline; padding:0px 3px 0px 8px; background:url(/images/arrows-lines-sprite.gif) no-repeat; background-position:1px 3px; font-weight:bold; white-space: nowrap; } .podcastsShared .storySeparator { height:18px; background:url(/images/arrows-lines-sprite.gif) repeat-x; background-position:0px -163px; } .podcastsShared .separatorLast {display:none;} /*******************/ /* TEXT CLUB */ /*******************/ #textClub { width:300px; float:right; position:relative; margin-top: 6px; } #textClub .moduleContainer { position:relative;} #textClub .moduleHeader { } #textClub .moduleContent { clear:both;position:relative; } #textClub .containerPadding { padding:0px;position:relative; } /*******************/ /* MUSIC HEADLINES */ /*******************/ #musicHeadlines { width:383px; float:left; } #musicHeadlines .moduleHeader { } #musicHeadlines .moduleContent { clear:both; background:none; } #musicHeadlines .containerPadding { padding:0px } #musicHeadlines .story { height:123px; margin-bottom:1px; } #musicHeadlines .featureGroupSpan, #musicHeadlines .featureGroupSpan_Even { margin-bottom:1px; } #musicHeadlines div.ShowHeadlines { width:361px; } #musicHeadlines .odd { background:#fff; } #musicHeadlines .even { background:#D7D7D7 } #musicHeadlines .storyImage { float:left; padding:0px 7px 0px 0px; } #musicHeadlines .storyImage img { border-width:1px; width:108px; height:108px; } #musicHeadlines .storyContainer { padding:7px; } #musicHeadlines h4 { padding-bottom:.5em; } /*******************/ /* ENTERTAINMENT HEADLINES */ /*******************/ #entertainmentHeadlines { width:383px; float:right; } #entertainmentHeadlines .background1 { } #entertainmentHeadlines .moduleHeader { } #entertainmentHeadlines .moduleContent { clear:both; background:none; } #entertainmentHeadlines .containerPadding { padding:0px } #entertainmentHeadlines .story { height:123px; margin-bottom:1px; } #entertainmentHeadlines .featureGroupSpan, #entertainmentHeadlines .featureGroupSpan_Even { margin-bottom:1px; } #entertainmentHeadlines div.ShowHeadlines2 { width:361px; } #entertainmentHeadlines .odd { background:#fff; } #entertainmentHeadlines .even { background:#D7D7D7; } #entertainmentHeadlines .storyImage { float:left; padding:0px 7px 0px 0px; } #entertainmentHeadlines .storyImage img { width:108px; height:108px; border-width:1px; } #entertainmentHeadlines .storyContainer { padding:7px; } #entertainmentHeadlines h4 { padding-bottom:.5em; } /*******************/ /* TEXT ADS */ /*******************/ #textAds { width:960px; background:url(/images/textAds-bg.gif) repeat-y #000; } #textAds .moduleHeader { display:none; } #textAds .moduleContent { text-align:center; } #textAds p { padding:8px 8px 4px 8px; color:#fff; } #textAds p a { color:#fff; text-decoration:none } #textAds p a:hover { text-decoration:underline } /*******************/ /* TILE ADS */ /*******************/ #tileAds { border-left:1px solid #313234; border-right:1px solid #2B2724; border-bottom:1px solid #828282; } #tileAds .moduleContainer { width:958px; background-image:url(/images/tileAds-bg.jpg); background-position:0px top; } #tileAds .moduleHeader { height:12px; background:url(/images/header-tileAds-sprite.jpg) no-repeat; background-position:-1px -70px; } #tileAds .moduleHeader h3 { display:none; } #tileAds .moduleContent { text-align:center; padding:0px 0px 8px 0px; } #tileAds p { display:inline; padding:0px 3px 0px 3px; } #tileAds .moduleFooter { float:left; clear:both; } #singleItem_0 h3 { display:none; } #singleItem_0 .containerPadding { padding:6px; } /*********************** Goout Bar Styles ***********************/ .top-goout {color:#ffffff;font-family:inherit;background: url(/images/topframe_bg.gif) repeat-x; } .top-goout a:hover {text-decoration: none;} .top-col-right {} .top-col-right a:hover {text-decoration: none;} .top-goout {text-align:left; width:100%;padding:0px; margin:0px;} .top-col-left{width: 33%;height:35px; float: left; padding:0px; background: url(/images/topframe_left.gif) no-repeat;} .top-col-left a{float: left;width: 100px;height:35px; text-indent:-999px;} .top-col-mid {text-align:center; width:33%;float: left; padding: 0px;vertical-align:top;} .top-col-mid #siteIndex {margin:0px ;padding:0px;} .top-col-mid legend {display:none} .top-col-mid fieldset {border:none} .top-col-right {text-align:center;padding-top:2px;} /***********************/ /* Photo Wall Styles */ ***********************/ #photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 10px 0px; } #photoWallPage .page-menu { height:20px;background-color:#EEEEEE;margin-top:10px;} #photoWallPage .page-menu li { display: block; float: left;width:30px; text-align: center;padding:3px;} #photoWallThumbs { margin: 15px 0px 0px 0px; zoom: 1;} #photoWallThumbs ul { list-style: none; } #photoWallThumbs li { display: block; float: left; width: 142px; text-align: center; } #photoWallThumbs li.newRow { clear: both; display: block; zoom: 1;} #photoWallThumbs li .photo-thumb { margin: 10px; } #photoWallPhotoPage { text-align: center; } #photoWallPhotoPage .page-menu { width: 100%; text-align: center; margin: auto; padding: 5px 0px;background-color:#EEEEEE;} #photoWallPhotoPage .page-menu a { text-decoration: none;} #photoWallPhotoPage .page-menu a:hover {text-decoration: underline;} #photoWallPhotoPage .photoContainer { margin: 10px 0px; } #photoWallPhotoPage img { margin: 0px; width: auto;} #photoWallPhotoPage h3 {margin:10px;} #photoWallPhotoPage .photoCaption { width: 300px; margin: 10px auto; } /*********************** HOT CHICK ***********************/ #hotChick .moduleHeader {background-image:url(../images/hotchick-BG.gif);background-position:0 0;background-repeat:no-repeat;height:23px;} #hotChick .moduleHeader h3{display:none;} #hotChick .moduleContent {background-color:#FFFFFF;background-image:url(../images/hotchick-BG.gif);background-position:0 -24px;background-repeat:no-repeat;} #hotChick img {border: 1px solid #787878;margin-bottom: 6px;width:80px;} #hotChick a {} #hotChick p {margin:5px 0;} #hotChick p.storyImage {margin:0px 0;} #hotChick p a{text-decoration: none;text-decoration: underline;} #hotChick p a:Hover{text-decoration: none;} #hotChick h4 a{text-decoration: none;font-weight:bold;} /*######################################## --------- New Breaking News Module --------- ########################################*/ #breakingNews{ margin-bottom: 5px;width: 775px;margin-bottom:13px;} #breakingNews .moduleContent {font-size:1.2em;} #breakingNews .containerPadding { zoom: 1; } #breakingNews .moduleContent h3{ font-size:1.167em;} #breakingNewsImage{float: left; margin-right: 10px;} #breakingNewstext{padding: 0px 5px 5px 0px;}