/* Stories */

#stories ul
, #stories ul li 
{
	margin: 0; padding: 0;
	list-style: none;
}

#stories img {
	display: block;
	border: 0;
}

/* Spotlight area (highlighted story) */
#stories #stories-spotlight {
	float: left;
	width: 699px;
	border-style: solid;
	border-color: white;
	border-width: 0 1px 1px 0;
	position: relative;
	background-color: black;
	height: 251px;
}
.gateway #feature-story {
	position: relative;
}
#stories #stories-spotlight li
, .js-enabled #stories #stories-spotlight li.active {
	/* Default is hidden */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
	#stories #stories-spotlight li.active {
		display: block;
	}
	#stories #stories-spotlight li a
	, .gateway #feature-story a {
	 	position: absolute;
		bottom: 0;
		left: 0;
		padding: 16px 105px 16px 30px;
		width: 564px;
		font-weight: bold;
		font-size: 1.2em;
		color: white;
		text-decoration: none;
		background-image: url(../img/bg-black-60pc-trans.png);
	}
	.gateway #feature-story a {
		width: 606px;
		padding-left: 17px;
	}
		#stories #stories-spotlight li a:hover
		, #stories #stories-spotlight li a:focus
		, .gateway #feature-story a:hover
		, .gateway #feature-story a:focus {
			text-decoration: underline;
		}
		#stories #stories-spotlight li a span.read-more
		, .gateway #feature-story a span.read-more {
			background: url(../img/readmore-en.png) no-repeat top left;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 87px;
			height: 28px;
		}
		.fr #stories #stories-spotlight li a span.read-more
		, .fr .gateway #feature-story a span.read-more {
			background-image: url(../img/readmore-fr.png);
			width: 89px;
		}

/* Tabs */
#stories #stories-tabs {
	margin-left: 700px;
	width: 260px;
}
	#stories #stories-tabs li {
		border-bottom: 1px solid white;
		position: relative;
		overflow: hidden;
		height: 83px; /* default three tabs*/
	}
		#stories #stories-tabs li.active span.overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.5;
			background-color: black;
		}
	#stories #stories-tabs li a {
		outline: none;
	}
	
/* Variable number of tabs */
#stories #stories-tabs.two li 	{ height: 125px; }
#stories #stories-tabs.three li	{ height: 83px; }
#stories #stories-tabs.four li 	{ height: 62px; }