/*###############################################################################*/
/***** general helper styles *****/
.hidden {diplay:none; visibility:hidden; width:0px; height:0px;}
.footer {clear:both;}
/***** general helper styles end *****/

/***** general styles *****/
/* main text and headers */
#mainContent {font-size:12px;}
#mainContent h1,
#mainContent h2,
#mainContent h3 {color:#ef2f24;}  
#mainContent h4,
#mainContent h5,
#mainContent h6 {color:#373737;} 
#mainContent h1 {font-size:24px; padding-bottom:4px;}
#mainContent h2 {font-size:20px; padding-bottom:4px;}
#mainContent h3 {font-size:18px; padding-bottom:3px;}
#mainContent h4 {font-size:14px; padding-bottom:2px;}
#mainContent h5 {font-size:13px; padding-bottom:2px;}
#mainContent h6 {font-size:12px; padding-bottom:2px;}
#mainContent p {line-height:1.4em; padding:4px 0px;}


/* content area links */
#mainContent a {color:#ef2f24;}
#mainContent a:hover {color:#000;}

/* images */
#mainContent img { border: none 0px #fff; }

/* misc text classes */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline { font-size:18px;} 
#mainContent .Text {font-size:12px;} 

/* lists */
#mainContent ul.inline li {display:inline;}
#mainContent ul,
#mainContent ol {list-style-position:inside;}
/***** general styles end *****/

/***** article page styles *****/
.standFirst {font-weight:bold;}
/* related links */
#relatedLinksInsert {background:#d7d7d7; width:300px; float:right; margin:8px 0px;}
#relatedLinksInsert ul {list-style-position:outside; list-style-type:none;}
#mainContent #relatedLinksInsert .moduleHeader {background:none;}
#mainContent #relatedLinksInsert .moduleHeader h3 {color:#000; padding:2px 8px 0px 8px;}
#mainContent #relatedLinks {padding:0px 8px 8px 8px;}
#mainContent #relatedLinks li {padding:3px 0px;}

/* ARTICLE IMAGE STYLES */
#articleAdInsert { padding: 0px 10px 5px 0px; }
.imageCaptionContainer {float:right; margin:0px 0px 4px 10px;}
.imageCaption {padding:5px 0px;}
/***** article page styles *****/

