/*
 * This is an early adaption of the current news header... so not everything is working yet... 
 * info bar and sub navs being the main things
 * */


/*

here's a comment

*/
body { background: #fff url("bg-fixed.png") center top no-repeat; }

/*
 * Network bar
 * */

/* NETWORK BAR ------------------- */
#network-bar { height:12px; _height: 1%; padding:0 0 0 7px !important; clear: both; width: 993px; margin: auto;  }
#network-bar:after { content: "."; clear: both; height: 0px; visibility: hidden; display: block; }
#network-bar dl {}
#network-bar dl dt { display: none; }
#network-bar dl dd.first { border: none; padding: 0; margin: 0; }
#network-bar dl dd { font-family: tahoma, arial, san-serif;  padding: 0 0 0 9px; margin: 0 0 0 7px; border-left: 1px solid #57646b; float: left; font-size: 10px; font-weight: 900; }
#network-bar dl dd a { color: #bec0c1; text-decoration: none; }
#network-bar dl dd a:hover { text-decoration: underline; }

/* BRANDING ---------------------- */
#header { width: 1000px; margin: auto; background: #242c30; position: relative; height:98px; }
#header #header-logo { text-indent: -50000px; position: absolute; left: 10px; top: 0px; width: 209px; height: 102px; background: transparent url(news-logo-websiteoftheyear.png) no-repeat 0 0; }
#header #header-logo a { float: left; clear: left; display: block; width: 100%; height: 100%; text-indent: -50000px; overflow: hidden; }
#header #header-ads {height: 93px; border-collapse:collapse; position: absolute; right:6px; top:4px;}

/* NAV -------------------------- */
#nav { display: inline; width:1000px; margin:0; border-bottom: 1px #a6aaac solid; _height: 1%; position:relative; z-index: 150; }
#nav:after { content: "."; clear: both; visibility: hidden; display: block; height: 0px; }
#nav a { text-decoration: none; }
#nav a:hover { text-decoration: underline; }

#nav #nav-wrap {  }
#nav #nav-wrap #nav-level1 { float: left; background: #242c30; padding:0 0 0 8px; float: left; width: 992px; }
#nav #nav-wrap .nav-list-2 { float: right; }
#nav #nav-wrap #nav-level1 li { float: left; position: relative; z-index: 100; background: transparent url(header-nav-bg.gif) no-repeat 0 0; }
#nav #nav-wrap #nav-level1 li.nav-blog,
#nav #nav-wrap #nav-level1 li.nav-video,
#nav #nav-wrap #nav-level1 li.nav-australian-it { background-image:none; }
#nav #nav-wrap #nav-level1 li.nav-australian-it { position:absolute; right:297px; }
#nav #nav-wrap #nav-level1 li.nav-fox-sports { position:absolute; right:206px; }
#nav #nav-wrap #nav-level1 li.nav-classifieds { position:absolute; right:111px; }
#nav #nav-wrap #nav-level1 li.nav-news-network { position:absolute; right:0; }
#nav #nav-wrap #nav-level1 li a { margin: 0 0 0 2px; color: #ffffff; display: block; font-weight: 900; font-family: tahoma, arial, san-serif; font-size: 11px; padding:7px 14px 6px 7px; background: transparent url(header-nav-bg.gif) no-repeat right 0; }
#nav #nav-wrap #nav-level1 li.nav-blog a,
#nav #nav-wrap #nav-level1 li.nav-video a,
#nav #nav-wrap #nav-level1 li.nav-australian-it a { background-image:none; padding: 7px 7px 6px 7px; }

#nav #nav-wrap #nav-level1 li .tier-2 { background: #535a63; display: none; position: absolute; width: 120px; }
#nav #nav-wrap #nav-level1 li.nav-news-network .tier-2 { left:-29px; width:140px; }
#nav #nav-wrap #nav-level1 li .tier-2 li { clear: both; float: none; background: none; padding:0; margin:0; width:100%; z-index:150px; _height:1%;  }
#nav #nav-wrap #nav-level1 li .tier-2 li a {  background: none; margin:0; }
#nav #nav-wrap #nav-level1 li.nav-news .tier-2 { background: #a20000; border-top:1px solid #C10B0E; }
#nav #nav-wrap #nav-level1 li.nav-business .tier-2 { background: #535a63; }
#nav #nav-wrap #nav-level1 li.nav-money .tier-2 { background: #6b882b; border-top:1px solid #6b882b; }
#nav #nav-wrap #nav-level1 li.nav-entertainment .tier-2 { background: #840655; border-top:1px solid #8D2967; }
#nav #nav-wrap #nav-level1 li.nav-travel .tier-2 { background: #055790; border-top:1px solid #08619E; }
#nav #nav-wrap #nav-level1 li.nav-technology .tier-2 { background: #673569; border-top:1px solid #79407B; }
#page #nav #nav-wrap #nav-level1 li.active { background: #f2f2f2 url(header-nav-bg.gif) no-repeat 0 -50px; }
#page #nav #nav-wrap #nav-level1 li.active a { margin: 0 0 0 2px; color: #ae0b0e; background: transparent url(header-nav-bg.gif) no-repeat right -50px; padding-right: 7px; }
body.news          #page #nav #nav-wrap #nav-level1 li.active a { color:#ae0b0e; }
body.business      #page #nav #nav-wrap #nav-level1 li.active a { color:#535a63; }
body.money         #page #nav #nav-wrap #nav-level1 li.active a { color:#6b882b; }
body.entertainment #page #nav #nav-wrap #nav-level1 li.active a { color:#840655; }
body.travel        #page #nav #nav-wrap #nav-level1 li.active a { color:#055790; }
body.technology    #page #nav #nav-wrap #nav-level1 li.active a { color:#673569; } 

#nav #nav-wrap #nav-level2 { float: left; background-color: #F2F2F2; height:24px; clear: both; padding: 0 0 0 8px; width: 992px; position: static; border-bottom: solid 1px #fff; }
#nav #nav-wrap #nav-level2 li { float:left;
font-size:11px;
font-weight:bold;
padding:4px 2px 2px; }
#nav #nav-wrap #nav-level2 li a { display: block; padding: 3px 5px; font-size: 11px; font-family: tahoma, arial, san-serif; font-weight: 900; color: #ae0b0e; }
body.news          #nav #nav-wrap #nav-level2 li a { color:#ae0b0e; }
body.business      #nav #nav-wrap #nav-level2 li a { color:#535a63; }
body.money         #nav #nav-wrap #nav-level2 li a { color:#6b882b; }
body.entertainment #nav #nav-wrap #nav-level2 li a { color:#840655; }
body.travel        #nav #nav-wrap #nav-level2 li a { color:#055750; }
body.technology    #nav #nav-wrap #nav-level2 li a { color:#673569; }
#page #nav #nav-wrap #nav-level2 li.active a { /*background: #ae0b0e;*/ color: #FFFFFF; /*padding: 4px 7px;*/ }
body               #nav #nav-wrap #nav-level2 li.active a { background: #ae0b0e; }
body.news          #nav #nav-wrap #nav-level2 li.active a { background: #ae0b0e; }
body.business      #nav #nav-wrap #nav-level2 li.active a { background: #535a63; }
body.money         #nav #nav-wrap #nav-level2 li.active a { background: #6b882b; }
body.entertainment #nav #nav-wrap #nav-level2 li.active a { background: #840655; }
body.travel        #nav #nav-wrap #nav-level2 li.active a { background: #055750; }
body.technology    #nav #nav-wrap #nav-level2 li.active a { background: #673569; }
#nav #nav-wrap #nav-level2 .tier-2 { display: none; }
#nav #nav-wrap #nav-level2 li .tier-2 { position: absolute; background: #F2F2F2; } 
#nav #nav-wrap #nav-level2 li .tier-2 { display: none; width: 120px; }
#nav #nav-wrap #nav-level2 li .tier-2 li { clear: both; float: none; background: none; padding: 0; margin: 0; width: 100%;  }
#nav #nav-wrap #nav-level2 li .tier-2 li a {  background: none; margin: 0; }


