/* 
	COLUMN template for Kiplinger.com
	developer:		Fitsum Belay
	start date:		8/14/2009
	updated: 		6/21/2009

	NB:				many of these selectors refer to definitions in story.css
					columns templates use story templates + some additions and modifications
	
*/




/*	COLUMN HEADER	*/

#story-header #column-subheader{
	/* display: inline-block; */
	/*	commented out by Fitsum Belay -- 6/21/2010 -- caused  subheader div to 100% width in IE 8 Standards Mode	*/
	margin: 0 0 10px;
}

#story-header #column-subheader h2{
	margin: 0 0 1em;
	margin: 0 0 .9em;
	width:505px;

}

#story-header #column-subheader .headshot{
	float: left;
	margin: 5px 10px 20px 0;
}
	
	
/*	COLUMN CONTAINER	*/
	
#story #story-container #story-related-links #tagged-email-alert{
	margin-top: 10px;
	width: 140px;
	height: 40px;
	padding: 5px;
	border: solid 1px #CCC6AF;
}
	

#story #story-user-controls ul li a.ask-a-question{
	background: url("/images/bullets/ask-a-question.png") center left no-repeat; 
	padding: 4px 0 4px 23px !important;
}


	
	
/*	COLUMN FOOTER	*/

#story #column-related-links{
	margin: .3em 1.0em 1em 0;
}

#story #column-related-links ul li{
	display: inline;
	padding: 0 .5em 0 0;
}


#story #column-related-links ul li a{
	font: bold 12px Arial, sans serif;
	color: #1D3B92;
}

#story #column-related-links ul li {
	font-family:Arial,sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
}
#story #column-related-links ul li a{
	font-family:Arial,sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
}

#story #column-related-links ul li span.ask-a-question{
	background: url("/images/bullets/ask-a-question.png") top left no-repeat; 
	padding: 4px 0 4px 23px !important;
}

#story #column-navigation-links{
	margin: 10px 60px 20px 0;
	display: inline-block;
	width: 560px;
}

#story #column-navigation-links ul li#previous-column {
	float: left;
	width : 48%;
	margin: 0 15px 0 0;
}

#story #column-navigation-links ul li#next-column {
	float: right;
	width: 48%;
	margin: 0;	
}

#story #column-navigation-links ul li#previous-column h1,
#story #column-navigation-links ul li#next-column h1{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

#story #column-navigation-links ul li#next-column h1{
	text-align: right;
}

#story #column-navigation-links ul li#previous-column a,
#story #column-navigation-links ul li#next-column a{
	font-size: 12px;
	color: #036;
	margin: 5px 0 0 0;
}

#story #column-navigation-links ul li#previous-column a{
	background: url("/images/bullets/column-nav-arrow-left.png") left top no-repeat;
	padding: 0 0 0 27px;
	height: 27px;
	float: left;
}
	
#story #column-navigation-links ul li#next-column a{
	background: url("/images/bullets/column-nav-arrow-right.png") 100% 0 no-repeat ;
	padding: 0 27px 0 0;
	height: 27px;
	float: right;
	text-align: right;	
}
	
#story #column-navigation-links ul li#previous-column a:hover{
	background: url("/images/bullets/column-nav-arrow-left.png") 0 -27px no-repeat ;
}
	
#story #column-navigation-links ul li#next-column a:hover{
	background: url("/images/bullets/column-nav-arrow-right.png") 100% -27px no-repeat ;
}