/***** form styles *****/
select {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;} /* This style applies to all dropdown menus. */
input {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */
.textBox {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;} /* Single-Line textboxes background and border colors */
button, .button {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;}
textarea {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;} /* This style applies to all multi-line comment areas. */
#mainContent .submitbutton {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;}
#mainContent .warningMessage {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px; color:#f00; font-weight:bold;}
/* various sized textboxes */
input.short {width:70px;}
input.medium {width:150px;}
input.long {width:300px;}
/***** form styles end *****/

/***** table styles *****/
/* generic tables */
#mainContent table {color: #000; font-size:12px;} /* Just set a default text color and size */
/* formatted tables */
#mainContent table.formattedTable {background:#000;} /* Background color or borders */
#mainContent table.formattedTable th {color:#fff; padding:2px 4px;}
#mainContent table.formattedTable th a {color:#fff;}
#mainContent table.formattedTable th a:hover {color:#fff;}
#mainContent table.formattedTable td {padding:2px 4px;} /* Table body cells and body font info */
#mainContent table.formattedTable td a {} /* Table body links */
#mainContent table.formattedTable tr.rowOdd {background:#f7f7f7;} /* Table Odd Row for a separate background-color for every other row */
#mainContent table.formattedTable tr.rowEven {background:#d7d7d7;} /* 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:585px;} /* specify the width to span the full content area */
/***** table styles end *****/

/*********************
 MISC BACKGROUND AND SECTIONAL STYLES
	(Styles used for default sectionals and misc colors.)
*********************/
.CellBackground0 { background-color: #000; color: #FFF; } /* Background, Border, and Text color only */
.CellBackground1 { background-color: #333; color: #FFF; } /* 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 .calendarTable {}
#mainContent .calendarTable a {font-weight:bold;}
#mainContent .calendarTable td, #mainContent .calendarTable td a  { }
#mainContent .calendarTable td.calendarDayCell {background:#000;} 
#mainContent .calendarTable td.calendarEmptyDay { }
#mainContent .calendarTable td.calendarDayViewed {background:#ef2f24;}
#mainContent .calendarTable td.calendarDayViewed a {color:#fff;}
#mainContent .calendarTable td.calendarCurrentDate {background:#d7d7d7; border:1px solid #ef2f24;}
/***** calendar styles end *****/

/***** separator styles *****/
hr {border-top:1px solid #ef2f24; height:1px; overflow:hidden; margin:10px 0px;}
.sectSeparatorH { } /* Horizontal gaps between sections. */
.sectSeparatorV { } /* Vertical gaps between sections. */
/***** separator styles end *****/

/**************************/
/**** EDITS UNECESSARY ****/
/**************************/

/*********************
 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;
}
#mainContent label .labelDetails {
    font-weight: normal;
    font-size: 0.9em;
}
#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;
}

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft, .alignleft {float: left; margin:2px 10px 2px 0px;}
.alignCenter, .aligncenter { text-align: center; }
.alignRight, .alignright { float: right; margin:2px 0px 2px 10px;}
#mainContent img.noFormat { border: none 0px; margin: 0px; }
/*###############################################################################*/

/* browser reset controls */
/******************************************************/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, 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;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px;}
body {line-height:1.2;}
:focus {outline:0;}
caption {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-weight:bold;}
font {margin:0px; padding:0px; border:0px; outline:0px;}
em {margin:0px; padding:0px; border:0px; outline:0px; font-style:italic;}
code {margin:0px; padding:0px; border:0px; outline:0px; font-family:"Courier New", Courier, monospace;}
blockquote {padding:0px 15px;}
/******************************************************/
/* end browser reset controls */

body {background:url(/images/bg.jpg) #000; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#mosSite {width:960px; margin:auto; text-align:left;}
#mosSite fieldset {border:0px solid #000;}
#framework {width:960px;}
#frameworkLeft {width:960px;}
#frameworkRight {display:none;}
#frameworkBottom {clear:both;}

/*###############################################################################*/
/***** ads begin *****/
#leaderboardLabel {display:none;}
#leaderboard #leaderboardAd {padding:10px 0px 10px 116px;} 
#footer #banner {padding-left:321px; background:url(/images/g-logo-footer.gif) no-repeat 174px 0px;}
/***** ads end *****/

/***** header area *****/
/* header row 1 */
#headerRow1 {width:960px; height:143px; overflow:hidden;}
#headerRow1 .logoContainer {float:left; width:302px;}
#headerRow1 .artistsContainer {float:left; width:417px;}
#headerRow1 .listenLiveContainer {float:left; width:241px; padding-top:66px;}
#headerRow1 .listenLiveContainer a {text-indent:-9999px; display:block; background:url(/images/g-listen-live.gif) no-repeat 0px 0px; height:77px; width:241px;}
#headerRow1 .listenLiveContainer a:hover {background:url(/images/g-listen-live.gif) no-repeat 0px -77px;}
/* header row 2 */
#headerRow2 {height:39px; background:url(/images/g-header-rows-bg.gif) no-repeat 0px 0px; width:960px; overflow:hidden;}
/* header row 3 */
#headerRow3 {height:25px; background:url(/images/g-header-rows-bg.gif) no-repeat 0px -39px; width:960px;}
/***** header area ends *****/

/***** content area *****/
#contentBackground {}
#contentColumns {}
#contentEnclose {width:789px; float:left;}
#contentMiddle {width:615px; float:right; overflow:hidden;}
#contentLeft {width:174px; float:left; overflow:hidden;}
#contentRight {width:171px; float:right; overflow:hidden;}
#contentRight .contentAreaPadding {padding:0px 5px 5px 6px;}
#contentBottom {clear:both;}
.storySeparator {}
/***** content area ends *****/

/***** footer area *****/
#footer {padding-top:10px;}
#footerBottom {clear:both;}
#siteIndex {text-align:center; padding-top:8px;}
#siteIndex fieldset {border: 0px solid #000;}
#siteIndex legend {display: none;}
#siteIndex select {background:#343434; color:#c6c6c6; font-size:11px;}
#copyright {text-align:center; color:#c6c6c6; padding:8px 0px;}
#copyright a {color:#c6c6c6;}
#copyright .privacyPolicy {text-tranform:uppercase;}
/***** footer area ends *****/
/*###############################################################################*/


/*###############################################################################*/
/***** general module styles *****/
#contentLeft .module {padding-bottom:10px;}
#contentLeft #misc2.module .containerPadding {padding:10px 10px;} 
#contentRight .module {color:#fff; padding-top:10px;}
#contentRight .module h4 {font-size:12px;}
#contentRight .module a {color:#fbd208;}
#contentRight #misc1.module .containerPadding {padding:0px 10px;} 
#contentRight #skyscraperLabel {height:20px; text-indent:-9999px; display:block; background:url(/images/g-advertisement-label.gif) no-repeat;}
#tileAds p , #tileAds table {padding:3px 0px; text-align:center;}
/***** general module styles end *****/

/***** club styles *****/
#club {font-size:11px; color:#fff; line-height:39px; float:left; width:680px;}
#club legend,
#club .emailAddress,
#club .password,
#club #saveLoginRow label {display:none;}
#club .moduleHeader {float:left; width:170px; height:39px;}
#club .moduleHeader h3 a {width:170px; height:39px; text-indent:-9999px; display:block;}
#club fieldset {float:left; width:auto;}
#club .containerPadding {padding-left:175px;}
#club #loginEmailRow,
#club #loginPasswordRow {float:left; width:119px;}
#club #loginEmailRow input,
#club #loginPasswordRow input {width:115px; height:17px; margin-top:15px; font-size:11px;}
#club #saveLoginRow {float:left; width:55px;}
#club #saveLoginRow input {margin:15px 0px 0px 0px;}
#club .submitRow {float:left; width:57px; overflow:hidden; padding-top:13px; margin-left:-3px;}
#club #loginLinks {float:left; width:150px; padding-top:13px; margin-left:5px;}
#club #loginLinks #signUp {width:57px; float:left;}
#club #loginLinks #forgotPassword {width:82px; height:20px; float:left;}
#club #loginLinks #forgotPassword a {width:82px; height:18px; text-indent:-9999px; display:block;}
/***** club styles end *****/

/***** search styles *****/
#search {float:left; width:280px;}
#search .moduleHeader,
#search legend,
#search .formRow label,
#search #searchTopSearches {display:none;}
#search .containerPadding {padding-left:62px;}
#search .formRow {float:left;}
#search select#searchType {width:70px; font-size:11px; margin-top:11px;}
#search input#searchFor {width:70px; margin:11px 2px 0px 37px; height:17px; font-size:11px;}
#search .submitRow {float:left; width:34px; overflow:hidden; padding-top:10px;}
/***** search styles end *****/

/***** date styles *****/
#date {text-align:right; font-size:11px; color:#fff; line-height:22px; font-family:Arial, Helvetica, sans-serif;}
#date h4 {display:none;}
#date .containerPadding {padding-right:10px;}
/***** date styles end *****/

/***** onair styles *****/
#onair .moduleHeader {background:url(/images/g-module-h3s.gif) no-repeat 0px 0px; height:62px;}
#onair .moduleHeader h3 {display:none;}
#onair .moduleContent {color:#fff; text-align:center; background:url(/images/g-onair-bg.gif) no-repeat bottom;} 
#onair .moduleContent a {color:#fff;}
#onair .moduleContent h4 {font-size:12px;}
#onair .moduleContent img {border:1px solid #000; margin:5px 0px;}
#onair .moduleContent .containerPadding {padding:0px 10px 10px 20px;}
/***** onair styles end *****/

/***** sponsor styles *****/
#sponsor {padding-top:10px;}
#sponsor .moduleHeader {background:url(/images/g-sponsor-h3.gif) no-repeat; height:15px;}
#sponsor .moduleHeader h3 {display:none;}
#sponsor .moduleContent .containerPadding {padding:0px 10px 10px 24px;}
/***** sponsor styles end *****/

/***** poll styles *****/
#poll {display:none;}
/***** poll styles end *****/

/***** now playing styles *****/
#nowPlaying {background: #000; color:#fff;}
#nowPlaying .moduleHeader {display:none;}
#nowPlaying .moduleContent {padding:5px 6px 5px 6px;}
/***** now playing styles *****/

/***** headlines *****/
#headlines {border-bottom:5px solid #ef2f24; background:url(/images/g-content-bg.gif) repeat-y; clear:both;}
#headlines .moduleHeader {background:url(/images/g-content-header-bg.gif) no-repeat; height:44px;}
#headlines .moduleHeader h3 {display:none;}
#headlines .containerPadding {padding:0px 6px;}
#headlines .moduleContent .story {border-bottom:1px solid #000;}
#headlines .moduleContent .even {background:#ddd8d2;}
#headlines hr {display:none;}
#headlines .moduleContent .storyContainer {padding:10px;}
#headlines .moduleContent .storyContainer h4 {font-size:18px; color:#373737;}
#headlines .moduleContent .storyContainer h4 a {color:#373737;}
#headlines .moduleContent .storyContainer a {color:#000;}
#headlines .moduleContent .storyContainer img {float:left; margin-right:10px; width:200px;}
/***** headlines end *****/

/***** main content frame *****/
#mainContent {border-bottom:5px solid #ef2f24; background:url(/images/g-content-bg.gif) repeat-y;}
#mainContent .moduleHeader {background:url(/images/i-content-h2.jpg) no-repeat;}
#mainContent .moduleHeader h2 {font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#000; text-transform:uppercase; padding:20px 15px 5px 15px;}
#mainContent .containerPadding {padding:5px 15px 10px 15px;}
/***** main content frame end *****/
/*###############################################################################*/


/*###############################################################################*/
/* navigation */
#navigation {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; border:1px solid #7e7e7e; float:left;}
#navigation h3, #navigation .moduleHeader{display:none;}
#navigation #navigationLinks {border:none; width:auto; line-height:20px; background:#000;}
#navigation ul {list-style-type:none;}
#navigation ul li {position:relative; float:left; display:block;}
#navigation ul li a, #navigation ul li .navNoLink {text-transform:uppercase; color:#fff; border-right:1px solid #7e7e7e; display:block; padding:0px 5px; text-decoration:none; background:#000;} 
#navigation ul li.last a {border-right:none;}
#navigation ul li a:hover, #navigation ul li .navNoLink:hover, #navigation ul li.sfhover .navNoLink {color:#FCC322;}
#navigation .menuItem {border:none !important;}

/*
SUB NAV LIST 
	Set the width, background, and/or border
*/
#navigation ul li ul {width:150px; margin-top:0px; margin-left:-1px; display:block; position:absolute; left:-9999px; height:auto; background:#000; border:1px solid #7e7e7e; padding:5px 0px;}
#navigation ul li ul li {padding:3px 0px; line-height:1.1em; display:block; float:none;s font-family:Arial, Helvetica, sans-serif;}
#navigation ul li ul li a {text-decoration:underline; border:none;}
/* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */

#navigation ul li:hover, #navigation ul li.sfhover { position:static; } /* This is a fix for the IE7 Sticky menu bug */
#navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li.sfhover ul ul, #navigation ul li.sfhover ul ul ul {left:-9999px; z-index:501;}
#navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li.sfhover ul, #navigation ul li li li.sfhover ul {left:auto; z-index:501;}

/* Support for the "iehover-fix.js" */
#navigation 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 ul li { z-index: 501; }
/* this is for IE 5.0
	select.hide { visibility: hidden; }
/* End Support for the "iehover-fix.js" */
/*###############################################################################*/


/* #############################################################
		sectional.css
   ############################################################# */
/* ALL SECTIONAL TEMPLATES */
.sectional .story {
	clear: both;
}
.sectional p.storyImage {
	display: block;
	float: left;
	margin: 3px 3px 0px 0px;
	padding: 0px;
}
.sectional p.storyImage img {
	margin: 0px;
	padding: 0px;
}
.sectional .storyLink {
	display: none;
	visibility: hidden;
	font-size: 1px;
	color: #fff;
	text-indent: -9999px;
}
.sectional .storySeparator {
	clear: both;
}

/* The Last Story Separator */
.sectional .separatorLast {
	visibility: hidden;
}

/************************/
/* SECTIONAL TEMPLATE 2 */
/************************/

/* Top Story */
.secTemplate2 .CellBackground0 .storySeparator hr {
	display: none;
}
.secTemplate2 .contentSeparator hr {
	visibility: hidden;
}


/************************/
/* SECTIONAL TEMPLATE 3 */
/************************/

/* Container for the Top 3 Entries */
.secTemplate3 .secTop {

}

/* Container for First Half of the bottom Entries */
.secTemplate3 .secBottomFirstHalf {
	display: block;
	width: 280px;
	float: left;
}

/* Separator Between Bottom Halves */
.secTemplate3 .contentSeparator {
	display: block;
	width: 15px;
	float: left;
}

/* Container for Second Half of the bottom Entries */
.secTemplate3 .secBottomSecondHalf {
	display: block;
	width: 280px;
	float: left;
}