@import "money-common.css";

/* ------------------------------------------------------------------
  Filename:        money-home.css
  Author:          AKQA
  Description:     Page layout for the Money homepage template
  ------------------------------------------------------------------- */

/* Home Main Content */
	
.page .moneyContent {
	padding:32px 0 0 35px;}
	
.heroArticle {
	padding-left:10px;}
	
.heroArticle .heroArticleContent {
	padding-top:5px;}

.heroArticle .heroArticleImg {
	float:left;
	width:256px;
	margin-right:34px;
	line-height:1em;
	font-size:0.01em;}

.heroArticle .heroArticleContent {
	float:left;
	width:310px;}

.heroArticle .heroArticleContent h3 {
	text-indent:0;
	font-size:1.8em;
	font-weight:normal;
	line-height:1em;
	color:#920031;
	margin:3px 0 10px;}

.heroArticle .heroArticleContent h3 a {
	color:#920031;}
	
.heroArticle .heroArticleContent p {
	margin-bottom:10px;}
	
.heroArticle .heroArticleContent p.dateStamp {
	font-size:0.9em;
	color:#666;}

.heroArticle .heroArticleContent ul.vertLinks li {
	padding:0 0 6px;}

.heroArticle .heroArticleContent a.chevron {
	font-weight:bold;}

.latestNews {
	padding:15px 0 15px 4px;}
	
.latestNews h3 {
	width:169px;
	float:left;
	margin:20px 4px 0 0;
	font-size:1.5em;
	font-weight:normal;
	text-indent:0;
	color:#3b3832;}

.latestNews .newsPod {
	float:left;
	width:230px;
	border:solid 1px #d5d5d5;
	border-bottom:solid 1px #f6f6f6;
	padding:3px 0 5px 5px;
	margin-right:6px;
	background:url(/library/default/images/money/latest-news-pod-bg.jpg) bottom repeat-x;}

.latestNews .newsPod .latestNewsImg {
	float:left;
	width:51px;
	line-height:1em;
	font-size:0.01em;
	position:relative;}
	
.latestNews .newsPod .latestNewsContent {
	float:right;
	width:170px;}

.latestNews .newsPod .latestNewsContent h4 {
	color:#920031;
	margin:2px 0;
	padding:0;
	text-indent:0;
	font-weight:normal;}

.latestNews .newsPod .latestNewsContent h4 a {
	color:#920031;}
	
.latestNews .newsPod .latestNewsContent p {
	font-size:0.9em;
	color:#666;}

.latestNews .newsPod .latestNewsContent p.date {
	margin:0;}

.latestNews .newsPod .latestNewsContent p a {
	color:#666;
	text-decoration:underline;}
	
/* Place CSS rules for to-be-replaced elements here. 
Prefix by .sIFR-active so they only apply if sIFR is active. */
	
@media screen { 
	.sIFR-active div.moneyMain div.latestNews h3 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size:149%;
	}
}