/******************************************************************************************************
******************************************************************************************************
												NEW HOOLIGAN STORY CSS 
******************************************************************************************************
******************************************************************************************************/
body { 
	background: #000000 url("/entertainment/dev/images/body_bg.jpg") repeat-y top center;

}
/*#header {
	background: none;																	
	width: 960px;
	height: 228px;
	display: block;
	margin: 0;
	padding: 0px;
	position: relative;
}*/
#hooligan-index {
	background: url('/entertainment/dev/images/storyhdr_bg.jpg') no-repeat top;
}
#hooligan-story {
	background: url('/entertainment/dev/images/storyhdr_bg.jpg') no-repeat top;
}
.hooliganmenu { 

	width:950px; 
	height:26px;
	margin:0 auto 0 auto;
	padding: 5px 0 0 10px;
	background: url("/entertainment/dev/images/orangemenu_bg_story.jpg") no-repeat top center;
	color: white;
	font:  normal 12px arial,helvetica,sans-serif;
	text-align: left;
 	}
 	
.hooliganmenu a { 
	color: white;
	font:  normal 12px arial,helvetica,sans-serif;
	text-decoration: none;
 	}
 	
.hooliganmenu a:hover { 
	text-decoration: underline;
 	}	

.hooliganmenu ul {
	padding:0px; 
	margin:0px; 
	list-style: none;
}
.hooliganmenu li {
	float: left;
	padding:0px 17px; 
	margin:0px; 
	list-style: none;
	border-right: 1px solid #FFFFFF;
}
.hooliganmenu li:last-child {
	border-right: 0px;
}

#main_menu {																			/* menu container */
	width: 960px;
	display: block;
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
	clear: both;
	border-top: 0px solid #FFFFFF;
}

/********************************************************************************************************
												Main Body styles 
********************************************************************************************************/
/*#main-body {																	/* main body container/
	display: block;
	width: 960px;
	margin: 0;
	padding: 0;
}*/
#main-body .body-table .content {
	background-color: transparent;

}
#main-body .background {														/* main body background */
	float: left;
	background: url("/entertainment/dev/images/story_bg.jpg") top left;
	width: 960px;
	margin: 0;
	padding: 0 0px 0 0;
}

#main-body .body-footer {														/* body footer */
	background: transparent url('/entertainment/dev/images/bottom_right_footer.gif') no-repeat bottom right;
	clear: both;
	display: block;
	width: 960px;
	height: 115px;
	border-top: 0px solid #fff;
	margin: 0 0 0 0;
	padding: 75px 0 0 0;
}


/***************************************************
			left column
***************************************************/
#main-body .left-column {
	background: url("/entertainment/dev/images/hooligan_storybg.gif") no-repeat top left;/* left column container */
	background-color: transparent;
	float: left;
	display: block;
	width: 759px;
	height: 100%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0 0px; 
	position: relative;
	left: -6px;
	top: -5px;
}
#hooligan-index #main-body .left-column {
	background: url("/entertainment/dev/images/hooligan_indexbg.gif") no-repeat top left;
}

#main-body .body-table .story {
	background: url("/entertainment/dev/images/text_bg.jpg") repeat top left;
	width: 684px;
	margin: 0 0px 0 0px;
	padding: 0 20px 0 25px;
} 

#main-body .body-table .story-header .story-text {
	margin: 0px;
	padding: 0px 0 0 0px;
}

#main-body .body-table .story .story-insert {
	margin-right: 0px;
}



/********************************************************************************************************
												Body table styles 
********************************************************************************************************/
#main-body .body-table {														/* body table container */
	clear: both;
	float: left;
	display: block;
	width: 729px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0px 0px;
	position: relative;
	left: 30px;
	top: -4px;
	
}




