﻿
/* panes */
#panes {
	z-index: 1;
	width:875px;
	margin-left: 12px;	
	margin-top: 0px;
	height:300px;
	background:#414c52;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;}
  /* crossfading effect needs absolute positioning from the elements */
  #panes div {
  	display:none;		
  	position:absolute;
  	font-size:11px;
  	color:#444;	
  	width:458px; 
  	height:375px;}
  #panes img {
  	float:left;
  	margin-right:20px;
  	margin-top: 0px;
  	width:875px;
  	height:300px;}
  #panes div.excerpt {
    position:absolute;
  	left:10px;
  	top:360px;  
    padding:5px;
    display:block;
  	color:#fff;
  	width:444px;
  	bottom:0px;
  	overflow:hidden;
  	font-size:11px;
  	height:90px;
  	font-weight:normal;}
  #panes h1{
    color:#fff !important;
    margin:15px;
    padding:0px;
    font-family:georgia;
  	font-size:30px;
  	font-weight:normal;
  	position: absolute;
  	left:-5px;
  	top:292px;
  	width:400px;
  	z-index:99;
  	text-shadow: #000 0px 0px 5px;}

/* navigation */

#tabs {margin:0px;
	padding:0px;
	margin-left: 12px;
	margin-bottom: 0px;
	position:relative;
	z-index:2;
	top:273px;
/* 	background-color: black ; */
/* 	opacity: 0.7; */
	height: 27px;
	float: left;}
  #tabs ul {	
  	width:875;
  	margin:0px;padding:0px;	}
  #tabs li {
  	background: black;
  	opacity: 0.7;	
  	float:left;
  	width:30px;
  	height:27px;
  	cursor:pointer;
  	list-style-type:none;
  	text-align:center;}
  #tabs a {
  	line-height: 28px;
  	color:#fff;
  	display:block;
  	position:relative;
  	font-size:22px;		
  	text-decoration:none;
  	background:none;
	width: 30px;
	height: 27px;
	margin: 0px;
	padding: 0px;
  	margin-right: 10px;
  	margin-bottom: 1px;
  	}	
  #tabs a.current {
  	background-color: #555;}
  #tabs img {
    margin-top:10px;
  	border:1px solid #ccc;
  	display:block;}
  #tabs strong {
  	display:block;		
  	font-size:13px;}
	
#more_top_stories{
  font-family:georgia;
  font-size:11px;
  position:absolute;
  bottom:20px;
}
