/*
 ____  ____              _____ __  __ 
|___ \|  _ \  __ _ _   _|  ___|  \/  |
  __) | | | |/ _` | | | | |_  | |\/| |
 / __/| |_| | (_| | |_| |  _| | |  | |
|_____|____/ \__,_|\__, |_|   |_|  |_|
                   |___/              
File:     global.css
Author:   Jens Korff - Fairfax Digital
Born:     November 2007
Modified: 19 Mar 2008

Colours:  

DO NOT MODIFY THIS FILE! 
Make any changes only to the version which is in version control.
-------------------------------------------------------------------------------------------------- */

html {height:101%;margin:0;padding:0;min-width:1003px;background:#fff url('../img/bg_body_gradient.gif') repeat-x 0 0}
body {font-size:69%;font-family:Arial, Verdana;line-height:1.4em;color:#4f4b4c;background:transparent url('../img/bg_body.jpg') 50% 0 no-repeat}
a,abbr,acronym,address,area,b,base,bdo,big,blockquote,body,br,button,caption,cite,code,col,colgroup,
dd,del,dfn,div,dl,doctype,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,head,html,hr,i,img,input,ins,kbd,label,
legend,li,link,map,meta,noscript,object,ol,optgroup,option,p,param,pre,q,samp,script,select,small,span,
strong,style,sub,sup,table,tbody,td,textarea,tfoot,th,thead,title,tr,tt,ul,var {margin:0;padding:0}
img,object,fieldset,hr,table {border:0px}
img {vertical-align:bottom}
a,a:link {text-decoration:none;outline:none;color:#397cde}
a:hover {text-decoration:underline}
.cfix:after {content: ".";display:block;height:0;clear:both;visibility: hidden}/*Credit: http://www.positioniseverything.net/easyclearing.html */

/* Layout
-------------------------------------------------------------------------------------------------- */
div#pageview {position:relative;margin:0 auto;width:1002px;text-align:center}
div#page {float:left;width:962px;padding-left:20px;text-align:left;background:transparent url('../img/bg_body_bottom.jpg') 20px 100% no-repeat}
	div.brand-2dayfm #page {background-image:url('../img/2day/bg_body_bottom.jpg')}
	div.brand-929  #page {background-image:url('../img/929/bg_body_bottom.jpg')}
	div.brand-b105 #page {background-image:url('../img/b105/bg_body_bottom.jpg')}
	div.brand-fox  #page {background-image:url('../img/fox/bg_body_bottom.jpg')}
	div.brand-safm #page {background-image:url('../img/safm/bg_body_bottom.jpg')}
div#context {float:left;width:962px;padding-top:7px;background:#fff url('../img/bg_highlights_vertical.gif') repeat-x 0 0}
.strikethrough {text-decoration:line-through}
/* Primary column */
#primary {float:left;width:650px;position:relative;margin-top:324px;background:#fff url('../img/bg_leftcol.jpg') repeat-x 0 0}
#primary div.panel {float:left;width:636px;margin-left:7px;margin-bottom:8px}
.primaryBg {margin-top:-324px}
/* Secondary column */
#secondary {float:left;width:304px/*stage2:width:300px*/;padding:0 4px 5px;margin-top:324px;background:#fff url('../img/bg_rightcol.jpg') repeat-x 0 0}
#secondary .panel {padding-right:5px}
#secondary .panel.CrossPromo{padding-right: 0px;}
.secondaryBg {margin-top:-324px}
#secondary hr {clear:both;border:1px solid #fff;border-top-color:#dfe3e6;width:300px;margin:0 0 10px}
/* Other columns */
.mainCol {float:right;width:400px}
.mainCol ul.first {padding-top:1em;border-top:1px solid #f4f4f4}
.smallCol {float:left;width:216px}
.inverseCols .mainCol {float:left;margin-left:4px}
.inverseCols .smallCol {float:right}
.smallCol .wof {margin:10px 2px}
.smallCol .wof.CrossPromo {margin:10px 0px}
.wideCol .wof {margin: 10px 0 10px 10px}
.halfCol {float:left;width:49.9%}
/* Even columns */
.evenCols .smallCol, .evenCols .mainCol {width:308px;margin-left:4px}
/* Page with 2-column spanning top element: */
body.colSpanTop #primary {margin-top:0}
body.colSpanTop .primaryBg {margin-top:0;padding-top:5px}
body.colSpanTop #secondary {margin-top:0}
body.colSpanTop .secondaryBg {margin-top:0;padding-top:5px}
#twoColSpan {width:962px;height:462px;margin-top:-7px;background:#fff url('../img/bg_twoColSpan.jpg') no-repeat 0 0}

/* Header
-------------------------------------------------------------------------------------------------- */
div#header {float:left;width:962px;margin-top:10px}
div#header .advert {margin:9px 8px 0 0;float:right;width:auto}
/* Brand */
div#brand {float:left;margin:9px 0 0 19px;width:200px}
div#brand h1 {float:left;height:100px;width:200px;background:transparent url('../img/todayNetwork/brand_todayNetwork.gif') no-repeat 0 0;text-indent:-9999px}
div#brand h1 a {float:left;width:200px;height:100px}
h5 a,h5 a:link {color:#4F4B4C}
/* Classes for regional station logos: */
div#brand h1.brand-2dayfm {background-image:url('../img/2day/brand_2Day104.1.gif')}
div#brand h1.brand-929  {background-image:url('../img/929/brand_92.9.gif')}
div#brand h1.brand-b105 {background-image:url('../img/b105/brand_b105.3.gif')}
div#brand h1.brand-fox  {background-image:url('../img/fox/brand_fox101.9.gif')}
div#brand h1.brand-safm {background-image:url('../img/safm/brand_safm107.1.gif')}

/* Primary navigation
-------------------------------------------------------------------------------------------------- */
div#navigation {position:relative;z-index:400;float:left;width:962px;background:url('../img/nav_sprite.png') 0 0 repeat-x}
div#navigation ul {float:left;height:29px;list-style:none}
div#navigation ul li {float:left;line-height:13px}
div#navigation ul li span {float:left;position:relative;min-height:29px;left:-2px;padding:0 0 0 2px;margin-right:-2px} 
div#navigation ul li span a {float:left;padding:7px 14px 6px 14px;min-height:15px;color:#fff;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;background:transparent url('../img/nav_sprite.png') no-repeat 100% -120px}
div#navigation li:hover {position:relative;background:transparent url('../img/nav_sprite.png') repeat-x 0 -39px}
div#navigation li.active {background:transparent url('../img/nav_sprite.png') repeat-x 0 -80px}
div#navigation li:hover a {color:#fff}
div#navigation li.active a {color:#f00;background:transparent url('../img/nav_sprite.png') no-repeat 7px -150px}
/* Dropdowns */
div#navigation ul ul {display:block;float:left;width:280px;position:absolute;top:28px;left:-9999px;z-index:70;background-image:none}
div#navigation ul li:hover ul {display:block;left:-6px}
div#navigation li.active ul li a {color:#fff;background-position:-9000px}
div#navigation ul ul li {float:left;clear:left;width:280px;line-height:11px;background:transparent url('../img/nav_sprite.png') no-repeat 0 -250px}
div#navigation ul ul li.last,div#navigation ul ul li.last:hover {background-position: 0 -280px}
div#navigation ul ul li.plus,div#navigation ul ul li.plus:hover {background-position: 0 -460px}
div#navigation ul ul li:hover {background-position:0 -250px}
div#navigation ul ul li a {float:left;width:241px;padding:4px 5px 4px 27px;color:#fff;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;position:relative;z-index:100;white-space:nowrap;overflow:hidden}
div#navigation ul ul li a:hover  {background:transparent url('../img/nav_sprite.png') no-repeat 7px -310px;color:#098ed3}
div#navigation ul ul li a:active {background:transparent url('../img/nav_sprite.png') no-repeat 7px -340px;color:#f00}
div#navigation ul ul li.expand,div#navigation ul ul li.expand:hover {background-position: 0 -190px}
div#navigation ul ul li.expanded,div#navigation ul ul li.expanded:hover {background-position: 0 -220px}
div#navigation ul ul li.expand a {text-indent:-9000px}
div#navigation ul ul li.expand a:hover,div#navigation ul ul li.expand a:active {background-image:none}
/* Dropdown submenus */
div#navigation ul li:hover ul ul {display:none}
div#navigation ul ul ul {position:relative;top:0;float:none;margin-left:6px;height:auto}
div#navigation ul ul ul li,div#navigation ul ul ul li:hover {background:transparent url('../img/nav_sprite.png') no-repeat 0 -430px}
div#navigation ul ul ul li a {font-weight:normal;padding-left:29px;margin-left:7px;width:232px}
div#navigation ul ul ul li a:hover {background:#fff none}
div#navigation ul li:hover ul li.open {background-position:0 -490px}
div#navigation ul li:hover ul li.open ul {display:block}
/* Search form */
div#navigation form.searchform {float:right;width:310px}
div#navigation form.searchform fieldset {float:left;height:20px;padding-top:8px;/*for Opera:*/width:100%}
div#navigation form.searchform input {float:left;width:155px;position:relative;top:-5px;padding:2px 3px 2px 12px;font-size:13px;background:transparent url('../img/nav_sprite.png') no-repeat 0 -370px;border:0}
div#navigation form.searchform input.userInput {background-position:0 -521px}
div#navigation form.searchform input#submit_search,div#navigation form.searchform input#submit_search.userInput {display:inline;float:left;width:41px;position:relative;top:-5px;height:24px;border:0;background:transparent url('../img/nav_sprite.png') no-repeat 0 -400px;font:bold 12px Arial, Helvetica, sans-serif;color:#fff;padding:0 0 4px 0;cursor:pointer}
div#navigation form.searchform label {float:left;color:#fff;font-size:90%;position:relative;top:-1px}
div#navigation form.searchform #srchScope_site,div#navigation form.searchform #srchScope_web,
#srchScope_site2,#srchScope_web2,#srchScope_site3,#srchScope_web3 {float:left;width:14px;margin:0 2px 0 8px;top:0;background:none}

/* Misc.
-------------------------------------------------------------------------------------------------- */
div.panel h4 {margin-bottom:.5em;font-size:100%}
div.panel ol,div.panel ul {color:#397cde;list-style-position:inside}
div.panel h5 {font-size:100%;color:#4f4b4c;margin-bottom:.2em}
.hidden {position:absolute; left:-9000px; top:0}
.centered {text-align:center}
.skiplinks {position:absolute;left:-9999px; width:990px; font-size:1px;line-height:1px}
.line {margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #f4f4f4}
.lineTop {margin-top:1em;padding-top:1em;border-top:1px solid #f4f4f4}
div.mainCol h4 {margin-bottom:.3em!important}

/* Footer
-------------------------------------------------------------------------------------------------- */
div#footer {float:left;height:114px;padding:0 0 0 319px;color:#fff}
	div#footer a {color:#fff}
	div#footer ul.internal,div#footer ul.external {list-style-type:none;margin:15px 0 10px;width:630px}
	div#footer ul.internal {font-weight:bold;text-transform:lowercase}
	div#footer ul.external {margin:0}
		div#footer ul.internal li,div#footer ul.external li {float:left}
		div#footer ul.internal a,div#footer ul.external a {padding:2px;margin:0 2px 0 5px}
		div#footer ul.internal li.first a,div#footer ul.external li.first a {margin-left:0}
	div#footer p {margin:10px 0 0}

/* Most Popular */
div#secondary .popular {
	background:transparent url('../img/bg_box_300px.png') no-repeat scroll -300px 100%;
	padding-right:10px;
	width:285px;
	margin:37px 0 10px;
	position:relative;
	padding:5px 10px 10px;
    *padding:10px 10px 5px;
}
div#secondary .popular h4 {
	background:transparent url('../img/bg_box_300px.png') no-repeat scroll 0 -60px;
	width:285px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:140%;
	height:27px;
	left:0;
	line-height:25px;
	padding-left:15px;
	position:absolute;
	top:-27px;
}
div#secondary .popular h6, div#secondary .popular h6 a {
	font-weight:bold;
	font-size:11px;
	margin:0;
	color:#2b424a;
	line-height:12px;
}
div#secondary .popular .wof {
	min-height: 60px;
	margin-top:5px;
	margin-bottom:5px
}
 
/* Advertisements
-------------------------------------------------------------------------------------------------- */
.advert {margin-bottom:10px}
#adSpot-628x46 {text-align:center}

/* Featured Promo Style Fix */
#secondary #adSpot-featurepromo {width:300px}
#adSpot-featurepromo small {float:left; width:300px;}

label .req {padding-right:5px;position:relative;top:2px;}