@charset "utf-8";

/*############################################################################
############################## reset.css #####################################
############################################################################*/

*{ outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.v_bottom{vertical-align:text-bottom;vertical-align:bottom;}
p strong{font-weight:bold;}
.clear{clear:both;position:relative;}
a { outline: none; }
.floatL { float: left; }
.floatR { float: right; }

/*############################################################################
############################## topstories.css ################################
############################################################################*/

.topstories{
	width:650px;	
	padding-bottom:20px;
}
	.topstories .head_buttons{
		float:right; display:inline;
		/*width:186px;
		padding-top:25px;*/
	}
		.topstories .head_buttons p{
			font-size:14px; line-height:14px;
			color:#999999;
			font-family:"Times New Roman", Times, serif;
			font-style:italic;
			padding-left:15px;
		}
		
.topstories .head_buttons .jump_latest_posts {
	width: 151px;
	height: 15px;
	margin-top: 10px;
}

.topstories .head_buttons .jump_latest_posts a {
	width: 151px;
	height: 15px;
	display:block;
}
.topstories .head_buttons .jump_latest_posts a:hover {
	background-position: 0 -15px;
}		
		.topstories .head_buttons .sprite_learnabout{
			width:125px; height:27px;
		}
		.topstories .head_buttons .sprite_learnabout a:hover {color:#00bdf6;}
	
	.new_posts{ cursor: pointer; display:inline; font-style:italic; float: left; margin-left: 15px; margin-top: -3px; }
	
	.topstories .a_block{
		float:left; display:inline;
		position:relative;
		margin-left:1px;
		margin-bottom:1px;
	}
	.topstories .a_block_first{margin-left:0px;}
		.topstories .a_block img{float:left; display:inline}
		.topstories .a_block .txt_holder{
			position:absolute;
			bottom:0;
			left:0;
			cursor:pointer;
			-background:#100502;
		}
		.topstories .a_block .txt_holder p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px; line-height:16px;
			color:#FFFFFF;
			padding:8px 10px;
			position:relative;
		}
		.topstories .a_block_hover .txt_holder p{color:#aed136;}
		
			.topstories .a_block .txt_holder p .txt{
				position:relative;
				z-index:10;
			}
			.topstories .a_block .txt_holder p .bg{
				position:absolute;
                width:100%;
                height:100%;
                bottom:0; left:0;
                background:#000;
                filter:alpha(opacity=90);
                -moz-opacity: 0.90;
                opacity: 0.90;
                -display:none;
			}
			
		.topstories .a_block .txt_holder .timestamp, 
		.topstories .a_block .txt_holder .badge{
			position:absolute;
			top:-20px;
			-background:#aed136;
			color:#000;
			font-size:10px;
			line-height:20px;
			padding:0 10px;
			text-transform:uppercase;
		}
			.topstories .a_block .txt_holder .timestamp .txt, 
			.topstories .a_block .txt_holder .badge .txt{
				position:relative;
				z-index:10;
				font-family: georgia, serif;
			}
			.topstories .a_block .txt_holder .timestamp .txt .smaller, 
			.topstories .a_block .txt_holder .badge .txt .smaller{
				font-size:9px;
			}
			.topstories .a_block .txt_holder .timestamp .bg{
				position:absolute;
				width:100%;
				height:100%;
				bottom:0; left:0;
				background:#aed136;
				filter:alpha(opacity=80);
				-moz-opacity: 0.80;
				opacity: 0.80;
				-display:none;
			}
		
	.topstories .a_block_lg{width:360px; height:140px}
		.topstories .a_block_lg p{width:340px;	}
	
	.topstories .a_block_md{width:240px; height:140px;	}
		.topstories .a_block_md p{width:220px;		}
	
	.topstories .a_block_sm{width:200px; height:140px;}
		.topstories .a_block_sm p{width:180px;	}