@import url("reset.css");
@import url("footer.css");
@import url("trending.css");
@import url("column-guides.css");



html{
	background: transparent url(../images/bg-page.png) center top repeat;	
}

body {	
	background: transparent url(../images/bg-header.png) center top repeat-x;
	color:#333;
	width: 100%;
	font-family: "Arial", sans-serif;
	font-size:100%;
	line-height:170%;
	text-align:center;
	margin: 0px;
}

div.container {
	margin:0 auto;
	text-align:left;
	width:940px;
}

a:link, a:visited, a{
	color: #fff;
	text-decoration: none;
}

/*MASTER ELEMENTS*/

h1#lnp-logo{
	width: 175px;
	height: 77px;
	display: block;
	margin-left: 21px;
	background: transparent url(../images/lnp-logo.png) left 0px no-repeat;
	text-indent: -5000px;
	margin-top: 35px;
	float: left;
}

h3{
	color: #777;
	font-size: 15px;
	margin-top: 20px;
}


div#search-box{
	width: 289px;
	height: 24px;
	float: right;
	margin-top: 85px;
	margin-right: 46px;
	border: 0px solid red;
}


#col1-top{
	margin-top: 25px;
	width: 940px;
	height: 14px;
	background: transparent url(../images/col1-top.png) no-repeat;
	display: block;
	float: left;
}

#col1-middle{
	width: 940px;
	background: transparent url(../images/col1-middle.png) repeat-y;
	display: block;
	float: left;
}

#col1-bottom{
	width: 940px;
	height: 27px;
	background: transparent url(../images/col1-bottom.png) no-repeat;
	display: block;
	float: left;
}

#col3-top{
	float: left;
	margin-top: 0px;
	width: 940px;
	height: 19px;
	background: transparent url(../images/col3-top.png) -1px top no-repeat;
	display: block;
}

#col3-middle{
	float: left;
	width: 940px;
	background: transparent url(../images/col3-middle.png) repeat-y;
	display: block;
}

#col3-bottom{
	float: left;
	width: 940px;
	height: 27px;
	background: transparent url(../images/col3-bottom.png) no-repeat;
	display: block;
}

.column-box{
	width: 290px;
	margin-left: 20px;
	margin-top: 0px;
	float: left;
	margin-right: -5px;
		display: inline;
}

.column-box-double{
	width: 565px;
	margin-left: 35px;
	margin-top: 0px;
	float: left;
	margin-right: -5px;
	padding-bottom: 20px;
}


.article{
	background: red;
	float: left;
	display: inline;
	width: 260px;
	margin: 0 0 20px 15px;
	background: transparent url(../images/hr.png) left bottom repeat-x;
	padding-bottom: 15px;
	
}

	.article h1{
		font-family: 'courier', sans-serif;
		font-size: 15px;
		line-height: 17px;
		color: #cdcdcd;
		margin-top: 15px;
	}

	.column-box-double h1{
		font-family: 'arial', sans-serif;
		font-size: 20px;
		line-height: 17px;
		background: transparent url(../images/hr.png) left bottom repeat-x;
		color: #777;
		margin-top: 10px;
		padding-bottom: 12px;
		margin-bottom: 20px;
		
	}
	
	.back-cross{
		background: transparent url(../images/cross.png) no-repeat;
		width:25px;
		height:25px;
		float: right;
		text-indent: -5000px;
		border: 0px solid red;
	}
	
	.back-cross:hover{background: transparent url(../images/cross.png) left bottom no-repeat;}	
	
	
	.article p, .column-box-double p{
		font-family: 'arial', sans-serif;
		font-size: 13px;
		line-height: 17px;
		color: #cdcdcd;
		margin-top: 5px;
	}

	.article p a, .column-box-double p a{text-decoration: none; color: #aaa;}
	
	.article .img-block, .column-box-double .img-block{
		width: 100%;
		background: #333;
		padding: 10px 0;
		border: 1px solid #222;
		text-align: center;
	}

	.article .img-block:hover, .column-box-double .img-block:hover{background: #555;}
	
	.article-list{
		float: left;
		width: 260px;
		margin: 0 0 0px 15px;
		background: transparent url(../images/hr.png) left bottom repeat-x;

	}

	.article-list li a{
		font-family: 'courier', sans-serif;
		font-size: 15px;
		line-height: 17px;
		color: #cdcdcd;
		margin-top: 0px;
		display: block;
		padding: 5px 0;
	}

	.article-list li a:hover, .article-list li a.current{
		background: #111111;
		color: #aa1111;
		}





	.column-title{
		width: 259px;
		height: 28px;
		display: block;
		text-indent: -5000px;
		margin: 0px 0 0 15px;
	}

	.h2-news-doumentary{background: transparent url(../images/h2-news-documentary.png) no-repeat;}
	.h2-video-drama{background: transparent url(../images/h2-video-drama.png) no-repeat;}
	.h2-action-guides{background: transparent url(../images/h2-action-guides.png) no-repeat;}




	.btn-more{
		background: transparent url(../images/btn-more.png) no-repeat;		
		width: 85px;
		height: 25px;
		display: block;
		float: right;
		margin-right: 10px;
		text-indent: -5000px;
		margin-bottom: 10px;
	}

	.btn-more:hover{background-position: left bottom;}
	

	ul.category-list{
		float: left;
		width: 100%;
		margin-top: 10px;
	}

	ul.category-list li a{
		float: left;
		display: block;
		font-size: 12px;
		margin-right: 5px;
		line-height: 15px;
	}



	#trailer-btn{
	width:880px;
	height:25px;
	display: block;
	margin-left: 30px;
	margin-top: -10px;
	background: url('../images/cross.png') right top no-repeat;
	text-indent: -5000px;
	float: left;
	}
	
	#trailer-btn:hover{
		background: url('../images/cross.png') right bottom no-repeat;
	}

	#trailer-ticker{
	width:840px;
	margin-top: 0px;
	height:27px;
	display: block;
	background: url('../images/ticker.gif') no-repeat;
	text-indent: -5000px;
	float: left;
	}
	

	#col2-top{
		float: left;
		margin-top: 0px;
		width: 940px;
		height: 19px;
		background: transparent url(../images/col2-top.png) -1px top no-repeat;
		display: block;
	}

	#col2-middle{
		float: left;
		width: 940px;
		background: transparent url(../images/col2-middle.png) repeat-y;
		display: block;
	}

	#col2-bottom{
		float: left;
		width: 940px;
		height: 27px;
		background: transparent url(../images/col2-bottom.png) no-repeat;
		display: block;
	}

	#trailer-embed{
		float: right;
		margin-right: 20px;
		margin-top: 10px;
	}
	
	.trailer-description{
		width: 265px;
		color: #fff;
		float: left;
		margin: 10px 0 0 15px;
	}
	
	.trailer-description h1{
		font-size: 20px;
		margin-bottom: 5px;
	}	
	
	.trailer-description p{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 10px;
	}