/* Skin National Times - $Revision: 12187 $ - $Date: 2011-11-09 12:14:33 +1100 (Wed, 09 Nov 2011) $ - $Author: fevans $ */
/*
 ____  _    _        ____ ____ ____  
/ ___|| | _(_)_ __  / ___/ ___/ ___| 
\___ \| |/ / | '_ \| |   \___ \___ \ 
 ___) |   <| | | | | |___ ___) |__) |
|____/|_|\_\_|_| |_|\____|____/____/  for base skin for National Times
Fairfax Digital CSS framework

Author:         Jens Korff
Born:           July 2009
Last modified:  see first line (updated automatically by SVN)
-----------------------------------------------------------------------------------------
Skin only.

	!! Here go fonts, colours, backgrounds, background images, borders
	
	NOTES:
		- use shorthand whenever possible
		- only use 'em' for font-size (accessibility)
		- don't specify container widths. Specify percentages (usually 100%) so they fit into
		  the width you define in component.css.
	
Colour scheme:
--------------
links:				#15317d (dark blue)
links, hovered:		#cc3300 (red)
main nav bg:		#15317d (dark blue)
secondary colour:	#c0b676 (gold)
backgrounds:		#dedede (light grey)
text, kicker:		#6c6442 (mud brown)
borders:			#bababa (grey)
borders:			#dedede (grey)
borders:			#bcbcbc (grey)
*/

/* NOTE: Styles for the homepage only are preceded with '.home'.
	     They require class 'home' in the body tag.
		 
         Styles for both the homepage and the integrated homepage are preceded with
		 '.index'. They require class 'index' in the body tag.
		 
		 The homepage needs both, 'home' and 'index' classes.
   -------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
   =Global
   -------------------------------------------------------------------------------------- */
