@import "../v3-header/";
/* News.com.au Common CSS - page layout and backgrounds */

/* =body defaults */
body {font:normal 62.5% Arial, Helvetica, sans-serif; margin:0; padding:0;}

/* =remove default */
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
a img, a:link img, a:visited img, fieldset {border:none}
ul, ol {list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size: 1em; }
li, h1, h2, h3, h4, h5, h6, pre, form, body, html, fieldset, legend, input, dl, dt, dd { margin:0; padding:0}
p, ul, ol, fieldset, table, blockquote {margin:0; padding:0}



* html #tip-open { behavior: url(/common/css/iepngfix.htc) }
* html #tip-drag { behavior: url(/common/css/iepngfix.htc) }
* html .userprefs-feedback { behavior: url(/common/css/iepngfix.htc) }

/* =page */
#page {}

#content { margin:0 auto; padding:0; text-align:left; width:998px; _height: 1%;}

#content:after { content: "."; visibility: hidden; height: 0px; display: block; clear: both; }		
#footer { clear: both; margin:0 auto; padding:0 6px; position:relative; text-align:left; width:986px}

/* content layout */
#content { clear: both; }
#main {float:left; }
#title-bar {float:left; width:650px; position:relative}
#content-1 {float:left; width:650px}
#content-2 {float:right; margin:-6px 0 0 0; width:316px;clear:right} 
#content-3 { }
    
	
	
/* layout columns */
.group { width:650px}
.item-1 {clear:left; float:left; width:316px}
.item-2 {clear:right; float:right; width:316px}			

/* Google Ads */
#content-2 #google-ads, #content-ads #google-ads {font-size:1.2em;} 
#google-ads {border-bottom:1px solid #dadada;}
#google-ads .module-header {background:transparent url('http://www.news.com.au/images/bg-dadada-line.gif') center left repeat-x; border:none; padding:0}
/* ie6 */
* html #google-ads .module-header .header {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.news.com.au/images/google.png')}

#google-ads .module-header .header {background:#fff url('http://www.news.com.au/images/google.png') no-repeat; height:17px; overflow:hidden; text-indent:-9999px; width:100px}
#google-ads .module-content {padding:2px 0 10px 0}
#google-ads .module-content li {padding-bottom:10px}
#google-ads .module-content li.last {padding:0}
#google-ads .module-content .header {font-size:1em; font-weight:bold; line-height:1.1em}
#google-ads .module-content p {color:#000; line-height:1.1em; text-decoration:none}
#google-ads .module-content p.link-url {color:#666; font-size:0.8em; text-decoration:none}
#google-ads .module-content h5 { color: #094F95; }
#google-ads .module-content a:hover {text-decoration:none}
#google-ads .module-content a:hover .header {text-decoration:underline}

#google-ads .module-content ul.txt-small-square {border:1px solid #DADADA}
#google-ads .module-content ul.txt-small-square li {padding:60px 25px; text-align:center}
#google-ads .module-content ul.txt-small-square li a {font-size:115%}

#google-ads .module-content ul.txt-leaderboard {border:1px solid #DADADA; text-align:center; width:100%}
#google-ads .module-content ul.txt-leaderboard li {margin:auto; padding:30px 5px; text-align:center; width:618px}
#google-ads .module-content ul.txt-leaderboard li a {font-size:115%}

/* image and embed for right panel 316 wide */
#content-2 #google-ads .module-content embed,
#content-2 #google-ads .module-content a img {border:1px solid #DADADA; padding:1px; margin:5px 0 3px 25px}
* html #content-2 #google-ads .module-content object {border:1px solid #DADADA; padding:1px; margin:5px 0 3px 25px}
*:first-child+html #content-2 #google-ads .module-content object {border:1px solid #DADADA; padding:1px; margin:5px 0 3px 25px}

/* image and embed for story 650 wide */    
#content-1 #google-ads .module-content embed,
#content-1 #google-ads .module-content img {border:1px solid #DADADA; padding:1px; margin:5px 0 12px 80px}
* html #content-1 #google-ads .module-content object {border:1px solid #DADADA; padding:1px; margin:5px 0 12px 80px}
*:first-child+html #content-1 #google-ads .module-content object {border:1px solid #DADADA; padding:1px; margin:5px 0 12px 80px}

/* =Vertical */

/* =Vertical Nav */
#vertical-nav {background:#D0EAF9; float:left}
#vertical-nav li {background:#D0EAF9; float:left; padding:3px}

/* Inside News */
div.module-inside-news { float: left; width: 100%; clear: both; }

