/*******************************************************************************

This file contains styles used across all Investing pages

NOTE: See =IE for Internet Explorer hacks
=TOPIC
=RECENTHEADLINES
=ARTICLESTRIP
=STRATEGIES
=ADS
=IE
*******************************************************************************/



/*
 Hacks to accomodate Investing Basics departure from the post mergatroid pages.
*/
h5 {
	margin-bottom:10px;
}
p, 
#featuredHeadlines p,
#featuredHeadlines li {
	/*font-size:14px;  12 */
	/*line-height:15px;*/ /* 18 */
}
div.topic p, div.topic ul {
	line-height:1.33em; /* 16 */
}
div.featuredUrls h3 {
	margin:15px 0 10px;
}
div.featuredUrls p {
	display:none;
} div.featuredUrls ul {
	/*line-height:18px;*/
} div.featuredUrls li span {
	display:block;
}
div#featuredHeadlines h4.collection {
	display: none;
}

#colLeft {
	overflow: hidden;
}

/*
 / Hacks
*/


/* Overrides for new Foolanthropy page */
body{
	background-color:#ddd;
}
#mid .grid{
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #fff;
	/*(background:#fff url(../../Foolanthropy/img/tm-col.jpg) no-repeat 560px 170px; */
}
#mid .column{
	padding:35px;
}
p.about{
	font-size:13px;
	margin-bottom:35px;
	width:535px;
}
.aboutFoolanthropy{
    margin: 0 auto;
    padding-right: 50px;
    width: 600px;
	font-size: 1.3em;
}
.quoteShakespeare {
	font-family: "Times New Roman", Times, serif;	
	font-size:22px;
}
.citeShakespeare {
	font-size: 13px;
}

.brand{
	background:transparent url(../../Foolanthropy/img/header-bground.gif) no-repeat left 68px;
	height:95px;
}
.subheader{
	background-color:#ae171c;
	color:#fff;
	overflow:hidden;
	height:68px;
	margin-bottom:25px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-top-left:5px;
	-webkit-border-radius-top-right:5px;
}
.subheader h1{
	float:left;
	width:255px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Foolanthropy/img/foolanthropy-logo.png');
	text-indent:-99999px;
	position:absolute;
	height:70px;
	top:15px;
	left:30px;
}
html>body .subheader h1{ /* IE6 */
	background:transparent url(../../Foolanthropy/img/foolanthropy-logo.png) no-repeat;	
}
.subheader p{
	float:left;
	margin:0 0 0 288px;
	padding:15px;
	width:375px;
}
* html .subheader p{ /* IE6 */
	margin-left:160px;
}

.subheader p a{
	color:#fff;
	text-decoration:underline;
}
.subheader p a:hover{
	text-decoration:none;
}
.subheader .donate-btn{
	background-color:#8a0e12;
	font-size:18px;
	font-weight:bold;
	width:150px;
	text-align:center;
	float:right;
	padding:10px;
	margin:15px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.subheader .donate-btn:hover{
	background-color:#760a0d;
}


#featuredHeadlines{
	margin-bottom:25px;
	overflow:hidden;
}
#featuredHeadlines img{
	display:none;
}
#featuredHeadlines .column{
	display:none;
}
#featuredHeadlines .last{
	display:block;
	padding:0;
	width:500px;
}

#recentHeadlines{
	clear:both;
	margin-bottom:30px;
}
#recentHeadlines p{
	display:none;
}


#mid .f_Widget .column{
	padding:0;
}

#archive{
	border:1px solid #CCCCCC;
	padding:15px;
	width:500px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#archive ul{
	padding:0;
}
#archive ul li{
	list-style:none;
	padding-left:0;
}


/*******************************************************************************
=HEADLINE
NOTE: We've got some conflicting presentations with the same purpose.  The Personal
Finance .mainHeadlines class and the Investing .headlines class.  The information
they present is identical and they're on the same level in the IA yet they are designed
differently.  Please standardize on one and roll it through the collection level aggs
*******************************************************************************/
div.headline {
	padding-left:75px;
	min-height:64px;
	background-repeat: no-repeat;
	background-position: top left;
} div.headline h1 {
	font-size:22px;
	font-weight:bold;
	margin:5px 0 0;
	line-height:1;
} div.headline p {
	margin-bottom:0;
} div.headline p a {
	white-space:nowrap;
}

* html div.headline {
	height:64px;
}