#nav #nav-wrap #nav-level3 { float: left; background-color: #F2F2F2; clear: both; padding: 0 0 0 8px; width: 990px; position: static; border-bottom: solid 1px #fff; border-top: 1px #a6aaac solid; }
#nav #nav-wrap #nav-level3 li { float: left; padding: 2px; }
#nav #nav-wrap #nav-level3 li a { display: block; padding: 3px; font-size: 11px; font-family: tahoma, arial, san-serif; font-weight: 900; color: #ae0b0e; }
#nav #nav-wrap #nav-level3 li.active a { background: #ae0b0e; color: #FFFFFF; padding: 4px 7px; }
#nav #nav-wrap #nav-level3 .tier-2 { display: none; }
#nav #nav-wrap #nav-level3 li .tier-2 { position: absolute; background: #F2F2F2; } 
#nav #nav-wrap #nav-level3 li .tier-2 { display: none; width: 120px; }
#nav #nav-wrap #nav-level3 li .tier-2 li { clear: both; float: none; background: none; padding: 0; margin: 0; width: 100%;  }
#nav #nav-wrap #nav-level3 li .tier-2 li a {  background: none; margin: 0; }

/* hover */
#nav #nav-wrap #nav-level1 li.js-hover { background: #535a63 url(header-nav-bg.gif) no-repeat 0 -100px; padding:0; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-news { background-color:#a20000; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-business { background-color:#535a63; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-money { background-color:#6b882b; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-entertainment { background-color:#840655; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-travel { background-color:#055790; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-technology { background-color:#673569; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-blog,
#nav #nav-wrap #nav-level1 li.js-hover-nav-video,
#nav #nav-wrap #nav-level1 li.js-hover-nav-australian-it { background-image:none; }
#nav #nav-wrap #nav-level1 li.js-hover a { color: #FFFFFF; background: transparent url(header-nav-bg.gif) no-repeat right -100px; }
#nav #nav-wrap #nav-level1 li.js-hover-nav-blog a,
#nav #nav-wrap #nav-level1 li.js-hover-nav-video a,
#nav #nav-wrap #nav-level1 li.js-hover-nav-australian-it a { background-image:none; }
#page #nav #nav-wrap #nav-level1 li.active a:hover { text-decoration:underline; }
#nav #nav-wrap #nav-level1 li.js-hover .tier-2 { display:block; }

