@charset "utf-8";
/* CSS Document */

#subStories .subStoryThumb {
	position:relative;
	float:left;
	width:145px;
	height:180px;
	margin-right:10px;
	background-color:#006699;
}
.subStoryThumb .overText {
	background-color:#89f7fb;
	position:absolute;
	top:0px;
	left:0px;
	width:145px;
	height:180px;
	display:none;
}
#subStories .subStorySum {
	padding:5px 14px 14px 14px;
	float:left;
	
	height:135px;
}
#subStories .subStorySum a {text-decoration:none;color:#595858;
	font-size:18px;}
#subStories .overText .subStoryLink {
	padding:2px 5px 10px 14px;
	
	height:14px;
}

#subStories .overText .subStoryLink a {text-decoration:none; color:#202020;
	font-size:14px;
	font-weight:bold;}


.mh_featuredRow {margin-bottom:10px; float:left;}

.mh_featuredRow .featureStoryThumb {
	position:relative;
	float:left;
	width:115px;
	height:143px;
	margin-right:8px;	
}

div.mh_row1 div.overText, div.mh_row1 div.mh_featuredTitle {background-color:#f94e4e;}

div.mh_row2 div.overText, div.mh_row2 div.mh_featuredTitle {background-color:#e3b600;}

div.mh_row3 div.overText, div.mh_row3 div.mh_featuredTitle {background-color:#18b3ae;}

div.mh_row4 div.overText, div.mh_row4 div.mh_featuredTitle {background-color:#f93db9;}

.featureStoryThumb .overText {	
	position:absolute;
	top:0px;
	left:0px;
	width:115px;
	height:143px;
	display:none;
}
.mh_featuredRow .featureStorySum {
	padding:5px;
	float:left;
	color:#ffffff;
	font-size:14px;
	height:118px;
}
.mh_featuredRow .featureStorySum a {text-decoration:none;}
.featureStoryThumb .overText .subStoryLink {
	padding:2px 5px 2px 5px;
	color:#202020;
	font-size:12px;
	font-weight:bold;
	height:15px;
}
.mh_featuredTitle {
	width:87px;
	height:115px;
	float:left;
	margin-right:10px;
	padding:14px;
	text-align:right;
	font-size:17px;
	color:#FFFFFF;
	font-weight:bold;
}
.mh_featuredTitle a {text-decoration:none;}
.mh_featuredTitle a:hover {text-decoration:underline;}
.featureStoryLink {margin:4px;}
.featureStoryLink a {color:#000000; font-size:12px; font-weight:bold; text-decoration:none;}
#logo {background-image:url(images/header_logo.gif); background-repeat:no-repeat;}

body {
	background-image:url(images/movies_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#000000;
}

#mainStoryText .mainStoryHeadline {	
	margin:5px;
}

#mainStoryText .mainStoryHeadline a {
	color:#F0F905;
	font-size:30px;	
	text-decoration:none;
}
#mainStoryText .mainStoryHeadline a:hover {
	text-decoration:underline;
}
#mainStoryText .mainStorySummary {	
	margin:5px;
}
#mainStoryText .mainStorySummary a {
	font-size:24px;
	color:#ffffff;
	text-decoration:none;
}
#mainStoryText .mainStorySummary a:hover {
	text-decoration:underline;
}
.subStoryHeadline {
	position:absolute;
	width:135px;
	left:0px;
	bottom:0px;
	z-index:30;
	padding:5px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(images/tran_bg.png);
	background-repeat:repeat;
}
#mainStory #mainStoryText {
	position:absolute;
	left:0px;
	bottom:0px;
	background-image:url(images/tran_bg.png);
	background-repeat:repeat;
	
	/*filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
	background-color:#666666;*/
	width:584px;
	padding:14px;
}
.featureStoryThumb .featureStoryHeadline {
	position:absolute;
	width:105px;
	left:0px;
	bottom:0px;
	z-index:30;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(images/tran_bg.png);
	background-repeat:repeat;
}

.bo_title {color:#999999}
.bo_title a{color:#ffffff; text-decoration:none;}
.bo_title a:hover{text-decoration:underline;}
/* CSS FOR SCROLLABLE */

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 141px; 
    width: 300px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:10000em; 
}
#mhWrapper #rightCol {width:300px; margin-top:10px; float:left; display:inline;}

#getMoreNews {
	float:left;
	clear:both;
	margin:0px 0px 10px 10px;
	width:590px;
	background-color:#1e1e1e;
	padding:4px 20px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
}
#getMoreNews a {text-decoration:none;}
#getMoreNews a:hover {text-decoration:underline;}
#mh_bottom_module {
	background-color:#1e1e1e;
	width:612px;
	padding:10px 8px 0px 9px;
	margin:0px 0px 10px 10px;
	float:left;
	display:inline;
}

