/* 
	CHANNELS template for Kiplinger.com
	developer:		Fitsum Belay
	start date:		7/17/2009
	updated: 		8/20/2009

*/

#breadcrumbs {
	padding-left: 7px;
	padding-bottom: 0px;
}

#bd {
	background-color: #FFF;
	padding-top: 0.5em;
}


#multimedia {
	width: 387px;
/*
	height: 418px;
	*height: 425px;
*/
	padding: 0.3846em;
	*padding: 0.375em;
	float:left;
	margin-top: 0.3846em;
	*margin-top: 0.375em;
	margin-bottom: 0.3846em;
	*margin-bottom: 0.375em;
	border: solid 0px #CCC6AF;
	
}

#multimedia h1{
	text-transform: uppercase;
	font-size: 1.154em;
	*font-size: 1.125em;
	letter-spacing: 3px;
	margin: 0 0 10px 10px;
	color: #929291;
}

#topstories-channels {
	float:right;
	width: 28em;
	*width: 27.307em;
	background-color:#FFFFFF;
}



#sub-hd{
	clear: both;
	padding: 2px 0 0 7px;
	background: #FFF;
}

#sub-hd h1{
	padding: 7px 10px 0 0px;
	font-size: 1.538em;
	*font-size: 1.500em;
	font-weight: bold;
	color: #036;
	font-family: Times New Roman, serif;
}

/* TOP STORIES and MULTIMEDIA (and some BINS) */


#topstories-channels div ,
#multimedia div {
	padding: 0.7692em;
	*padding: 0.75em;
}

 
#multimedia .column img{
	margin-top: 3px;
	*margin-top: 4px;
}

#topstories-channels div a,
#multimedia div a {
	font-size: 1.025em;
	*font-size: 0.999em;
	font-family: Arial, sans-serif;
	color: #1D3B92;
/*	display: block; */
}


#topstories-channels div p,
#multimedia div p{
	font-size: 0.95em;
}


#topstories-channels div ul li,
#multimedia div ul li{
	list-type-style: none;
}


#topstories-channels div h2 a,
#multimedia div h2 a,
#bins div div h2 a{
	color: #1D3B92;
	font-family: New Times Roman, serif;
	letter-spacing: .0469em;
	font-size: 14px;
	*font-size: 105%;
	font-weight: bold;
}

#bins div div h2 a.archive,
#bins div div h2 a.author{
	font-family: sans-serif;
	color: #1D3B92;
}

#bins div div h2 a.archive{
	font-size: 80%;
	color: #1D3B92;
}

#bins div div h2 a.author{
	color: #1D3B92;
	font-weight: normal;
}

#topstories-channels div ul li h3,
#multimedia div ul li h3,
#bins div ul li h3{
	display: inline;
	color: #666;
	font-size: 92%;
	*font-size: 90%;
	text-transform: uppercase;
	font-size:85%;
	*font-size:83%;
	margin: 0 3px 0 0;	
}

#bins h3{
	padding: 0;
}

#bins h3 a{
	font-family: Times New Roman, serif;
	font-weight: bold;
	color: #1D3B92;
	font-size: 14px;
}

#topstories-channels div ul li a,
#multimedia div ul li a,
#bins div ul li a{
	display: inline;
	color: #1D3B92;
	font-size: 12px ;
}

#bins div ul li a{
	font-size: 1.1em !important;
}

#topstories-channels>a,
#multimedia>a,
#bins>a {
	margin: .7692em;
}


#topstories-channels div ul li a.more,
#multimedia div ul li a.more,
#bins div div ul li a.more{
	display: inline;
	color: #1D3B92;
	font-size:92%; 
	*font-size:90%; 
	font-weight: normal;		
}


#topstories-channels>div>img,
#multimedia>div>img,
#bins>div>img {
	float:left;
	margin: 0 0.76em 0.3846em 0;
	*margin: 0 0.74em 0.375em 0;
	clear: left;
}

#topstories-channels>div>a {
	
}


#topstories-channels>div>div,
#multimedia>div>div,
#bins {
	clear: left;
}

#topstories-channels>div 
{
	border: 0;
	*border-bottom: dotted .15em #333;
	padding: 0 0.7692em 0.7692em;
	margin: 0 0 5px;

}