.nationaltimes a {color:#15317d}
.nationaltimes a:hover {color:#c30}
/* ----- IE fixes ----- */
* html .nationaltimes a:link {color:#15317d}


/* --------------------------------------------------------------------------------------
   =Headings and header components
   -------------------------------------------------------------------------------------- */
h2 {font-size:2.63em}
h4 {font-family:Georgia, "Times New Roman", Times, serif;color:#6c6442;text-transform:none}

.cN-headingPage {margin-top:5px;padding-bottom:19px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -400px 100%/*blank heading*/}
	.cN-headingPage.span-11 {padding-bottom:0;background:transparent none}/*No bg image on content pages*/
	/* ----- IE fixes ----- */
	* html .cN-headingPage {padding-bottom:15px}
	* html .cN-headingPage.span-11 {padding-bottom:0}
	*+ html .cN-headingPage {padding-bottom:15px}

.sidebar .cN-headerRich,.aside .cN-headerRich {border-bottom:1px solid #bcbcbc;margin:0;padding-bottom:.1em}
	.aside .cN-headerRich {font-size:1.8em}
	.aside .cN-headerRich + .ad {border-top:2px solid #dedede;padding-top:3px}


/* --------------------------------------------------------------------------------------
   =Header
   -------------------------------------------------------------------------------------- */
.header h2 {margin:15px 0 44px/*Centre stand-alone logo in whitespace*/;background:#fff url('img/sprite-skin-nationaltimes.png') no-repeat 0 20px/*Section logo*/}
	.smh .header h2,.theage .header h2,.brisbanetimes .header h2,.watoday .header h2 {margin:0 0 2px/*Collapse margin to allow space for masthead logo*/}

/* Homepage */
.header h1 {float:none;margin:10px auto;width:393px;height:63px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat 0 -266px/*logo: National Times*/;text-indent:-9000px}
	.header h1 a {height:63px;width:393px}
	/* ----- IE fixes ----- */
	* html .header h1 {overflow:hidden}
	* html .home .header {height:129px}
	*+ html .home .header {height:128px}
	
/* Masthead logo */
.header .mh-logo {height:0/*Initial state for National Times stand-alone: no masthead logo. Specificity of this rule lower than in masthead-specific skin code
							to allow overriding if there is a masthead logo defined.*/}
	/* ----- IE fixes ----- */
	* html .header .mh-logo {overflow:hidden/*necessary for IE6 to hide masthead logo*/}


/* Main navigation */
#nav {background-color:#15317d!important/*Override styles like '.smh #nav {...}'*/}
	#nav li.selected a {padding:2px 7px 6px 6px;border:1px solid #bcbcbc;border-bottom-width:0;color:#15317d!important}
	
	/* Date & time (homepage) */
	#datetime {color:#333;font-size:.92em}
		#datetime em {padding-left:8px;font:bold 1.08em Arial, Helvetica, sans-serif;color:#900}
		/* ----- IE fixes ----- */
		* html #datetime {position:relative;z-index:2/*Due to cN-searchBox*/}
		*+ html #datetime {position:relative;z-index:2/*Due to cN-searchBox*/}
	
	/* Breadcrumb */
	.breadcrumb {margin-left:7px;color:#444}
		p.breadcrumb a {color:#8a8c8f}
		.breadcrumb span {position:absolute;left:-9000px;width:9px/*Push "You are here" off screen because we need space for long breadcrumb.*/}
		/* ----- IE fixes ----- */
		* html .breadcrumb {position:absolute;left:7px;bottom:0;z-index:2;margin:0}
		*+ html .breadcrumb {position:absolute;left:7px;bottom:0;z-index:2;margin:0}/*Need to switch to absolute positioning due to disappearing-float-next-to-absolutely-positioned-element bug in IE6/7 */

	/* Alternative formats */
	.altFormats li {background-position:100% -71px}
		/* ----- IE fixes ----- */
		* html .altFormats {position:relative;z-index:2/*Due to cN-searchBox*/}
		*+ html .altFormats {position:relative;z-index:2/*Due to cN-searchBox*/}

/* End: Header module */


/* --------------------------------------------------------------------------------------
   =Images
   -------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------
   =Story components
   -------------------------------------------------------------------------------------- */
/* Common */
.cN-storyKickerLead .comments a,.cN-storyImageLead .comments a,.cN-storyHeadlineLead .comments a,/*comments*/
.cN-storyKickerLead dl a,.cN-storyImageLead dl a,.cN-storyHeadlineLead dl a,/*topics*/
.cN-storyKickerLead ul a,.cN-storyImageLead ul a,.cN-storyHeadlineLead ul a/*related links*/
{color:#00527b}
.cN-storyImageLead h3,.cN-storyHeadlineLead h3 {font:normal 1.666em Arial, Helvetica, sans-serif}

.cN-storyImageLead {position:relative}
	.cN-storyImageLead h3 {font-weight:bold;font-size:1.333em}
	.cN-storyImageLead p {font-size:.92em;color:#333}

.cN-storyHeadlineLead {padding-bottom:5px;border-bottom:1px dotted #bababa}
	.cN-storyHeadlineLead ul {font-size:.92em}
	.cN-storyHeadlineLead h4 a,.cN-storyHeadlineLead h4 a:visited {color:#6c6442}

/* Media = image: */
.media-image.storyFeatured {overflow:hidden}
	.media-image.storyFeatured .wof {position:absolute;width:97%;bottom:0;left:0;margin:0;padding:1.5%;background:transparent url('img/wof-transparency-white-90perCent.png') repeat 0 0}
	.media-image.storyFeatured h4 {position:relative;float:left;padding:1.5% 1.5% 0;margin:-6.28% 0 0 -7px;color:#6c6442;font:bold 1em Georgia, "Times New Roman", Times, serif;text-transform:none;background:transparent url('img/wof-transparency-white-90perCent.png') repeat 0 0}
	.media-image.storyFeatured .comments span {background-color:transparent;background-position:-338px 0;color:#333}
	/* ----- IE fixes ----- */
	* html .media-image.storyFeatured .wof {position:static;background:#dedede none}/*Graceful degradation: no transparency, wof below image*/
	* html .media-image.storyFeatured h4 {position:static;float:none;padding:0;margin:0;background:transparent none}
	* html .media-image.storyFeatured .comments span {background-color:#dedede}

/* cN-storyKickerLead */
.cN-storyKickerLead {overflow:hidden;border-bottom:1px dotted #bababa;padding-bottom:10px;margin-bottom:10px;color:#333}
	.cN-storyKickerLead h4 {margin-bottom:.3em}
	.cN-storyKickerLead h4 a {color:#6c6442}
	.cN-storyKickerLead h3 {font:bold 1.5em Arial, Helvetica, sans-serif;margin-bottom:.3em}
	.cN-storyKickerLead img {float:left;margin:0 10px 10px 0}
	.cN-storyKickerLead p {display:inline;font-size:.92em}
	.cN-storyKickerLead small {color:#900}
	.cN-storyKickerLead .comments {margin-right:.5em;font-size:.92em}
	.cN-storyKickerLead dl {font-size:.92em}
	.cN-storyKickerLead dl,.cN-storyKickerLead dt,.cN-storyKickerLead dd {display:inline}
	.cN-storyKickerLead ul {float:left;font-size:.92em;color:#999}
	/* ----- IE fixes ----- */
	* html .cN-storyKickerLead {height:1%}
	* html .cN-storyKickerLead h4 a:link {color:#6c6442}
	
/* Special index lead image styling */
.storySpecialFeature {position:relative}
	.storySpecialFeature .wof {color:#333;position:relative;background:#ededed!important/*We use important here to override any defaults in section skins. Otherwise we'd need to re-declare this in each skin.*/}
	.storySpecialFeature .wof a{color:#15317D}
	.storySpecialFeature .wof a:hover{color:#CC3300}
	.storySpecialFeature .wof small,
	.storySpecialFeature .wof cite {color:#333;}
	.storySpecialFeature h3 {font-size:1.7em}
	.storySpecialFeature .wof h4 {margin:0;background:none;font-size:.92em;color:#6C6442;padding:0;position:none;float:none;min-height:16px}
	
/* Homepage: cN-storyKickerLead in span-7 */
.index .span-7 .cN-storyKickerLead h3 {font-size:1.33em;font-weight:normal}
	.index .span-7 .cN-storyKickerLead dl {display:block}
	
/* Homepage: image in contributors strap: Clip to 90x90: */
.contributors .span-9 .cN-storyKickerLead div {position:relative;width:90px;height:90px;float:left;margin:0 10px 10px 0}
	.contributors .span-9 img {position:absolute;left:0;bottom:0;margin:0;
	/* Clip image from 143x93 to 90x90 pixels, centred: */
	left:-26px;top:-1px;clip:rect(1px,116px,91px,26px)/*top,right,bottom,left*/}
	/* ----- IE fixes ----- */
	* html .contributors .span-9 img {clip:rect(1px 116px 91px 26px)}
	*+ html .contributors .span-9 img {clip:rect(1px 116px 91px 26px)}

.cN-storyHeadlineQuote {width:100px/*span width - border-left-width*/;border-left:40px solid #e0e0e0;border-bottom:25px solid #fff}
	.cN-storyHeadlineQuote h4 {font:bold 1em Georgia, "Times New Roman", Times, serif;color:#6c6442;text-transform:none;padding-bottom:10px;margin-left:-40px/*=border-left-width of container*/;background-color:#fff}
	.cN-storyHeadlineQuote blockquote {margin:0 0 0 -40px/*=border-left-width of container*/;padding:7px;background-color:#e0e0e0}
	.cN-storyHeadlineQuote p {font-size:1.5em;line-height:1.3;text-indent:1.6em;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -912px -71px/*opening quote*/}
	.cN-storyHeadlineQuote span {width:26px;height:21px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -277px 0/*closing quote*/}
	.cN-storyHeadlineQuote cite {color:#756d4d;font-size:.92em;font-weight:bold}
	/* ----- IE fixes ----- */
	/* Graceful degradation for IE6 (which slides blockquote under border): Don't show triangle */
	* html .cN-storyHeadlineQuote {width:140px;border:0}
	* html .cN-storyHeadlineQuote h4 {margin:0}
	* html .cN-storyHeadlineQuote blockquote {margin:0}

/* cN-articles */
/*.cN-articles .heading {font:bold 1em Georgia, "Times New Roman", Times, serif;color:#6c6442;margin-bottom:.8em}*/
.cN-articles .cT-strapHeading {font:bold 1em Georgia, "Times New Roman", Times, serif;color:#6c6442;margin-bottom:.8em}
	.index #content .cN-articles .cT-strapHeading {text-indent:0;background-image:none;margin:0 0 10px}
	.cN-articles .cT-strapHeading span a {font-size:.92em}
	.cN-articles .cT-strapHeading span a:after {content:none!important}
	.cN-articles .cN-story {overflow:hidden}
	.cN-articles img {float:left;margin:0 9px 9px 0}
	.cN-articles .wof {margin-left:23px/*image width + img margin */;margin-bottom:0;padding-bottom:10px;border-bottom:1px dotted #bababa}
	.cN-articles h4 {font-family:Arial, Helvetica, sans-serif;color:#666;font-size:.92em}
	.cN-articles h3 {font:normal 1.166em Arial, Helvetica, sans-serif}
	.index .aside .cN-articles .cN-story {border-bottom:1px dotted #bababa}
	.index .aside .cN-articles .wof {margin-left:0;border:0}

/* cN-articles in aside */
.aside .cN-articles {margin-bottom:20px}
	.aside .cN-articles .cT-strapHeading {margin:0;font-size:1.8em;font-weight:normal;color:#000;border-bottom:1px solid #bcbcbc}
	.aside .cN-articles .cT-strapHeading + .cN-story {border-top:2px solid #dedede;padding-top:.4em}
	.aside .cN-articles .cT-strapHeading span a {font-size:.5em}
	/* ----- IE fixes ----- */
	* html .aside .cN-articles {height:1%}
	* html .aside .cN-articles .cT-strapHeading {margin-bottom:.4em}
	*+ html .aside .cN-articles .cT-strapHeading {margin-bottom:.4em}

/* cN-linkList */	
.cN-linkList {border:0}
	.cN-linkList h3 {border-bottom:1px solid #bcbcbc;margin:0;padding-bottom:.2em}
	.cN-linkList ol {border-top:2px solid #dedede;margin:0}
	.cN-linkList li {font:bold 1.083em Arial, Helvetica, sans-serif;color:#666;border-bottom:1px dotted #bababa;padding:.2em 0}
	.cN-linkList li a {font:normal .92em Arial, Helvetica, sans-serif}
	.cN-linkList .last {margin:0;padding-left:0;background:transparent none}
	.cN-linkList .last a:after {content:" \00BB"/*=&raquo;*/}/*Graceful degradation in IE6/7: not shown*/
	/* ----- IE fixes ----- */
	* html .cN-linkList ol {padding-left:7px}
	* html .cN-linkList .last {margin-left:-7px}
	*+ html .cN-linkList ol {padding-left:7px}
	*+ html .cN-linkList .last {margin-left:-7px}
	
/* cT-storyTools */
.cT-storyTools .cT-strapHeading {border:0;border-bottom:1px solid #bcbcbc;margin:0;padding-bottom:.2em}
	.cT-storyTools ul {border-top:2px solid #dedede}
	.cT-storyTools .ad {margin-top:3px}

.strapHeadingDeal + .cN-storyDeal {padding-top:8px;border-top:2px solid #dedede}


/* --------------------------------------------------------------------------------------
   =Straps
   -------------------------------------------------------------------------------------- */
/* Headline listing on homepage: */
#content .headListing {margin:0}
	.headListing div {overflow:hidden;margin:0;padding:0;border:0;background:transparent url('img/sprite-skin-nationaltimes.png') 0 -329px no-repeat/*white gradient*/}
	.headListing h3 a,.headListing h3 a:hover,.headListing h3 a:visited,.headListing h4 a,.headListing h4 a:hover,.headListing h4 a:visited {color:#fff;text-decoration:none}
		/* Hover effect: Remove div background and change link colour (60% opacity of base colour as specified further down). */
		.headListing div:hover {background-image:none}
		.headListing h3 a:hover {color:#d5e9f3}
		.headListing .second h3 a:hover {color:#e2e2e2}
		.headListing h4 a:hover {text-decoration:underline}
	.headListing h4,.headListing h3 {margin:5px 7px 0}
	.headListing h3 {margin-top:1px}
	.headListing .first h3 {font:bold 2.08em/.95 Arial, Helvetica, sans-serif}
	.headListing .third h3 {font:normal 1.83em/1.15 Arial, Helvetica, sans-serif}
	.headListing .fourth h3 {font:normal 1.5em/1.25 Arial, Helvetica, sans-serif}
	.headListing .second h3,.headListing .fifth h3 {font:normal 1.2em/1.25 Arial, Helvetica, sans-serif}
	.headListing .fifth h3 {line-height:1.15}
	/* Add margin to margin-less widths of grid elements for head listings to fill grid gaps: */
	.headListing .span-4 {width:164px;height:132px;background-color:#2374a0}
	.headListing .span-5 {width:195px;height:72px;background-color:#4388ae}
		.headListing .span-5.fifth {height:60px;background-color:#5e99ba}
	.headListing .span-7 {height:239px;background-color:#5e6469}
		.headListing .span-7 img {position:absolute;left:0;bottom:0;margin:0;
		/* Clip image from 300x200 to 260x191 pixels, centred: */
		left:-20px;bottom:-5px;clip:rect(4px,280px,195px,20px)
		}
	.headListing .span-9 {width:359px/*1px border on right*/;height:107px;background-color:#005e91}
	/* ----- IE fixes ----- */
	* html #content .headListing {background:#fff/*removes bottom margin*/}
	* html .headListing h3 a:link,* html .headListing h4 a:link {color:#fff}
	* html .headListing .span-7 img {clip:rect(4px 280px 195px 20px)}
	*+ html .headListing .span-7 img {clip:rect(4px 280px 195px 20px)}
	
/* cT-strapListing */
.cT-strapListing {clear:both;overflow:hidden;margin-bottom:20px}

/* Homepage: Clip 90x60 images in secondary column of Contributors to 60x60: */
.cT-strapListing .span-7 .cN-storyKickerLead {position:relative;min-height:60px/*=image height*/}
.cT-strapListing .span-7 .cN-storyKickerLead img {position:absolute;left:0;top:0}
.cT-strapListing.contributors .span-7 .cN-storyKickerLead img {left:-15px;clip:rect(0,75px,60px,15px)}
	.cT-strapListing .span-7 .cN-storyKickerLead p,.cT-strapListing .span-7 .cN-storyKickerLead h4,.cT-strapListing .span-7 .cN-storyKickerLead h3,
	.cT-strapListing .span-7 .cN-storyKickerLead dl,.cT-strapListing .span-7 .cN-storyKickerLead ul
	{margin-left:70px/*=image width (60px) + margin (10px)*/}
	/* ----- IE fixes ----- */
	* html .cT-strapListing .span-7 .cN-storyKickerLead div {float:left;height:15px/*Empirically found value to act as 'min-height'. Setting it to the required 60px does not work.*/}
	* html .cT-strapListing .span-7 .cN-storyKickerLead ul {margin-left:35px}
	/* IE6/7 ignore standards-compliant comma-separated list and need comma-less list: */
	* html .cT-strapListing.contributors .span-7 .cN-storyKickerLead img {clip:rect(0 75px 60px 15px)}
	*+ html .cT-strapListing.contributors .span-7 .cN-storyKickerLead img {clip:rect(0 75px 60px 15px)}
	
/* cT-strap4Column */
.cT-strap4Column {clear:both;overflow:hidden;margin-bottom:20px}
	.cT-strap4Column .cN-storyKickerLead {position:relative}
	.cT-strap4Column .cN-storyKickerLead img {position:absolute;top:23px;left:0}/* Move image between kicker and headline: */
	.cT-strap4Column .cN-storyKickerLead h3 {margin-top:106px/*93px (image height) + 13px margin*/;font-size:1.166em}
	.cT-strap4Column .cN-storyKickerLead small {color:#666}

.features .cN-storyKickerLead {position:relative;border:0}
	.features .cN-storyKickerLead div {position:absolute;top:23px;left:0}/* Move image between kicker and headline: */
	.features .cN-storyKickerLead img {margin:0}
	.features .cN-storyKickerLead h3 {margin-top:106px/*=93px (image height) + extra margin*/;font-size:1.166em}

.cT-headlineCloud {position:relative;height:31px;overflow:hidden;margin-bottom:10px}
	.cT-headlineCloud h3 {position:absolute;left:0;top:0;width:54px;height:31px;font:bold .92em/1 Arial, Helvetica, sans-serif;text-align:center;color:#fff;text-transform:uppercase;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -220px 0/*hot topics*/}
	.cT-headlineCloud ol {float:left;width:560px;margin:4px 0 0;padding:0 0 4px 60px;border-bottom:1px dotted #a7a7a7}
	.cT-headlineCloud li {float:left;margin-left:2em;list-style-type:disc;color:#c0b676}
	.cT-headlineCloud li a {color:#4b4b4b;font-weight:bold}
	/* ----- IE fixes ----- */
	* html .cT-headlineCloud {padding-top:4px/*=margin-top of ol*/}
	* html .cT-headlineCloud ol {float:none/*fix disappearing absolutely positioned element bug*/}
	* html .cT-headlineCloud li a:link {white-space:pre;color:#4b4b4b}
	* html .cT-headlineCloud li {margin-left:7px;padding-left:15px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -1013px -49px/*bullet point*/}
	*+ html .cT-headlineCloud li {margin-left:7px;padding-left:15px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -1013px -49px/*bullet point*/}
	*+ html .cT-headlineCloud li a {white-space:pre}

.cT-strapHeading {margin:0;border:0;border-bottom:1px solid #bcbcbc;padding-bottom:.2em;font:normal 2.333em Georgia, "Times New Roman", Times, serif}
	.cT-strapHeading + .cN-storyHeadlineLead,.cT-strapHeading + .cN-storyImageLead {border-top:2px solid #dedede;padding-top:10px}
	/* ----- IE fixes ----- */
	* html .cT-strapHeading {margin-bottom:10px}/*Graceful degradation: IE6/7 don't understand '+' => don't show second heading border*/
	*+ html .cT-strapHeading {margin-bottom:10px}
	
.index #content .cT-strapHeading {border:0;margin:10px 0 5px;padding:0;text-indent:-9000px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat 0 -70px/*headings: the columnists*//*Default*/}
	.index #content .contributors .cT-strapHeading {background-position:0 -108px}/* Contributors */
	#content .cT-strap4Column .cT-strapHeading {background-position:0 -145px}/* Bloggers */
	.index #content .features .cT-strapHeading {background-position:0 -182px}/* Features */
	/* Secondary links in heading */
	.cT-strapHeading span {margin-top:0;text-indent:0}
	.cT-strapHeading span a {float:left;margin:2px .5em 0 0;padding-right:.5em;color:#00527b;font:normal .37em Arial, Helvetica, sans-serif}
	.index .cT-strapHeading span a:after {content:" \00BB"/*=&raquo;*/}/*Graceful degradation in IE6/7: not shown*/
		/* Don't display Cufon-ised font for <span>. Canvas is for compliant browsers, vml for all IE. */
		.cT-strapHeading span .cufon canvas,.cT-strapHeading span .cufon .cufon-vml-canvas {display:none!important}
			/* Tame IE: */
			.cT-strapHeading span .cufon-vml {display:none!important}
			.cT-strapHeading span * .cufon-vml {display:block!important;float:left!important}
		.cT-strapHeading span .cufon-canvas,.cT-strapHeading span .cufon .cufon-vml {font-size:1em!important;line-height:1em!important;margin:0}
		.cT-strapHeading span .cufon .cufon-alt {text-indent:0!important;width:auto!important;height:auto!important;margin:0}
		.cT-strapHeading span .cufon-vml .cufon-alt {font-size:1em!important;left:auto!important}/*for all IE*/

.cT-strapSubHeading{margin:1em 0 0;border:0;border-bottom:1px solid #bcbcbc;padding-bottom:.2em}
	.cT-strapSubHeading + .cN-storyHeadlineLead,.cT-strapSubHeading + .cN-storyImageLead {border-top:2px solid #dedede;padding-top:10px}


/* --------------------------------------------------------------------------------------
   =Article
   -------------------------------------------------------------------------------------- */
/* cT-headshot */
.cT-headshot {padding-bottom:.3em;border-bottom:1px dotted #bababa}
	.cT-headshot div {padding-bottom:2px;border-bottom:1px solid #bcbcbc}
	.cT-headshot h3 {font:bold 1em Georgia, "Times New Roman", Times, serif;color:#6c6442}
	.cT-headshot p {color:#333}
	
.cN-quote p {padding:.28em 0;font-size:1.5em;color:#333;text-indent:1.5em;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -888px -108px/*opening quotes (grey)*/}
	.cN-quote span {width:26px;height:21px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -360px 0/*closing quotes (grey)*/}

/* Related coverage */
.prepend-5.cT-relatedCoverageContentPage {position:relative;margin-top:24px;border-top:2px solid #dedede}
	.cN-relatedCoverage h3, .cN-relatedCoverage h4 {display:block}
	.cT-relatedCoverageContentPage h3.pull-5 {position:absolute;top:-24px;left:0;width:100%;margin:0;border-bottom:1px solid #bcbcbc}
	.cN-relatedCoverage .cN-story h3 {font:normal 1.333em Arial, Helvetica, sans-serif}
	.cN-relatedCoverage .cN-story p {color:#333}
	.cN-relatedCoverage .cN-story cite {color:#666}
	/* ----- IE fixes ----- */
	* html .cT-relatedCoverageContentPage {overflow:visible}
	* html .cT-relatedCoverageContentPage h3.pull-5 {width:620px}
	* html .cN-relatedCoverage h4 {float:none}
	
.cN-relatedCoverage .cN-story cite {color:#999}
.sidebar .cN-relatedCoverage h3 {display:block;border-bottom:1px solid #bcbcbc;margin:0;padding-bottom:.2em}
	.sidebar .cN-relatedCoverage h3 + .cN-story {border-top:2px solid #dedede}
	.sidebar .cN-relatedCoverage .cN-story {padding-top:5px;margin:0;border-bottom:1px dotted #bababa}
	.sidebar .cN-relatedCoverage .cN-story h3 {display:inline;font-size:.92em;font-weight:normal;border:0;padding:0}
	.sidebar .cN-relatedCoverage .cN-story h4 {font:normal .92em Arial, Helvetica, sans-serif;text-transform:uppercase}
	.sidebar .cN-relatedCoverage p {margin-bottom:5px}
	
.cN-storyCommentLatest {border:0;padding:0}
	.cN-storyCommentLatest h3 {border-bottom:1px solid #bcbcbc;padding-bottom:.2em;margin:0}
	.cN-storyCommentLatest blockquote {border-top:2px solid #dedede;padding-top:.2em}
	.cN-storyCommentLatest p {padding-top:.28em;font-size:1.5em;font-weight:normal;color:#333;text-indent:1.5em;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -888px -108px/*opening quotes (grey)*/}
	.cN-storyCommentLatest span {width:26px;height:21px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -360px 0/*closing quotes (grey)*/}
	.cN-storyCommentLatest cite {font-weight:bold;color:#666}

.cT-storyDetails {position:relative;padding-bottom:.5em;font-size:.92em;border-bottom:1px dotted #bababa}
	.cT-storyDetails .comments {position:absolute;top:0;right:0}
	
.cN-otherWebLinks {position:relative;margin-top:24px;border-top:2px solid #dedede;padding-top:0}
	.cN-otherWebLinks h3 {position:absolute;top:-24px;left:0;display:block;width:100%;margin:0;border-bottom:1px solid #bcbcbc}
	.cN-otherWebLinks li {font-weight:normal}
	.cN-otherWebLinks cite {padding-right:.45em;margin-right:.1em;color:#666;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat 100% -20px/*vertical bar #ccc*/}
	/* ----- IE fixes ----- */
	* html .cN-otherWebLinks {overflow:visible}
	* html .cN-otherWebLinks h3 {width:620px}
	
.cN-todayInSection {border:0;padding:0;margin-bottom:20px}
	.sidebar .cN-todayInSection h3 {border:0;border-bottom:1px solid #bcbcbc;padding-bottom:.4em;margin:0}
	.cN-todayInSection h3 + .cN-story {border-top:2px solid #dedede;padding-top:.4em}
	.cN-todayInSection .cN-story {margin-bottom:5px}
	.cN-todayInSection .cN-story h3 {border-bottom:1px dotted #bababa;display:block;font-weight:normal}
	

/* --------------------------------------------------------------------------------------
   =Multimedia
   -------------------------------------------------------------------------------------- */
  

/* --------------------------------------------------------------------------------------
   =Comments
   -------------------------------------------------------------------------------------- */

.cN-storyImageLead .comments, .cN-storyHeadlineLead .comments {line-height:1.3/*cater for larger bubble*/}
	.comments span,.media-image .comments span {background:#fff url('img/sprite-skin-nationaltimes.png') no-repeat -338px 0/*comment bubble*/}
	.media-image .comments span {background-color:#ededed;color:#333}
	

   
/* --------------------------------------------------------------------------------------
   =Search
   -------------------------------------------------------------------------------------- */
/* cN-searchBox */	
.cN-searchBox {background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat 0 -39px/*nav bar*/}
	/* Search form in header: */
	.cN-searchBox form {margin-right:20px}
	/* ----- IE fixes ----- */
	* html .cN-searchBox {position:relative;height:30px;z-index:1/*Needs z-index to be higher for datetime and altFormats*/}
	* html .cN-searchBox form {margin-right:247px;display:inline;float:right}
	*+ html .cN-searchBox {position:relative;height:28px;z-index:1/*Needs z-index to be higher for datetime and altFormats*/}
	*+ html .cN-searchBox form {margin-right:247px;display:inline;float:right}
	/* homepage */
	* html .home .cN-searchBox {position:absolute;left:0;bottom:0}
	*+ html .home .cN-searchBox {position:absolute;left:0;bottom:0}


/* --------------------------------------------------------------------------------------
   =Tabulator components
   -------------------------------------------------------------------------------------- */
/* cN-tabBox: Most commented */
.mostCommented {margin:0 0 20px;padding-top:0;border-top:2px solid #dedede;overflow:visible}
	.mostCommented h4 {width:49px;height:17px;top:-22px;margin:0;font:normal .92em Arial, Helvetica, sans-serif}
	.aside .mostCommented h4 {padding:0}
	.mostCommented .tab1 h4 {left:auto;right:50px}
	.mostCommented .tab2 h4 {left:auto;right:0}
	.mostCommented h4 a {width:100%;height:16px;padding-top:1px}
	.mostCommented .selected h4,.mostCommented h4 a:hover {color:#fff;background-color:#15317d}
	.aside .mostCommented div {width:100%;border:0}
		.mostCommented ol li {position:relative;color:#333;margin-left:1.5em;padding:.2em 45px/*create room for number (em)*/ .2em 0;border-bottom:1px dotted #bababa;list-style-type:decimal;font:bold 1.083em Arial, Helvetica, sans-serif}
		.mostCommented ol li a {font-weight:normal;font-size:.8em}
		.mostCommented ol li em {font-weight:normal;font-size:.8em;position:absolute;right:18px;top:5px;color:#666}
		.mostCommented ol li span {position:absolute;right:0;top:8px;width:13px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -387px 0/*comment bubble small*/;text-indent:-9000px}
	/* ----- IE fixes ----- */
	* html .mostCommented ol {padding-left:7px}
	*+ html .mostCommented ol {padding-left:7px}


/* --------------------------------------------------------------------------------------
   =Pagination
   -------------------------------------------------------------------------------------- */
.cN-pagination .page, .cN-pagination .prev, .cN-pagination .next {border-color:#ccc}
	.cN-pagination .selected {background-color:#e7e7e7;color:#14317d}
	.cN-pagination .page a:hover,.cN-pagination .prev a:hover,.cN-pagination .next a:hover {background-color:#e7e7e7;color:#14317d}


/* --------------------------------------------------------------------------------------
   =Forms
   -------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------
   =Navigators
   -------------------------------------------------------------------------------------- */
.cN-topicSelector {margin-bottom:20px}
	.cN-topicSelector h3 {margin:0;padding-bottom:.3em;border:0;border-bottom:1px solid #bcbcbc}
	.cN-topicSelector h3 + .cN-groupNavigator {border-top:2px solid #dedede}/*Graceful degradation in IE6/7: Second line not shown*/
	.cN-topicSelector h3 + .cN-groupNavigator h4 {border-top:0}
	.cN-topicSelector h4 a {color:#333}

/* cN-groupNavigator (styled independently if wrapped in topic selector or not) */
.sidebar .cN-groupNavigator {border:0;padding:0;margin-bottom:10px}
	.cN-groupNavigator h4 {padding:0 15px 4px 0;border:0;border-top:1px solid #bababa;font:bold .92em Arial, Helvetica, sans-serif;color:#333}
	.sidebar .cN-groupNavigator span {text-indent:-9000px}
	.sidebar .cN-groupNavigator h4 span {left:auto;right:0;height:15px;width:14px;padding:0;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -324px 0/*topic navigator close*/}
	.sidebar .cN-groupNavigator.open h4 span {background-position:-310px 0}
	.cN-groupNavigator ul {margin-left:0;padding-top:.2em;border-top:1px dotted #bababa}


/* --------------------------------------------------------------------------------------
   =Site-specific components
   -------------------------------------------------------------------------------------- */
.cS-latestVideo {padding-bottom:10px;border-bottom:1px dotted #bababa}
	.cS-latestVideo h3 {padding-bottom:.1em;border:0;border-bottom:1px solid #bcbcbc}
	.cS-latestVideo .media-video {border-top:2px solid #dedede}
	.fdVideoWof h4 {font-family:Arial, Helvetica, sans-serif}
	
.cS-storyImageLeadRotator h3 {font-size:1.8em;border-bottom:1px solid #bcbcbc;padding-bottom:.1em}
	.cS-storyImageLeadRotator .media {border-top:2px solid #dedede}
	.cS-storyImageLeadRotator .wof {background-color:#dedede;color:#333}
	.cS-storyImageLeadRotator .wof h3 {font:bold 1.333em Arial, Helvetica, sans-serif;border:0}
	.cS-storyImageLeadRotator .wof p {font-size:.92em}
	.rotator ul {position:relative;height:1.2em;width:100%;background-color:#dedede}
	.rotator .previous,.rotator .next {position:absolute;right:7px;bottom:3px}
	.rotator .previous {right:44px;border:0}
	.rotator .previous a:before {content:"\00AB\00A0"/*=&laquo; and &nbsp;*/}
	.rotator .next a:after {content:" \00BB"/*=&raquo;*/}/*Graceful degradation in IE6/7: not shown*/
	/* ----- IE fixes ----- */
	* html .rotator .previous {right:38px}
	*+ html .rotator .previous {right:38px}
	
/* Poll */
.cS-poll {position:relative;border-top:32px solid #dedede;padding:.5em 0 5px;border-bottom:1px dotted #bababa;margin-bottom:20px}/* Create dual colour border by putting heading over div border */
	.cS-poll .heading {position:absolute;top:-32px;left:0;width:100%;font-size:1.8em;line-height:normal;margin-bottom:.5em;background-color:#fff;border:0;border-bottom:1px solid #bcbcbc;padding-bottom:2px}
	.cS-poll .cT-disclaimer {border:0}
	.cS-poll strong {color:#333}
	.cS-poll li {color:#666;font-weight:bold;border-bottom:1px dotted #bababa}
	.cS-poll .submit {border:0;font-weight:normal}
	.cS-poll h4 {border-style:dotted;font-size:1.166em;font-weight:bold}
	.cS-poll dl {width:72%}
	.cS-poll dt {color:#666;border-top:1px dotted #bababa;margin-top:6px;padding-top:3px}
	.cS-poll dd {overflow:hidden;border:1px solid #004264}
	.cS-poll dd span {color:#6c6442;font:bold 1em Georgia, "Times New Roman", Times, serif}
	.cS-poll .cN-storyHeadlineOnly {color:#6c6442;font-weight:bold;text-transform:none;font-family:Georgia, "Times New Roman", Times, serif}
		.cS-poll .cN-storyHeadlineOnly a {display:block;font:normal 1.166em Arial, Helvetica, sans-serif}
	/* ----- IE fixes ----- */
	* html .cS-poll li {height:1%}
	* html .cS-poll dd {height:1%}
	*+ html .cS-poll .heading {height:auto/*override height:1% set in base news skin*/}
.pollBars dd p {background-color:#186D9B/*bar colour*/}
.cT-pollPageModule .submit input,
.cT-pollArticle .submit input,
.cS-poll .submit input
	{background-color:#15317d;border-color:#11255b}
.cT-pollPageModule .submit input:hover,
.cT-pollArticle .submit input:hover,
.cS-poll .submit input:hover
	{background-color:#11255b}
	
/* cS-storyManualPromo ("The Goanna"), cS-storyPromo */
.cS-storyManualPromo {margin-bottom:20px}
	.cS-storyManualPromo .heading {font:normal 1.8em Georgia, "Times New Roman", Times, serif;border-bottom:1px solid #bcbcbc;padding-bottom:.1em}
	.cS-storyManualPromo .heading + div {border-top:2px solid #dedede;padding-top:.4em}
	.cS-storyManualPromo div,.cS-storyPromo div {padding-bottom:10px;border-bottom:1px dotted #bababa}
	.cS-storyManualPromo div h3,.cS-storyPromo div h3 {font:bold 1.333em Arial, Helvetica, sans-serif}
	.cS-storyManualPromo img,.cS-storyPromo img {float:right;margin-left:9px}
	.cS-storyManualPromo p {margin-top:.7em;color:#333}
	.cS-storyManualPromo p a {font-size:.92em}
	.cS-storyManualPromo li,.cS-storyPromo li {color:#cfc796;font-size:.92em;margin-bottom:.5em;line-height:1.2}
	.cS-storyManualPromo h4,.cS-storyPromo h4 {margin-top:.5em;font:bold .92em Georgia, "Times New Roman", Times, serif;color:#6c6442;margin-bottom:.8em;text-transform:none}
	.cS-storyManualPromo .headlines {padding-bottom:10px;border-bottom:1px dotted #bababa}
	.cS-storyPromo {margin-bottom:20px}
	.cS-storyPromo .cS-storyManualPromo {margin-bottom:0;border-bottom:0;padding-bottom:0}

/* cS-photoGalleryLinks */
.cS-photoGalleryLinks {position:relative;overflow:hidden;margin-bottom:20px}
	.cS-photoGalleryLinks h3 {border-bottom:1px solid #bcbcbc;font-size:1.8em}
	.cS-photoGalleryLinks h3 span {position:absolute;top:10px;right:0;font:normal .48em/1 Arial, Helvetica, sans-serif}
	.cS-photoGalleryLinks ul {overflow:hidden;border-top:2px solid #dedede;padding-top:2px}
	.cS-photoGalleryLinks li {height:115px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -620px -70px/*photo gallery thumb*/}
	.cS-photoGalleryLinks li p a {color:#13317d;text-align:left}
	
/* cS-headingBio: Free-form heading for bio pages */
.cS-headingBio {padding-bottom:19px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -400px 100%/*blank heading*/}
	.cS-headingBio .cN-headingPage {background:transparent none;padding-bottom:0}
	.cS-headingBio p {color:#444}

/* cS-headin.gBlog: Free-form heading for blog pages */
.cS-headingBlog {padding-bottom:19px;margin-bottom:10px;background:transparent url('img/sprite-skin-nationaltimes.png') no-repeat -400px 100%/*blank heading*/}
	.cS-headingBlog h2 {position:absolute;left:-9000px}
	.cS-headingBlog img {margin-bottom:5px}
	.cS-headingBlog p {color:#444}
	
/* --------------------------------------------------------------------------------------
   =Static About pages
   -------------------------------------------------------------------------------------- */
	#content .articleBody .nationaltimesStaticContent{border-top:2px solid #CCC;margin-top:20px}
	#content .articleBody .nationaltimesStaticContent.first{border-top:none;margin-top:0px}
	#content .articleBody .nationaltimesStaticContent h2{margin-bottom:10px}
	#content .articleBody .nationaltimesStaticContent p{margin-bottom:1em}
	#content .articleBody .nationaltimesStaticContent .span-8 div{border-top:1px dotted #CCC;padding:5px 0}
	#content .articleBody .nationaltimesStaticContent .span-8 div h4{color:#15317D}
	#content .articleBody .nationaltimesStaticContent .span-8 div h4 a{text-decoration:underline}
	#content .articleBody .nationaltimesStaticContent.aboutNt img{margin:5px;}
	
/* Empty page with RHS as "site-map": */
	#content .articleBody .nationaltimesStaticContent .cN-groupNavigator{border-top:none}

/* --------------------------------------------------------------------------------------
   =Advertising
   -------------------------------------------------------------------------------------- */
.sidebar #adSpot-sponsoredLinks {border-top:2px solid #dedede}
.adSpot-textBox h4 {font-family:Arial, Helvetica, sans-serif;color:#666}
	.adSpot-textBox div h4 {font-family:Arial, Helvetica, sans-serif}
*+ html .aside #adSpot-crossPromo {position:relative}