@charset "UTF-8";
/* CSS Document */

/** home page **/
linksList,
.main{
	background: #ffffff url(../images/homepage_bg.jpg) center 30px no-repeat;
	min-height:1200px;

}

 .contentWrapper
{
	filter:progid:DXImageTransform.Microsoft.Gradient(enabled=true,GradientType=0,startColorstr=#131414, endColorstr=#384762)  ; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(enabled=true,GradientType=0,startColorstr=#131414, endColorstr=#384762)";


	float:left;
	width:660px;
	margin-left:43px;
	margin-top:520px;
	background:rgb(56,71,98);
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.18, rgb(19,20,20)),  color-stop(0.47, rgb(56,71,98)) );
	background-image: -moz-linear-gradient(  center top,  rgb(19,20,20) 18%,  rgb(56,71,98) 47% );
	background-image: -ms-linear-gradient(bottom, #384762 18%, #131414 47%); /*ie10*/
	padding-left:30px;
	padding-right:30px;
	display:block;
	margin-bottom:100px;
	padding-bottom:30px;
}

.homepageHeader
{
	background:#f0f0f0 !important;
	display:block;
	top:180px;
	position:absolute;
	left:-5px !important; /*-65*/
	width:610px !important; /*805*/
	height:415px;
	padding:10px 10px 10px 10px; /*0px 20px 20px;*/
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px#888;
	box-shadow: 0 0 8px #888;
	/* For IE 8 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000')"; 
	/* For IE 5.5 - 7 */ 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000'); 

	
	z-index:400;
}

.pictureHeader
{
	display:block;
	position:absolute;
	left:10px;
	width:40px;
	height:0px;
	padding:0px 0px 0px;
	z-index:500;
}

.featuringHeader
{
	
	display:block;
	position:absolute;
	left:600px;
	width:300px;
	/*background:#ff0000;*/
	height:50px;
	padding:0px 20px 20px;
	z-index:500;
}

.colNav{
	margin-top:0px;	
}

.mainCol{
	width:300px;	
}

.rightCol{
	width:210px;	
}

.centerRule{
	right:585px;
	top:660px;		
}

.promoCol{
	margin-left:10px;
	top:420px;
	right:0;
	display:block;
	position:absolute;
	margin-right:10px;
	width:250px;
}

.promoCol ul,
.promoCol ul li{
	margin:0;
	padding:10px;
	list-style:none;	
}

.promoCol ul li{
	display:block;
	border-bottom:1px groove #999;
	padding:10px 0px;	
}

.promoCol{
	font:12px/18px Georgia, "Times New Roman", Times, serif;
	color:#707888;	
}

.promoCol li p{
	padding-top:5px;
	padding-bottom:5px;	
}

.HotArticlesTitle
{
	top:0px; /*-20*/
	display:inline-block !important;;
	position:relative;
	left:610px;
	width:360px;
	/*background:#ff0000;*/
	height:180px;
	padding:0px 10px 20px;
	z-index:999;
}
.HotArticlesTitle h3{
	font-weight:normal;
	color:#c7d7f6;
	font-family:verdana,arial,helvetica;
	font-size:18px;
}

.HotArticlescenterRule{
	display:block;
	padding:0;
	margin:0;
	height:150px;
	width:1px;
	background:rgba(0,0,0,0.4);
	border-right:1px solid #394a6b;
	position:absolute;
	top:40px;
	left:190px;	
}

.HotArticles
{
	/*top:0px; /*-20*/
	/*display:block;
	position:relative;
	left:-15px;
	width:200px;
	/*background:#ff0000;*/
	/*height:180px;
	padding:0px 0px 20px;
	z-index:1000;*/
}



.HotArticles h3{
	font-weight:normal;
	color:#c7d7f6;
	font-family:verdana,arial,helvetica;
	font-size:18px;
}


.HotArticles ul li{
	text-align:left;
	font-family:verdana,arial,helvetica;
	font-size:12px;
	padding:0;	
	list-style:none;
}