#topstories-channels>div>div>span {
	text-transform: uppercase;
        font-weight:bold;
        font-size: 0.9231em;
        *font-size: 0.9em;

}


#topstories-channels .column, 
#multimedia .column,
#bins .column {
	border: 0; 
	margin: 0 10px 10px 10px;
	padding: 0;
}

#multimedia .column{
	margin-bottom: 1.5em;
}

#topstories-channels .plus-3liner img,
#topstories-channels .plus-5liner img{
	margin-top: 4px;
}


#topstories-channels .plus-3liner{

}

#topstories-channels .plus-5liner{
	height: 200px;
}


#topstories-channels .column h1,
#topstories-channels .column h1 a, 
#multimedia .column h1,
#multimedia .column h1 a,
#bins div .column h1,
#bins div .column h1 a{
	text-transform: uppercase;
	color: rgb(30.6%,54.2%,69.6%);
	font-size: 11px;
	margin: 0 0 3px 0;
	font-weight: 500;
	border: 0;
	font-family: sans-serif;
	letter-spacing: .1em;
	padding: 0;
}



#topstories-channels .column img,  
#multimedia .column img,
#bins .column img.non-thumb
{
	width: 90px;
	height: 60px;
	float: left;
	margin: 0 0.76em 0.3846em 0;
}

#bins .column img.non-thumb
{
	float: left;
	padding: 0 5px 5px 0;
}

#topstories-channels .column h2,  
#multimedia .column h2,
#bins div .column h2{
	font-size: 14px;
	*font-size: .9752em;
	margin-bottom: 3px;
	*margin-bottom: 4px;
}


#topstories-channels .column p,  
#multimedia .column p,
#bins div .column p{
	color: #000;
	font-size: 12px;
}

#bins div .column p{
	color: #000;
	font-size: 12px;
	margin:0;
	padding: 0 10px 0 0;
}

#topstories-channels .column ul, 
#multimedia .column ul,
#bins .column ul{
	margin:0 0 0 3px;
	*margin: 0 0 0 5px;
	padding:0.7692em;
	clear: both;
}



#topstories-channels>#community>ul{
	margin:0 0 25px 13px;
}

#topstories-channels .column ul li, 
#multimedia .column ul li,
#bins .column ul li
{
	color: rgb(50%, 50%,50%);
	font-size: 11px;
	*font-size: .825em;
	list-style-type: disc;
	color: #036;
	padding: 0 0 2px 0;

}

#topstories-channels .column ul h1, 
#multimedia .column ul h1,
#bins  div .column ul li a h1{
	font-size: 10px;
	color: #666;
	display: inline;
	text-transform: uppercase;
	border: 0px;
}

#bins  div .column ul li a h1{
	padding: 0;
	font-family: sans-serif;
}


#topstories-channels #community{
	border: solid 0px #CCC6AF !important;
	padding: 0.7692em !important;
	*padding: 0.7499em !important;
	margin: 0.8em 0 0  !important;
	height: 170px;
	*height: 174px;
	vertical-align: bottom !important;
}


/* same as div.ad in sites.css*/
div.ad-channels {
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	color:#AAAAAA;
}


/* BINS*/

#bins {
        border-style:solid;
        border-width:1px;
        border-color:#CCC6AF;
		border-top: 0px;
}

#bins h1, 
#bins h1.also {
	letter-spacing: 1px;
	color: #000;
	font-size: 1.385em;
	*font-size: 1.35em;
	font-family: Times New Roman, serif;
	padding: 0.19em 0 0.19em 10px;
	border: 0;
	border-top: solid 1px #CCC6AF;
	border-bottom: solid 1px #CCC6AF;
	font-weight: bold;
}

#bins h1.also{
	color: #000;
}


#bins .bins-container{
	display: inline-block;

}

#bins .column{
	display: inline-block;
	width: 224px;
	border-right: .15em dotted #CCC6AF;
	margin: 1.2em 10px;
	padding: 0;
}

/* testing new -- FB 8/11/2009	
#bins .rightster{
	float: right;
	margin: 1.3em 0 0;
	border: 0px;
	padding: 0;
	width: 355px;
}
*/