/* vertical specific styles 
---------------------------------------------------------------------- */

/* Travel */
body.travel #nav #nav-wrap #nav-level1 li.active a,
body.travel #nav #nav-wrap #nav-level2 li a { color:#055790; }
body.travel #nav #nav-wrap #nav-level2 li.active a { background-color:#055790; color: #fff;}

/* Money */
body.money #nav #nav-wrap #nav-level1 li.active a,
body.money #nav #nav-wrap #nav-level2 li a { color:#6b882b; }
body.money #nav #nav-wrap #nav-level2 li.active a { background-color:#6B882B; color: #fff;}

/* info bar
---------------------------------------------------------------------- */
#info-bar { position: relative; z-index: 10; width: 100%; height: 0px; position: relative; clear:both; }
#info-bar .info-bar-datestamp { margin: 0 8px; width: 200px; padding: 10px 0 10px 0; font-size: 11px; }
#info-bar .info-bar-datestamp-date {  }
#info-bar .info-bar-links { position: absolute; top: 0; left: 210px; height: 30px; }
#info-bar .info-bar-links li { display: inline; float: left; padding-right: 0.3em; }
#info-bar .info-bar-links li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#info-bar .info-bar-datestamp { display: none; }
#info-bar .slimline-weather {display: none; }
#info-bar .info-bar-links { display: none; }

body.homepage  {}
body.homepage #info-bar .info-bar-datestamp { display: block; }
body.homepage #info-bar .info-bar-datestamp-label { display: none;  }
body.homepage #info-bar { height: auto; }

/* ---------------------------------------------------------------------- */ 
/* site-search 
/* ---------------------------------------------------------------------- */ 

#site-search { width: 220px; position: absolute; top: 20px; right: 342px; }

#site-search label { display: block; position: absolute; left: -5000em; width: 4000em; height: 0; overflow: hidden; }
#site-search input#mediasearch-site-search-input { position: absolute; left: 0; top: 0; border: 1px solid #959595; width: 155px; padding: 0; }
#site-search .submit { background:url(search-bg-sprite.png) no-repeat; _background-image: url(../images/header-and-footer/search-bg-sprite.gif); cursor: pointer; width: 63px; height: 19px; padding: 19px 0 0 0; margin: 0px; border: none; overflow: hidden; position: absolute; right: 0; top: 0; }
#site-search .media-search-input { width: 100%; }
#site-search form { width: 100%; }
#section-header { position: relative; }

body.homepage #site-search { top: 10px }
body.story #site-search { top: 10px; }

/* site-search Travel ---------------------------------------------------------- */ 
body.travel #info-bar #site-search { top: 20px; }
body.travel #info-bar #site-search input { width:152px; }
body.travel #info-bar #site-search .submit { background-position: 0 -50px; width:68px;  border:none 0px; height:22px; }

