/********** BASIC HTML ELEMENTS *************/
BODY { font:12px verdana; margin:0 0 30px 30px; background-color:#e9e9e9; }
TABLE.layout { border-collapse: collapse; } /* This is equivalent to 'cellspacing=0', but doesn't work in IE5/mac */
TABLE.layout TD, TABLE.layout TR { padding:0; vertical-align:top; }
P { margin-top:0; }
H1 { font:bold 24px Arial; margin-top:0; margin-bottom:5px; }
H2 { font-size:16px; }
A { color:#00f; }
A:visited { color:#30b; }
TD, TH { vertical-align:top; }
A IMG { border-width:0; }

/******** MISC. CLASSES *********/
.action { font-style:italic; font-variant:small-caps;  }
.headline {
	margin-bottom:8px;
	}
.headline .excerpt {
	margin-left:5px;
	margin-bottom:0;
	}
.miniexcerpt { font-size:11px; }
.miniexcerpt p { margin-bottom:0; }

TABLE.layout TD.frame, .frame { padding:13px 8px; }
.frame a { 
	display:block; 
	margin-bottom:3px; 
	font-family:arial; 
	font-size:16px; 
	line-height:110%;
	font-weight:bold;
	}

.byline { margin-bottom:10px; }
.byline .name { font-variant:small-caps; margin:0;}
.byline .title { font-style:italic; margin:0; }

.fp_kicker { 
	font-weight:bold; 
	font-size:10px; 
	text-transform:uppercase; 
	letter-spacing:-0.1em;
	}
.sectiontitle { margin-bottom:5px; }

.staff { clear:both; margin-bottom:5px; }
.staff img { float:left; margin-right:5px; margin-bottom:5px; border:1px solid black; }

#archive a { display:block; }
#archive td { padding-right:10px; }

/******** The Story Itself ****************/
.story { padding:8px 15px; }
.story .body { width:345px; }
.fullwidth .body { width:560px; }
.story .body p { 
	font:15px Times New Roman;
	margin-bottom:2px;  
	text-indent:1.5em;
	}
.noindent .body p { text-indent:0; }

.story h1 { font-size:28px; font-weight:bold; }
.story h1.kicker { 
	font:bold 12px Arial; 
	letter-spacing:0.3em; 
	text-transform:uppercase; 
	margin-bottom:5px;

	display:inline;
	}
.story .group { margin-bottom:10px; }
.story .event { margin-bottom:10px; margin-top:10px; }
.story .event p { text-indent:0; margin-bottom:0; }
.story p.info { font-style:italic; margin-bottom:10px; margin-top:10px; text-indent:0; }
.event p.name { margin-bottom:0px; font:bold 13px Verdana; }
.event p.details { margin-bottom:5px; }

.story .body .subhead { text-indent:0; font-weight:bold; }
.story .body .quote { font-style:italic; margin-bottom:8px; }
.story .body .attribution { margin-bottom:8px; }

img.inline { margin:6px 0px; }

/******** COMMENT ***********/
.comment { clear:left; }
.comment .name { font-size:11px; margin-bottom:0px; font-style:italic; }
.comment .ordinal { display:block; width:1.5em; float:left; font-weight:bold; font-size:24px; margin-bottom:0; }
.comment .message { margin-bottom:8px; }

/********* TOP *************/
#top {
	margin:16px 0 5px 96px;
	width:600px;
	position:relative;
	height:95px;
	}
#top a img { border-width:0; }
#teaser, #teaser_cover {
	width:258px;
	height:84px;
	position:absolute;
	top:5px; left:342px;
	background:url(img/teaser_bg.gif) no-repeat;
	}
#teaser.cover { background:url(img/teaser_bg_cover.gif) no-repeat; }
#teaser #links, #teaser_cover #links {
	width:158px;
	margin:22px 0px 0 5px;
	}
#teaser #links a, #teaser_cover #links a { display:block; color:#006; }
#teaser #links a:hover, #teaser_cover #links a:hover { color:#009; }	
#teaser #cover {
	width:79px; height:62px;
	position:absolute;
	top:0;right:0;
	padding-top:22px;
	text-align:center;
}
	

/********* SUBPAGE **********/
#subpage {
	background-color:#D9E5E9;
	padding:10px 15px;
	}
	
/******** TOOLBAR *********/
#toolbar {
	float:left;
	width:80px;
	}
#toolbar a img { border-width:0; }
	
/********** MAIN ************/
#layout { }
#shadow { 
	margin-left:93px; 
	border-left:3px solid #ccc;
	width:600px;
	}