div.module-inside-news .module-content a {color: #094F95;}

div.module-inside-news .module-header {padding: 5px 0 5px 0; float: left;width:100%}
div.module-inside-news .module-header .heading {display: inline; font-weight: bold; font-size: 1.5em; float: left; background: transparent url('../images/news_small_logo.gif') no-repeat right;}
div.module-inside-news .module-header .heading a { color: #000000; display: block;  padding: 5px 92px 5px 0!important;}
div.module-inside-news .module-header .heading a:hover { color: #094F95; text-decoration: underline; }
div.module-inside-news .module-header p.more-link { font-size: 1.2em; float: right; background: transparent url('../images/news-bullets.gif') 0 -595px no-repeat; padding: 0 0 0 12px!important; margin: 10px 0 0 0;}
div.module-inside-news .module-header p.more-link a {color: #094F95;}
div.module-inside-news .module-content { clear: both; float: left; width: 100%; border-top: 3px solid #ced2d6;	border-bottom: 3px solid #ced2d6; padding: 10px 0 10px 0;}

div.module-inside-news .content-item {width: 149px; float: left; margin: 0 0 0 18px;}
div.module-inside-news .content-item.latest-news {margin-left: 0;}
div.module-inside-news .content-item h3.heading {display: inline; font-weight: bold; font-size: 1.5em; background: transparent url('../images/news-bullets.gif') no-repeat right -394px; padding: 0 20px 0 0;}
div.module-inside-news .content-item h3.heading a { color: #000000; }
div.module-inside-news .content-item h3.heading a:hover { color: #094F95; }
div.module-inside-news .story-block {padding: 3px 0 0 0; margin: 1px 0 0 0; width: auto; }
div.module-inside-news .content-item.latest-news .story-block {border-top: 3px solid #c10b0e;}
div.module-inside-news .content-item.business .story-block {border-top: 3px solid #879aa4;}
div.module-inside-news .content-item.money .story-block {border-top: 3px solid #1b8f83;}
div.module-inside-news .content-item.travel .story-block {border-top: 3px solid #30a3f3;}
div.module-inside-news .content-item.entertainment .story-block {border-top: 3px solid #c4328d;}
div.module-inside-news .content-item.technology .story-block {border-top: 3px solid #773991;}


div.module-inside-news .story-block img.thumbnail {border: 1px solid #e5e5e5; padding: 1px; margin: 0 0 3px 0;}
div.module-inside-news .story-block h4.heading {margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; clear: both; }	
div.module-inside-news .story-block p {font-size: 1.1em; margin: 0 0 3px 0;}
div.module-inside-news .story-block p.article-comments { }
div.module-inside-news .story-block p.article-comments a { color: #094f95; background: transparent url(../images/news-bullets.gif) no-repeat 0 -497px; padding: 0 0 0 12px; }
div.module-inside-news .content-item ul.related { padding: 3px 0 3px 0;}
div.module-inside-news div.module-content div.content-item ul.related li {font-size: 1.1em; padding: 2px 0 4px 10px; margin: 0; background: transparent url('../images/news-bullets.gif') 0 6px no-repeat;  }

div.module-inside-news .content-item p.more-link { display: inline; font-size: 1.1em; font-weight: bold; background: transparent url('../images/news-bullets.gif') no-repeat right -396px; padding: 0 18px 0 0;}
div.module-inside-news .content-item p.more-link a { background: none !important; padding-left: 0 !important; }

/* ==================================================================== */
/* site-tools */
/* -------------------------------------------------------------------- */
#site-tools { text-align: left; display: inline; border-bottom: 1px solid #f4f4f4; clear: both; float: left;  margin: 0; padding: 0; width: 986px}
#site-tools h2 { font-size: 129%; font-weight: bold;  border-bottom: 1px solid #f4f4f4;}
#site-tools ul { width: 100%; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; float: left; }
#site-tools ul li {float: left; padding: 10px 5px 6px; width: 180px; }
#site-tools ul li a { font-weight: bold; text-decoration: none; position: relative; color: #000; display: block; padding: 45px 0 0 0; text-align: center; background: transparent url('/css/images/site-tools-spr.png') no-repeat -10px -2px;}
#site-tools #tools-mobile {background-position: 13px -2px;}
#site-tools #tools-mobile:hover {background-position: 13px -82px;}
/*	#site-tools #tools-alerts {background-position: -147px -2px;}
#site-tools #tools-alerts:hover {background-position: -147px -82px;} */
#site-tools #tools-rss {background-position: -322px -2px;}
#site-tools #tools-rss:hover {background-position: -322px -82px;}
#site-tools #tools-newsletters {background-position: -467px -2px;}
#site-tools #tools-newsletters:hover {background-position: -467px -82px;}
#site-tools #tools-stories {background-position: -632px -2px;}
#site-tools #tools-stories:hover {background-position: -632px -82px;}
#site-tools #tools-photos {background-position: -797px -2px;}
#site-tools #tools-photos:hover {background-position: -797px -82px;}

#footer #network-links {clear:both; position:relative; text-align:center; padding: 30px 0 10px 0;}
#footer ul.generic-link-list { padding-top: 7px; font-size: 0.85em;}
#footer .generic-link-list li {display: inline; padding: 0; margin: 0;}
#footer .generic-link-list li span {margin-left: 5px; margin-right: 5px;}
#footer ul.generic-link-list{font-size: 0.92em;}
#footer ul.generic-link-list a {font-weight:300; color: #094f95; }

#footer p.copyright {font-size: 0.92em;}