/* CSS for stories watch page, blog post / feature page */

/* STORIES */
.wrapper_story { width: 648px; float: left; margin: 0 18px 0 0;} /* player: 640px x 360px */
.holder_player { margin: 0 0 18px; }
.story_body { margin: 0 0 9px; }
	
	
/* MORE - right col */
.box_menu_rc { width: 248px; height: 360px; float: right; padding: 0; margin: 0 0 18px;}

.wrapper_list { border: 1px solid #9c9c9c; height: 448px; overflow: auto; }

.wrapper_list ul.thumblist { width: 212px; padding: 6px;}

.wrapper_list ul.thumblist li { border-bottom: 1px dotted #e7e7e7; margin: 0 0 18px; }

.wrapper_list ul.thumblist li .item_thumb { margin: 0 0 6px; position: relative; clear: both; 
	width: 120px; height: 90px; padding: 4px; border: 1px solid #9c9c9c; background: #fff; }
.wrapper_list ul.thumblist li .item_thumb a.link_thumb { 
	position: absolute; top:5; left: 5; display: block; }

.wrapper_list ul.thumblist li .item_thumb .status { 
	display: none;
	width: 120px; height: 58px; text-align: left; background: transparent;
	position: relative; top: 0; left: 0; padding: 32px 0 0; 
}
.wrapper_list ul.thumblist li .item_thumb .status_overlay { 
	width: 100%; height: 100%; left; background: #000;
	position: absolute; top: 0; left: 0; z-index: 1; 
	filter: alpha(opacity=64); 
	-moz-opacity:0.64;
	opacity:0.64;
}

.wrapper_list ul.thumblist li .item_thumb .status_text { 
	position: relative; z-index: 2;
	display: block;
	width: auto;
	height: auto;
	padding: 6px 0;
	text-align: center;
	margin: 0;
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	background: #0094d9;
	border-top: 1px dotted #fff; 
	border-bottom: 1px dotted #fff;
	color: #fff;
}	

/* show now playing */
body#stories_gracienne .wrapper_list ul.thumblist li#stories_gracienne .item_thumb .status,
body#stories_maathai .wrapper_list ul.thumblist li#stories_maathai .item_thumb .status,
body#stories_jeanpierre .wrapper_list ul.thumblist li#stories_jeanpierre .item_thumb .status,
body#stories_ifijenia .wrapper_list ul.thumblist li#stories_ifijenia .item_thumb .status,
body#stories_dikembe .wrapper_list ul.thumblist li#stories_dikembe .item_thumb .status,
body#stories_ugandafund .wrapper_list ul.thumblist li#stories_ugandafund .item_thumb .status,
body#stories_globalgiveback .wrapper_list ul.thumblist li#stories_globalgiveback .item_thumb .status
{ display: block; }

.wrapper_list ul.thumblist li .item_info {}
.wrapper_list ul.thumblist li .item_info h5 { line-height: normal; font-size: 110%; display: inline; }
.wrapper_list ul.thumblist li .item_info .vid_info { font-size: 90%; color: #9c9c9c; }
.wrapper_list ul.thumblist li .item_info p { line-height: normal; font-size: 90%; margin: 2px 0 6px; }