/******************************************************************************************************
												Header styles 
******************************************************************************************************/
#header {	
	background: #FFFFFF /*url("/images/hooligan/header.jpg")*/ no-repeat top center;																	/* header container */
	width: 960px;
	height: 228px;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#main-body .body-table h2.hooligan {												/* life header */
	border-bottom: 1px solid #E16E23;
	color: #E16E23;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
}
/***************************************************
			module header/footer structure
***************************************************/
#main-body .body-table .left-rail-inside .section-header-494 {											/* story module header */
	background: none;
	width: 521px;
	height: 28px;
	color: #fff;
	margin: 0;
	padding: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
}
#main-body .body-table .left-rail-inside .section-header-494 p {
	margin: 15px 0 0 20px;
	height: 28px;
}
#main-body .body-table .left-rail-inside .section-footer-494 {							/* right rail background */
	background: #FFFFFF url('/entertainment/dev/images/digest_bg.gif') repeat-y top center;
	width: 521px;
	padding: 0 0 0px 0;
}
#main-body .body-table .left-rail-inside .section-footer-494 .hooligan {
	padding: 0px 0px 10px 20px;
	background: url('/entertainment/dev/images/digest_footer.gif') no-repeat bottom center;
}
#main-body .body-table .left-rail-inside .section-footer-494 .hooligan h2.hooligan {
	padding: 0px;
	background: none;
}
#main-body .body-table .left-rail-inside .section-header-244 {											/* story module header */
	background: #FFFFFF url('/images/hooligan/header_244.jpg') no-repeat top center;
	width: 244px;
	height: 22px;
	color: #fff;
	margin: 0;
	padding: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
}
#main-body .body-table .left-rail-inside .section-header-244 p {
	margin: 0 0 0 20px;
}
#main-body .body-table .right-rail-inside .section-header-200 {											/* story module header */
	background: #dce8f1 url('/images/hooligan/header_200.jpg') no-repeat top center;
	width: 200px;
	height: 20px;
	color: #fff;
	margin: 0;
	padding: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
}
#main-body .body-table .right-rail-inside .section-header-200 p {
	margin: 0 0 0 20px;
}
#main-body .body-table .right-rail-inside .section-footer-200 {							/* right rail background */
	background: #fdebdf url('/images/hooligan/footer_200.jpg') no-repeat bottom center;
	width: 200px;
}

/******************************************************************************************************
												hooligan Story page styles 
******************************************************************************************************/
#main-body .body-table .story-header {											/* story module header */
	background-color: transparent;
	background-image: url("/entertainment/dev/images/story_header.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 731px;
	height: 32px;
	color: #fff;
	margin: 0px 0 0px 0px;
	padding: 15px 0 0 0;
}
#main-body .body-table .story-header .story-text {								/* story module header image */
	float: left;
	display: block;
	margin: 0;
	padding: 2px 0 0 28px;
	width: 450px;
}
#main-body .body-table .story-header .text-size {								/* story module header text size */
	float: right;
	position: relative;
	right: 5px;
	height: 19px;
	margin: 0;
	padding: 0 10px 0 0px;
}
#main-body .body-table .article-links {
	background: url("/images/hooligan/article_links.jpg");
}

#main-body .body-table .story-extras {
	background: url("/entertainment/dev/images/storyextra_bg.jpg") repeat-y top left;
	width: 719px;
	padding: 0 0 0 20px;
	margin: 0 0 0 0px;
}

#main-body .body-table .story-extras-box-header {											/* story extras box */
	background: #FFFFFF url('/images/hooligan/bot_mod_header.jpg') no-repeat top center;
}
#main-body .body-table .story-extras-box {											/* story extras box */
	background: #FFFFFF url('/images/hooligan/bot_mod_footer.jpg') no-repeat bottom center;
}
#main-body .body-table .story-extras-box2 {											/* story extras box */
	background: #FFFFFF url('/images/hooligan/bot_mod_footer.jpg') no-repeat bottom center;
}
#main-body .body-table .story_footer {
	background: url('/entertainment/dev/images/story_ftr.jpg');
	width: 729px;
	height: 16px;
	margin: 0px;
	
}
#footer {
	padding-top: 0px;
}
#footer .footer-bg {
	height: 45px;
}

/******************************************************************************************************
												hooligan styles 
******************************************************************************************************/

/*** colors ***/
#main-body .body-table .hooligan { border-color: #E16E23; color: #E16E23; }
#main-body .body-table .hooligan a { color: #E16E23; }
#main-body .body-table .hooligan a:hover { color: #E16E23; text-decoration: underline; }

/*** hooligan specific ***/

/******************************************************************************************************
												right rail
******************************************************************************************************/

.left-rail-inside {
	width: 521px;
	padding-top: 30px;
}
.right-rail-inside {
	background-color: #131d40;
	position: absolute;
	float: none;
	right: 3px;
	top: 13px;
	margin: 0px;
	padding: 0px;
}


.right-rail-inside .topads {																		/* top ads container */
	background: #7b88ac;
	border: 0px solid #394555;
	text-align: left;
	margin: 5px 0px 0 0;
	padding: 0;
	position: relative;
	right: 0px;
}
.topads {																		/* top ads container */
	/*float: right;*/
	background: #7b88ac;
	border: 0px solid #394555;
	text-align: left;
	margin: 0px 0px 0 0;
	padding: 0;
	position: relative;
	/*right: 35px;*/
}

#main-body .right-column {														/* right column container */
	float: right;
	display: block;
	width: 160px;
	height: 100%;
	margin: 0 0px 0 0;
	padding: 0px 0px 30px 0px;
	position: relative;
	right: 35px;
}

/******************************************************************************************************
												misc hooligan styles
******************************************************************************************************/

.yesterday {
	padding: 2px 0px 0px 20px; 
	margin: 0px 0px -10px 0px;
	height: 24px; 
	background: url('/entertainment/dev/images/yesterday_hooligan.jpg') no-repeat top left; 
	color: #FFFFFF; 
	border: 0px;
}