#bins .rightster{
	float: right;
	margin: 1.3em 0 0;
	*margin: 1.3em 0;
	border: 0px;
	padding: 0;
	width: 355px;
	
}

 
#bins  .bins-container .also{
	width: 300px;
	margin-right: 50px;
}
 
 
#bins .not-rightmost{
	margin: 1.2em 0 0;
	padding: 0 10px 0 0;
	width: 224px;
	border-right:0.15em dotted #CCC6AF;
}

#bins .no-border{
	border: 0;
}

#bins .column>div{
	display: block;
	width: 100px;
	margin: .5em 0px;
	padding: 0 0 0 0;
}

#bins .slideshow{
	margin-right: 0;
	margin-left: 0;	
	width: 224px;
	border: 0;
}

#bins .bins-container #slideshows{
	display: inline-block;

	width: 490px;
	*width: 35.81em;
	float: left;
	border-right: 0.15em dotted #CCC6AF;	
	margin: 1.2em 0;
}

#bins .bins-container #slideshows .slideshow{
	float: left; 
	width: 22%;
	margin: 0 0px 0 10px;
	padding: 0;
	
}



#bins .slideshow-not-rightmost{
	width: 220px;
}


#bins .column img {
	height:79px;
	width:67px;
	float: left;
	padding: 0 5px 5px 0;
}


#bins .bd {
	width: 260px;
	display: inline-block;
	padding: 3px 0 0;
}


#bins .bd ul  {
	padding-right: 5px;
	float: right;
	margin: 0 0 20px 4px;	
}


#bins .bd ul.first {
	float: left;	
	margin-left: 23px;
	margin-bottom: 20px;
	*margin-left: 11px;
}


#bins .bd ul li,
#bins .bd ul.first li{
	color: #036;
	list-style-type: disc;
	padding: 0 0 3px;
}


#bins>.bd>ul>li>a, 
#bins>.bd>ul.first>li>a{
	list-style-type: disc;
	font-size: 1.0em !important;
}

#bins .column ul li em{
	font-style: normal;
	color: #F00;
}

#bins .column ul li strong{
	text-transform: uppercase;
}

#bins .rightster ul{
	padding-top: 0;
	margin-top: 0;
}


#bins .far-right ul{
	margin-left: 15px;
}

#bins .far-right ul li a{
	font-weight: normal !important;
}


#bins div.slideshows div.column{
	width: 128px;
	margin: 1.2em 0 0 0;
	padding: 0 0 0 0;
	border-left: .15em dotted #CCC6AF;	
}

#bins div.slideshows .slideshow{
	width: 97px !important;
	margin: 1.2em 0 !important;
	padding: 0 8px !important;
	border: 0 !important;
}


#bins div.slideshows div.column  p{
	display: block;
	clear: both;
}

#bins .far-right{
	width: 120px !important;
	border: 0 none !important;
	float: right;
}


#bins .bins-container .letter-bin {
	margin-top: 1.2em;
}


#bins .bins-container .letter-bin  h1{
	margin: 1px 0 7px;
	*margin-bottom: 2px 0 8px;
}

#bins .bins-container .no-top-padding{
	padding-top: 0 !important;
}

#bins .bins-container ul li{
	color: #036;
}

#bins .bins-container ul li{
	list-style-type: disc;
}

#bins #emailSignUp{
	width: 336px;
	margin: 0 0 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #f58220;
	background-color: #FFF;	
}


#bins #emailSignUp #input-container{
	display: inline-block; 
	margin-top: 5px;
	width: 250px;
}

#bins #emailSignUp #input-container #emailaddress{
	color: #888; 
	float: left; 
	margin: 2px 2px 0 0 ; 
	*margin: 2px 0 0
}

#bins #emailSignUp #input-container #signupbutton{
	float: right; 
	margin: 0;
}

#bins #emailSignUp h1{
		background: #F58220 url('/images/modules/email-bar.png') no-repeat;
			min-height:46px;
			padding: 10px 0px 0px 10px;
}


#bins #emailSignUp form{
	padding: 0 0 0 5px;
}



#bins #emailSignUp p{
	font-size: 11px;
}

#bins #emailSignUp p a{
	color: #036;
}


#bins #emailSignUp #emailaddress{
	color: rgb(136, 136, 136);
	border: solid 1px #CCC;
	border-top: solid 1px #555;
	width: 180px;	
}


#bins #emailSignUp #signupbutton{

}