body.collection554 div.headline {
	/* small cap */
	background-image:url("//g.foolcdn.com/img/Investing/smallCaps.gif");
} body.collection555 div.headline {
	/* dividends & income */
	background-image:url("//g.foolcdn.com/img/Investing/incomeDividends.gif");
} body.collection556 div.headline {
	/* high growth */
	background-image:url("//g.foolcdn.com/img/Investing/highGrowth.gif");
} body.collection557 div.headline {
	/* value */
	background-image:url("//g.foolcdn.com/img/Investing/valueInvesting.gif");
} body.collection558 div.headline {
	/* international */
	background-image:url("//g.foolcdn.com/img/Investing/international.gif");
}

/*******************************************************************************
=TOPIC
*******************************************************************************/
div.topic {
	border-top:1px Solid #eee;
	border-bottom-width:0;
	background:#e9f3f8;
} div.topic p {
	/* Normally div.topic elements have an image on the left side of the image
	  necessitating a width on the p element. Since this div.topic doesn't have
		an image we can blow the width out */
	/* 90% is to prevent IE6 wrapping the next div.column sibling */
	width:90%;
}

/*******************************************************************************
=RECENTHEADLINES
*******************************************************************************/
div.featuredUrls a.browseAll {
	float: right;
	font-size: 11px;
}

/*******************************************************************************
=ARTICLESTRIP
*******************************************************************************/
div.articleStripWrapper {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
div.articleStripWrapper h3 {
	margin: 5px 0;
}
 #articleStrip h4.collection {
	display: none;
}
#articleStrip, #articleStrip div.wrap, #articleStrip div.ArticleStrip {
	min-height: 8em;
}
* html #articleStrip, #articleStrip div.wrap, #articleStrip div.ArticleStrip {
	height: 8em;
}

/*******************************************************************************
=BEGINNING
*******************************************************************************/
#beginning {
} #beginning p {
	padding-left:70px;
	background-repeat:no-repeat;
	min-height:64px;
	margin-bottom:0;
	line-height:15px;
} #beginning p.p-04 {
	background-image:url("//g.foolcdn.com/img/editorial/writers/60x64CapHiddenGems.gif");
} #beginning p.p-15 {
	background-image:url("//g.foolcdn.com/img/editorial/writers/60x64CapRuleBreakers.gif");
} #beginning p.p-18 {
	background-image:url("//g.foolcdn.com/img/editorial/writers/60x64CapStockAdvisor.gif");
}  #beginning a {
	display:block;
	font-weight:bold;
}

* html #beginning p {
	height:64px; /* emulate min-height */
}

/*******************************************************************************
=PROMO
*******************************************************************************/
#promo h3, #promo p {
	margin-left:15px;

}

/*******************************************************************************
=STRATEGIES
*******************************************************************************/
#strategies h5 {
	font-weight:bold;
	font-size:1.4em; /* 14 */
	margin-bottom:0;
} #strategies dl {
	padding-right:10px;
	line-height:15px;
	border-right:1px solid #ddd;
} #strategies div.last dl {
	border-right:none;
} #strategies dt {
	margin-top:10px;
	font-weight:bold;
} #strategies dd {
	padding-left:0;
} #strategies a {
	position:relative;
	padding-left:15px;
} #strategies a span {
	display:block;
	height:10px;
	width:10px;
	position:absolute;
	top:2px;
	left:0;
	overflow:hidden;
} #strategies a span.p04 {
	background-color:#3F7D3F;
} #strategies a span.p08 {
	background-color:#267f94;
} #strategies a span.p11 {
	background-color:#7C220D;
} #strategies a span.p13 {
	background-color:#267f94;
} #strategies a span.p14 {
	background-color:#A17D00;
} #strategies a span.p15 {
	background-color:#944D08;
} #strategies a span.p18 {
	background-color:#336699;
} #strategies a span.p25 {
	background-color:#005329;
}


/*******************************************************************************
=Fool's View
*******************************************************************************/
div.foolsView {
	padding:15px;
	background:#fff url("//g.foolcdn.com/img/bg_gradfade.gif") repeat-x top;
} div.foolsView h3 {
	margin-bottom:10px;
}

#promoAndLeaderboard{
	display:none;
}

/*******************************************************************************
=ADS
*******************************************************************************/
/* butterfat */
div#div.hlp-text {
	background-color:#eee;
	border:1px solid #ccc;
	padding:20px 20px 0;
} div#div.hlp-text h3 a {
	text-decoration:none;
} div#div.hlp-text h3 a:hover {
	text-decoration:underline;
} div#div.hlp-text h3 p a {
	font-weight:bold;
}




/*******************************************************************************
=IE
*******************************************************************************/
* html div.recentHeadlines li span {
	/* fixes stupid double margin by setting hasLayout on the span */
	height:1%;
}