/* site-search Business ---------------------------------------------------------- */
body.business #info-bar #site-search input { width:158px; }
body.business #info-bar #site-search .submit { background-position: 0 -100px; width:62px;  border:none 0px; height:22px; }

/* site-search Money ---------------------------------------------------------- */
body.money #info-bar #site-search input { width:155px; }
body.money #info-bar #site-search .submit { background-position: 0 -150px; width:65px;  border:none 0px; height:22px; }
body.money #info-bar #site-search .submit:hover { background-position: -75px -150px; }

/* site-search Entertainment ---------------------------------------------------------- */
body.entertainment #info-bar #site-search { top: 14px; }
body.entertainment #info-bar #site-search input { width:155px; }
body.entertainment #info-bar #site-search .submit { background-position: 0 -200px; width:65px;  border:none 0px; height:22px; }


/* slim weather
-------------------- */
#info-bar .slimline-weather { float:right; height:20px; line-height:20px; position: absolute; top: 5px; right: 8px; }

/* Footer
---------------------------------------------------------------------- */
#footer a { text-decoration: none; color: #094F95; }
#footer a:hover { text-decoration: underline; }
#footer { clear:both; margin:0; padding:0 0 3px 0; position:relative;  }
#footer .footer-nav dl { border-bottom:1px solid #FFFFFF; clear:both; font-size:9px; padding:5px 10px; text-align:center; }
#footer .footer-nav dl dt { display:inline; margin:0 5px; text-align:center; }
#footer .footer-nav dl dd { display:inline; letter-spacing:1px; margin:0; padding:0 0 0 6px; }
#footer .footer-nav dl dd.first { background-image:none; }
#footer .footer-nav ul, 
.footer-legals ul { line-height:1.6em; padding:0 0 7px 0; }
#footer .footer-nav ul li.first, 
.footer-legals ul li.first { background:transparent none repeat scroll 0%; }
#footer .footer-nav ul li, 
.footer-legals ul li { padding:0 0 0 6px; display:inline; }
#footer-legals p.copyright { line-height:1.5; padding-top:8px; }
#footer .footer-nav { text-align: center; margin-bottom: 10px; }
#footer .footer-nav dl { display: inline; padding: 5px; _padding: 0px; }

/* footer-tools
---------------------------------------------------------------------- */
body.gallery .footer-tools { display: none; }
div.footer-tools { border-bottom: 1px solid #f4f4f4; clear: both;  margin: 0 0 20px 0; padding: 0; width: 100%; padding-top:13px; padding-bottom:13px; border-top: solid 1px #f4f4f4 }
div.footer-tools ul { width: 100%; border-top: solid 1px #f4f4f4; border-bottom: solid 3px #f4f4f4; text-align: center; padding: 7px 0; }
div.footer-tools ul li { display: inline; padding: 0 6px; border-left: 1px #c2c2c2 solid; }
div.footer-tools ul li.tool-rss { background: url('site-tools-sprite.png') no-repeat 6px 50%; }
div.footer-tools ul li.tool-rss a { padding-left: 15px; }
div.footer-tools ul li.first {  border: none;}
div.footer-tools ul li a { }
body.gallery #footer { text-align: center; }
body.gallery #footer #footer-nav dt,
body.gallery #footer #footer-nav dd { font-size: 11px; }
body.gallery #network-bar { display: none; }

/* footer-legals 
---------------------------------------------------------------------- */
#footer .footer-legals { text-align: center; font-size: 0.9em; }

/* slim header
---------------------------------------------------------------------- */
body.newscomau #slim-header {background:#fff;}
body.newscomau #slim-header-logo {color:#fff; background:#fff url("slim-bg.gif") no-repeat 0 0; height:46px; width:1000px;}
body.newscomau #slim-header-logo strong a {background:none; display:block; text-indent:-9999px; height:46px; width: 240px;}
body.newscomau #slim-header-title .heading {font-size:12px;}
body.newscomau #slim-header-nav {height:1.5em; line-height:1.5em;}
body.newscomau #slim-header-nav dt, 
body.newscomau #slim-header-nav dd {display:inline; float:left; margin: 0 1em 0 0;}


/* Gallery Pages													    
---------------------------------------------------------------------- */
body.gallery #slim-header-logo { width: auto; height: auto; }
body.gallery #slim-header-logo strong a { background:transparent url(news-gallery-logo-small.gif) no-repeat 0 0; display:block; float:left; height:28px; overflow:hidden; text-indent:-9999px; width:160px; }