/* ----------- TOP STORIES -------- */


.top_stories_container {
	width:620px;
	height:350px;
	overflow:hidden;
}


div.jqans-wrapper {
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.231;
	border:1px #ccc solid;
	margin-bottom:30px;
}

div.jqans-wrapper img {
	border: 0;
}

div.jqans-wrapper ul,
div.jqans-wrapper li,
div.jqans-wrapper h1,
div.jqans-wrapper p {
	margin: 0;
	padding: 0;
}

div.jqans-wrapper {
	position: relative;
	overflow: hidden;
}

div.jqans-wrapper ul {
	position: relative;
	left: 0;
	width: auto;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}

div.jqans-wrapper li {
	float: left;
	display: inline;
}

/*************************************
	Height and Width values
	these are extremely important!!!
*************************************/

/* the stories ul and lis must have the same height */
div.jqans-wrapper.default .jqans-stories ul,
div.jqans-wrapper.default .jqans-stories li {
	height: 110px;
}

div.jqans-wrapper.default .jqans-stories-selector ul,
div.jqans-wrapper.default .jqans-stories-selector li {
	height: 30px;
}

div.jqans-wrapper.default,
div.jqans-wrapper.default .jqans-container {
	width: 618px;
	
}

/* width value for each story li. set height in the UL. */
/* remember to compensate for padding */
div.jqans-wrapper.default li {
	width: 133px;
	padding:0 10px 0 10px;
}

/* top stories default styles */
div.jqans-wrapper.default a {
	text-decoration: none;
	font-weight: normal;
	color: #363636;
	outline: none;
}

div.jqans-wrapper.default strong {
	color: #000;
}

/* overall background color */
div.jqans-wrapper.default {
	
}

/* story container. also see content below */
div.jqans-wrapper.default .jqans-container { 
	height: 200px; 
	text-align: center;
}

div.jqans-wrapper.default .jqans-container img { 
	text-align: center;
}

div.jqans-wrapper.default .jqans-container a {
	font-size:11px;
}

/* top stories headline */
div.jqans-wrapper.default .jqans-headline {

}

div.jqans-wrapper.default .jqans-content {
	height:200px;
	width:618px;
	overflow:hidden;
	
}

div.jqans-wrapper.default .jqans-content h1 {
	float:left;
	font-size:22px;
	font-weight:normal;
	padding:15px;
	margin-top:20px;
	z-index: 0;
	position: relative;
	color:#fff;
	width:213px;
	background-color:#000;
	opacity:0.85;filter:alpha(opacity=85)
}



div.jqans-wrapper.default .jqans-content img {
	margin-left:-620px;
	margin-top:-10px;
	width:618px;
	overflow:hidden;
	float:right;
	}




div.jqans-wrapper.default .jqans-content p {
	width:620px;
	height:350px;
	float:left;
	z-index:99;
	margin-top:-200px;
}




/* top stories */
div.jqans-wrapper.default .jqans-stories {
	background: #E8E8E8;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	clear:both;
}

/* top stories */
div.jqans-wrapper.default .jqans-stories ul {
	height:113px;

}



div.jqans-wrapper.default .jqans-stories li {
	text-align: center;
	font-size: 11px;
	color: #666;
}

div.jqans-wrapper.default .jqans-stories li.selected {
	/*rollover color */
		background-image:url('http://bulk2.destructoid.com/images/sofia-vergara3b.jpg');
		-moz-box-shadow: 0px 0px 10px #555;
	-webkit-box-shadow: 0px 0px 10px #555;
	box-shadow: 0px 0px 10px #555;
	
}

div.jqans-wrapper.default .jqans-stories li.selected a {
	color:#cc0000; /*rollover color */
	font-weight:bold;
}

div.jqans-wrapper.default .jqans-stories .top-story-small {
	margin-top: 10px;
	width:134px;
	height:40px;
	overflow:hidden;
	text-align:center;
}


div.jqans-wrapper.default .jqans-stories li img {
	width:134px;
	text-align:center;
}

div.jqans-wrapper.default .jqans-stories li p {
	display: none;
}


div.jqans-wrapper.default .jqans-stories li h3 {
	font-size:11px;
	font-weight:normal;
}

/*stripe under header. can be set with a pointer */
div.jqans-wrapper.default .jqans-stories-selector {
	height:4px;
	background-color:#cc0000; 
}



div.jqans-wrapper.default .jqans-stories-selector li.selected div {
	margin:auto;
	height: 0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	
}



/* bottom bar with pagination controls */
div.jqans-wrapper.default .jqans-pagination {
	border: 1px solid #ddd;
	padding: 2px 15px 2px 15px;
	background: #fff;
	text-align: left;
	clear: both;
	width: 586px;
	overflow: hidden;
	font-color:#666;

	
}

div.jqans-wrapper.default .jqans-pagination-count {
	float: left;
	color:#666;
	font-size: 11px;
}

div.jqans-wrapper.default .jqans-pagination-controls {
	float: right;
}

div.jqans-wrapper.default .jqans-pagination-controls a {
	display: inline-block;
	width: 24px;
	height: 12px;
	text-indent: -9999px;
	background: no-repeat bottom center;
	*float:left;
}

div.jqans-wrapper.default .jqans-pagination-controls-back a {
	background-image: url(http://bulk2.destructoid.com/images/top-stories-back.gif);
}

div.jqans-wrapper.default .jqans-pagination-controls-stop a {
	background-image: url(http://bulk2.destructoid.com/images/top-stories-pause.gif);
	cursor: pointer;
}


div.jqans-wrapper.default .jqans-pagination-controls-next a {
	background-image: url(http://bulk2.destructoid.com/images/top-stories-forward.gif);
}