.HotArticles ul li a{
	background-position: 0% 0%;
	width:170px;
		margin-left:20px; /*-13*/
		display:block;
		padding:5px 0;
		color:#ffffff;	
		text-transform:capitalize;
		font-weight:normal;
		text-decoration:none;
		font-family:verdana,arial,helvetica;
		font-size:12px;

}

.HotArticles ul li a:hover{
	color:#b6dcff;	
}

.HotArticlesRT
{
	position:absolute;
	top:20px;
	float:right;
	left:200px;
	top:20px;
}




.HotArticlesRT h3{
	font-weight:normal;
	color:#c7d7f6;
	font-family:verdana,arial,helvetica;
	font-size:18px;
}


.HotArticlesRT ul li{
	text-align:left;
	font-family:verdana,arial,helvetica;
	font-size:12px;
	padding:0;	
	list-style:none;
}

.HotArticlesRT ul li a{
	background-position: 0% 0%;
	width:170px;
		margin-left:20px; /*-13*/
		display:block;
		padding:5px 0;
		color:#ffffff;	
		text-transform:capitalize;
		font-weight:normal;
		text-decoration:none;
		font-family:verdana,arial,helvetica;
		font-size:12px;

}

.HotArticlesRT ul li a:hover{
	color:#b6dcff;	
}


/* feature browser */

.storyHolder{
	display:block;
	width:810px;
	height:400px;
	overflow:hidden;	
	position:relative;
	margin-top:10px;
}

.storynav{
	display:block;
	margin:0;
	padding:0;
	background:#506897;	
	position:absolute;
	bottom:15px;
	z-index:7888;
	width:810px;
	overflow:hidden;
	height:30px;
}

.storynav ul,
.storynav ul li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;	
}

.feautre.active{
	display:block;	
}

.feature.inactive{
	display:none;
}	

.feature{
	width:810px;
	height:375px;
	overflow:hidden;
	display:block;	
}

/* this is for testing
.feature00{
	background:#00F;	
}

.feature01{
	background:#C00;
}

.feature02{
	background:#FF0;
}

.feature03{
	background:#0FF;
}
*/

.leftscroll,
.rightscroll{
	display:block;
	overflow:hidden;
	width:30px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/storybrowser/left_nav.jpg) no-repeat;	
	text-indent:-2000px;
}

.rightscroll{
	left:auto;
	right:0;
	top:0;	
	background:url(../images/storybrowser/right_nav.jpg) no-repeat;	
}

.storynav .markers{
	display:block;
	width:160px;
	margin:0 auto;
	padding:0;	
}

.storynav .markers ul li.marker a{
	display:block;
	width:30px;
	height:30px;
	float:left;
	text-indent:-3000px;
	background:url(../images/storybrowser/marker_off.jpg) no-repeat;
	cursor:default;
}

.storynav .markers ul li.marker.active a{
	background:url(../images/storybrowser/marker_on.jpg) no-repeat;
	cursor:default;
}

.feature .leftcol.wide{
	display:block;
	position:absolute;
	left:0;	
}

.feature .rightcol.narrow{
	display:block;
	position:absolute;
	right:0;
	width:340px;	
}

.feature h2{
	color:#455a82;
	font:28px/30px "Times New Roman", Times, serif;
	font-style:italic;
	padding-bottom:10px;
	border-bottom:1px solid #d4dceb;
}

.feature p{
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #d4dceb;
	border-bottom:1px solid #d4dceb;
	margin-top:3px;
	margin-bottom:5px;
	font:14px/18px Arial, Helvetica, sans-serif;	
	color:#455a82;
}

.feature h3{
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#6988c4;
}

.feature ul.photogallery{
	display:block;
	margin-top:10px;	
	width:350px;	
}

.feature ul.photogallery li{
	list-style:none;
	margin:0;
	display:inline-block;
	height:74px;
	width:74px;
	padding:0;
	
	margin-right:7px;	
	margin-bottom:10px;
	border:1px solid #ffffff;	
}

.feature ul.photogallery li:hover{
	border:1px solid #506897;	
}

.photogallery li a{
	padding:0px;
	margin:0px;
}