/***********************************************************
home.css
**********************************************************/

/*  layout
**********************************************************/
#mainContent {
	float: left;
	width: 66em;
}	
#leftColumn {
	float: left;
	background: #434c56;
	width: 32.0em;
}
#centerColumn {
	float: left;
	padding: .6em 0 .6em 1.1em;
	width: 32.8em;
}
#rightColumn {
	float: right;
	background: #4e5762 url(../img/bg/bg.diags.png);
	_background: #4e5762 url(../img/bg/bg.diags.gif);
	padding: .7em 0 0 .6em;
	*padding: .7em 0 0 .3em;
	width: 300px;
}

/*  typography
**********************************************************/
h2 {
	font-size: 1.8em;
	font-family: georgia;
	color: #ccc;
	font-weight: bold;
	background: url(../img/icon/icon.star.gif) no-repeat 97% .5em;
	line-height: 2.7em;
	padding: 0 .8em;
}
	h2 span {
		font-family: verdana;
		font-size: .5em;
		font-weight: normal;
	}
p {
	color: #ccc;
	font-size: 1.0em;
	line-height: 1.6em;
}
	
/*  news
**********************************************************/
#news {
	padding: 0 1.5em;
	background: url(../img/bg/bg.diags.png);
	_background: url(../img/bg/bg.diags.gif);
	overflow: auto;
	height: 44.4em;
}
	#news ul {
		background: url(../img/bg/bg.ridge.gif) no-repeat left top;
		padding: 1.0em 0;
	}
		#news ul li {
			background: url(../img/bg/bg.ridge.gif) no-repeat left bottom;
			padding: 0 0 1.1em 0;
			margin: 0 0 1.1em 0;
		}	
			#news ul li h3 {
				color: #999;
				font-weight: bold;
				font-size: 1.0em;
				margin: 0 0 .6em 0;
			}	
			#news ul li h4 {
				font-size: 1.1em;
				color: #fff;
				font-weight: bold;
				margin: 0 0 .4em 0;
			}
			
/*  quickLinks
**********************************************************/
#quickLinks {
	background: url(../img/bg/bg.diags.png);
	_background: url(../img/bg/bg.diags.gif);
	border: 1px solid #686e77;
	margin: 0 0 1.2em 0;
}
	#quickLinks ul { 
		border: 1px solid #3c434b;
		padding: .8em .8em .2em .8em;
	}
		#quickLinks ul li {
			font-size: 1.4em;
			font-weight: bold;
			font-family: georgia;
			padding: 0 0 .4em 0;
		}
			#quickLinks ul li a {
				display: block;
				height: 24px;
				background-repeat: no-repeat;
				background-position: left top;
				padding: 0 0 0 2.3em;
				line-height: 1.7em;
			}
			#quickLinks ul li.forecast a { 
				background-image: url(../img/icon/icon.forecast.png);
				_background-image: url(../img/icon/icon.forecast.gif);
			}
			#quickLinks ul li.reports a { 
				background-image: url(../img/icon/icon.reports.png);
				_background-image: url(../img/icon/icon.reports.gif);
			}
			#quickLinks ul li.wind a { 
				background-image: url(../img/icon/icon.wind.png);
				_background-image: url(../img/icon/icon.wind.gif);
			}
			
/*  featureLinks
**********************************************************/	
#featureLinks{}
	#featureLinks ul{
		background: url(../img/bg/bg.ridge.light.gif) repeat-x left bottom;	
		padding: 0 0 1.2em 0;
		margin: 0 0 .8em 0;
	}
		#featureLinks ul li {
			float: left;
			background: url(../img/bg/bg.featLinks.divider.gif) no-repeat right 4.0em;
			width: 15.3em;
			padding: 0 1.1em 0 0;
			margin: 0 1.1em 0 0;
		}
			#featureLinks ul li h4 {
				font-size: 1.4em;
				font-weight: bold;
				font-family: georgia;
				color: #ccc;
				background-repeat: no-repeat;
				background-position: right top;
				height: 36px;
				line-height: 2.9em;
			}
			#featureLinks ul li h5 {
				font-weight: bold;
				color: #fff;
				font-size: 1.0em;
				line-height: 1.4em;
			}
			#featureLinks ul li p {
				font-size: .9em;
				color: #ccc;
				line-height: 1.6em;
			}
			#featureLinks ul li div {
				background: url(../img/bg/bg.frame.146.png) no-repeat;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/bg.frame.146.png',sizingMethod='image');
				_background: none;
				width: 146px;
				height: 86px;
			}
				#featureLinks ul li div img {
					position: relative;
					left: .4em;
					top: .4em;
				}	
			#featureLinks ul li .enlarge {
				text-indent: -9999px;
				display: block;
				background: url(../img/icon/icon.enlarge.gif) no-repeat;
				width: 43px;
				height: 10px;
				margin: 0 0 .3em 0;
			}
			#featureLinks ul li.photos {
				
			}
				#featureLinks ul li.photos h4 { background-image: url(../img/icon/icon.surfPhotos.gif); }
			#featureLinks ul li.comics {
				background: none;
				padding-right: 0;
				margin-right: 0;
			}
				#featureLinks ul li.comics h4 { background-image: url(../img/icon/icon.surfComics.gif); }
			#featureLinks ul li.features {
				
			}	
				#featureLinks ul li.features h4 { background-image: url(../img/icon/icon.surfFeatures.gif); }
			#featureLinks ul li.stories {
				background: none;
				padding-right: 0;
				margin-right: 0;
			}
				#featureLinks ul li.stories h4 { background-image: url(../img/icon/icon.surfStories.gif); }
				
/*  advertisements
**********************************************************/
#rightColumn {
	width: 304px;
}

	#rightColumn div {
	/* border: 1px solid #333;*/
	background: #69717b;
	font-weight: bold;
	font-family: arial;
	font-size: 1.1em;
	color: #a7afb7;
	padding: 0px;
	margin: 0 0 .9em 0;
	text-align: right;
	width: 300px;
	border: solid #333 1px;
	}
	#rightColumn img {
		margin: 0px;
		padding: 0px;
	}
	#rightColumn p {
	font-size: 9px;
	color: #ccc;
	line-height: 1.6em;
	}
		#rightColumn p span { color: #999; }