/*
**	Home CSS
**	@override Styles for Homepage Only
*/

/******* Hero Image *****/
#heroImage {
	position: relative;
	top: 0;
	right: 0;
	text-align: center;
}

#heroImage-container-for-safari{
	width: 785px;
	margin: 0 auto 165px;
}

#heroImage-container {
	width: 785px;
	position: relative;
}

	#heroImage .contentSkipNav {
		opacity: 0;
		position: absolute;
		top: 15px;
		right: 30px;
		overflow: hidden;
	}

	.contentSkipNav strong {
		display: block;
		text-align: right;
		color: #222d5b;
		opacity: 1;
		line-height: .9;
		font-size: 1.5em;
	}

	#heroNav {
		text-align: right;
/*		padding-right: 30px;*/
		width: 80px;
	}
	
	/*#heroNav li {
		-moz-border-radius: 3px;	
		background:	#000;
		opacity: .5;
		margin: .5em 0;
	}*/

	#heroNav li.homeSkip {
		text-indent: -1000em;
		background: none;
	}

	#heroNav li.homeSkip a {
		height: 65px;
		display: block;
		color: transparent;
		font-size: 0.1px;
		width: 122px;
	}

	#heroNav a {
		text-decoration: none;
		text-transform: uppercase;		
		color: #FFF;
		margin: .1em .1em .1em 1em;
		font-size: .9em;
		display: block;
		left: 0;
		text-indent: 0;
		font-weight: bold;
	}

	#heroNav a:hover {
		color: #BCBCC3;
	}

/******* Limelight Contact *******/

#contactInfo {
	width: 135px;
	background: #2b2f3f;
	margin-left: 5px;
}

	#contactInfo .formatted {
		padding: 1em;
	}

	#contactInfo #contact {
		width: 135px;
		height: 246px;
		margin-bottom: 0;
	}

	#contactInfo #contact h3 {
		padding: .5em 0 0 .5em;
	}

	#contactInfo #contact h3 {
		background: url('../images/ctaBkgTop.png') repeat-x;
	}

	#contact dl {
		font-size: .9em;
		margin: 1em 1em 1em .8em;
	}

	#contact dt * {
		color: #FFF;
		text-decoration: underline;
		font-weight: bold;
		font-size: 1em;
	}	

	#contact dd {
		color: #C2C2C2;
	}
	
	#limelight #clock {
		height: 88px;
	}


/**** Home Content ***/
#content {
	width: 724px;
	padding-bottom: 0;
}

#ie #content {
	padding-bottom: 40px;
}

#content ul.related {
	overflow: hidden;
}

#featured {
	border-bottom: 7px solid #e3e3e3;
	margin-left: 4px;
	position: relative;
	float: left;
	width: 724px;
}

	#featured img {
		float: right;
		margin: -2.5em 0 1em 1em;
		padding: 1em;
		height: 250px;
		width: 210px;
		background: url('../images/dottedBorder.png') repeat-y;
	}

#secondaryContent {
	float: left;
	margin-left: 4px;
	background: url('../images/lowlightShadow.png') repeat-x left bottom;
	width: 724px;
}

#secondaryContent blockquote {
	padding-right: 0;
}

#secondaryContent div.column {
	width: 49%;
	z-index: 1500;
}

#secondaryContent .delivery {
	background: url('../images/dottedBorder.png') repeat-y;
}

/**** RSS News FEEDS *****/

#footerFeeds {
	clear: both;
	min-height: 15em;
	float: left;
	background: url('../images/newsFeedShadow.png') repeat-x center bottom;
}

	#footerFeeds div {
		width: 190px;
		font-size: .9em;
		background: url('../images/dottedBorder.png') repeat-y;
		padding: 1.2em 0 0 0;
	}

	#footerFeeds .smh {
		background: none;
	}

	#footerFeeds ul {
		margin: 0 1em;		
		padding-bottom: 1.5em;
	}

	#footerFeeds li {
		padding: .2em 0;
		background: transparent;
	}

	#footerFeeds strong {
		background: url('../images/newsFeedLogos.png') no-repeat;
		display: block;
		text-indent: -1000em;
		width: 180px;
		height: 35px;
		margin: .5em;
	}

	#footerFeeds .smh strong {
		background-position: 0 0;
	}
	#footerFeeds .australian strong {
		background-position: 0 -35px;
	}
	#footerFeeds .courier strong {
		background-position: 0 -105px;
/*		background-position: 0 -70px;*/
	}
	#footerFeeds .chronicle strong {
		background-position: 0 -70px;
/*		background-position: 0 -105px;*/
	}
	#footerFeeds .bulletin strong {
		background-position: 0 -140px;
	}


/****** Specific Fixes for the Homepage *******/

#limelight {
	clear: both;
	border-bottom: 7px solid #e3e3e3;
	float: left;
	width: 940px;
	position: relative;
/*	height: 349px;*/
	height: 320px;
	overflow: hidden;
	margin-left: 10px;
}
	#ie.v6 #limelight {
		margin-left: 5px;
	}

	#limelight #weather ul {
		height: auto;
		font-size: 1em;
/*		margin-top: 62px;*/
	}

	#limelight #weather li {
		width: 225px;
		height: 64px;
	}
	#limelight #weather img {
		padding: 5px 7px 5px 10px;
	}

	#limelight .tabbed .tabs {
		position: absolute;
		bottom: 22px;
	}

#lowlight {
	clear: both;
}

	#lowlight #content {
		border: none;
	}

	#sidebar .formatted {
		padding: 2em 1em
	}
	
#featured ul.bottom,
#news ul.bottom {
	padding-bottom: 0;
}

#featured ul.bottom {
	width: 724px;
}