#footer {
	margin-left:96px;
	width:600px;
	text-align:center;
	margin-top:5px;
	font-size:11px;
	}
#content {
	border:1px solid black;
	}
#folio {
	background:url(img/folio_bg.gif);
	border-bottom:4px solid black;
	padding:0px 0px 1px 0px;
	}
#folio table { width:309px; }
#folio td { font:11px Arial; }
#folio #date { padding-left:3px; }
#folio #issue { text-align:right; }
	
/************ PHOTOS ****************/
#photostack {
	width:200px;
	float:right;
	}
.photo { margin-bottom:10px; }
.photo .anchor { position:relative; }
.photo a img { border-width:0; }
.photo .fullsize {
	position:absolute;
	display:none;
	top:-50px;
	right:0px;
	z-index:20;
	border:1px solid black;
	}
.photo .thumbnail {
	z-index:0;
	border:1px solid black;
	}
.photo .credit {
	text-align:right;
	font-size:9px;
	margin-bottom:5px;
	}
.photo .caption {
	margin-top:5px;
	font-weight:bold;
	}
.expandimage { position:absolute; top:0; left:0; }
	
/*===============================================*/
/*======= SECTIONS ON THE FRONT PAGE ============*/
/*===============================================*/

/********** DEFAULT *****************/
.story { background-color:#D9E5E9; }
.story .postcomment { background-color:#C2D0D5; padding:10px; clear:left; margin-top:10px; }
.story .postcomment td { padding-right:5px; }
.story .postcomment input, .story .postcomment textarea { font-weight:bold;  }
.ordinal { color:#C2D0D5; }

/*********** TOP STORY ***********/
table#topstory { width:598px; background-color:#D9E5E9;}
#topstory { background-color:#D9E5E9;}
#topstory a, #topstory h1 { color:#5D777E;; }
#mainphoto { border-right:2px solid white; }
#mainphoto img { border-width:0; }
#mainstory { width:100%;  padding:8px 5px 8px 8px; }
#excerpt { overflow: hidden; height:150px; margin-bottom:5px; }

/********* NEWS *****************/
#news { background-color:#D9E5E9;  }
#news a, #news h1 { color:#43474D; }
#news a:hover { color:#5A6474; }
#news .fp_kicker { color:#454057; }
#frontpage #news { background-color:#ACBDC1; border-top:2px solid white; }
#frontpage #news a {  }
#frontpage #news .dept { width:105px; padding:0px 10px; border-left:1px dotted #7F9296; }

/************ A & E ************/
#aande { background-color:#675A5E; }
#aande a { color:#ddd; }
#aande p { color:white;  }
#aande h1, #aande h2 { color:#CBA8A0; }
#aande h1.kicker { color:white; }
#aande .fp_kicker { color:#aaa; }
#frontpage #aande { border-top:2px solid white; }
#aande .postcomment { background-color:#8E8084; color:white; }
#aande .ordinal { color:#8E8084; }
#aande .postcomment input, #aande .postcomment textarea { background-color:#ddd; }

/******* FEATURES *************/
#feature { background-color:#ECE7DF; }
#feature a, #feature h1 { color:#5E5344; }
#frontpage #feature { border-top:2px solid white; }

/******* TECHNOLOGY *************/
#technology { background-color:#DDEDDD; }
#technology a, #technology h1 { color:#5D6860; }
#frontpage #technology { border-top:2px solid white; }
#technology.story a { color:green; }
#technology .postcomment { background-color:#C6DBC6; }
#technology .ordinal { color:#C6DBC6; }

/***** OPINION *************/
#opinion a { color:#3F4D50; }
#opinion h1 { color:#606F73; }
#frontpage #opinion {  background-color:#ADC2C7; border-top:2px solid white; border-left:2px solid white; }

/********** SPORTS ************/
#sports { background-color:#E2E9EB; }
#sports a, #sports h1 { color:#5D777E; }
#sports .fp_kicker { color:#32484E; }
#frontpage #sports { border-top:2px solid white; }

#frontpage #lighterside {
	float:right;
	position:relative;
	top:30px;
	width:100px;
	background-color:yellow;
	}

/* ARCHIVE */
.archive table { margin-bottom:15px; }

/* DEAR NICOLE */
.story .body .dearnicole { text-indent:0; font-weight:bold; margin-top:10px; }
.story .body .question { font-style:italic; }
.story .body .signed { font-style:italic; text-align:right; }
.story .body .response { margin-top:10px; text-indent:0; }