/* 
 Date : Feb 26 2008
 Author : Zeeshan Hasan
 Client : The Nation
 
 Company : Bramerz (Pvt) Ltd.
 Company URL : http://www.bramerz.pk

 */
@import url("global.css");  /* Global Style Sheet  */


/* Styles for Home Page Only */
/** Structure **/
#content-home, #category-home, #image-slider, .category-disply, .other-news-listing, .category-regional,#epaper{
	position:relative;
	margin:0 auto;
	width:1000px;
	padding-bottom:4px;
	overflow:hidden;
	padding-top:5px;
}

/***************************************************************************/
/***************************************************************************/
/** Home Page Content ***/
#content-home{}/* Global */
	#content-home .right{width:670px; display:inline; }
	#content-home .left{width:320px; display:inline;  }
	
	/******** Tob Headline *********/
	/***************************************************************************/
/*** Headline News ***/
	#headline-news{
		position:relative; 
		width:100%;
		background-color:#fff;
		padding-bottom:10px;
		}

	.bn-c1, .bn-c2, .bn-c3, .bn-c4{position:absolute;  height:13px; width:13px;}
	.bn-c1{top:0px; left:0px; background:url(../images/curves/bodyCurve/c1-w-g.jpg) no-repeat left top;}
	.bn-c2{top:0px; right:0px;background:url(../images/curves/bodyCurve/c2-w-g.jpg) no-repeat right top;}
	.bn-c3{bottom:0px; left:0px; background:url(../images/curves/bodyCurve/c3-w-g.jpg) no-repeat left bottom;}
	.bn-c4{bottom:0px; right:0px;background:url(../images/curves/bodyCurve/c4-w-g.jpg) no-repeat right bottom;}

		.headline-rss{
			position:relative;
			float:right;
			margin-top:5px;
			padding-top:4px; padding-bottom:4px;
			background-color:none;
		}
			.headline-rss a{
				color:#CC0000;
				font-weight:bold;
				text-decoration:none;
				background-image:url(../images/icons/breaking-rss.jpg);
				background-repeat:no-repeat;
				background-position:right;
				padding-right:20px;
				padding-top:2px; padding-bottom:2px;
				
			}
		#headline-news h1{
			color:#990000;text-align:right; display:block;
			padding:5px 15px 5px 15px;	
			border-bottom:#DCDCDC solid 1px;
			}
		#headline-news h1 a{color:#990000; text-decoration:none; }
		#headline-news h1 a:hover{color:#CC0000; }
		
		#headline-news p{padding:5px 15px 5px 15px;	}
				
		#headline-news .img-b{
			position:relative;
			float:left;
			padding:0.5em;	margin:5px;
			background-color:#F3F3F3;
			border:#E3E3E3 solid 1px;
			
		}
		#headline-news a.breaking-link{
			position:relative;
			float:right;
			margin:0px; padding:0px;
			padding:5px 15px 5px 15px;
			text-decoration:none;
			color:#0066CC;

		}	
		#headline-news a.breaking-link:hoveR{ color:#001B35;}
/*** END BREAKING ***/
/***************************************************************************/



	/******** NEWS *******/
	#content-home #home-news{}
	#content-home #home-news .heading{
		position:relative;
		width:100%;
		text-align:right;	
		color:#FFFFFF;
		background-color:#FBFCFE;
		border-top:#EDF2F6 solid 4px;
	}
	#content-home #home-news .heading h2{
		position:relative;
		display:inline;
		padding:5px 15px 5px 15px;
		color:#fff;
		color:#000;text-align:right; display:block;
		border-bottom:#EDF2F6 solid 2px;
		background-color:#EDF2F6;
		/* background:#000 url(../images/backgrounds/heading/h2-bg.jpg) no-repeat left top;*/
		}
	#content-home #home-news .heading .rssH{
		position:absolute;
		float:left; 
		top:15px;
		left:20px;
	}
	/***** Top News Body ***/
	#content-home #home-news .news-body{
		position:relative;
		padding:5px 15px 5px 15px;
		/*background:#565656 url(../images/backgrounds/bg-heading.jpg) repeat-x left top;*/
		background-color:#FBFCFE;
		border-bottom:#D5D5D5 dotted 1px;

	}
		#content-home #home-news .news-body h2, #content-home #home-news .news-body h2 a{
				color:#990000;
				text-decoration:none;
				padding-bottom:10px;
				
		}
		#content-home #home-news .news-body h2 a:hover{color:#640000; }
		#content-home #home-news .news-body .content{color:#000;}
		#content-home #home-news .news-body .content img{
				position:relative;
				float:left;
				margin:5px;
				padding:4px;
				background-color:#fff;
				border:#E3E3E3 solid 1px;
			}
			#content-home #home-news .news-body a{
				color:#0066CB;
			}
	#content-home #home-news{}
	#content-home #home-news{}
	#content-home #home-news{}

	#content-home #home-news .news-body .cat-title h3{}
	

	#content-home #home-news .news-body .cat-title .rss{display:none;}
	#content-home #home-news .news-body .cat-content{ margin-left:5px;}
	#content-home #home-news .news-body .cat-content a{color:#0099CC;}
	
	#nation-ad-250{
		position:relative;
		direction:ltr;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
	}
		#nation-ad-250 h5{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px; font-weight:bold;
			padding:0px 0px 5px 0px;
		}
		#nation-ad-250 h5 a{color:#999999; text-decoration:none;}
		#nation-ad-250 ul{
			text-align:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333333;
		}
		#nation-ad-250 ul li{
			padding:5px 0px 5px 0px;
			border-bottom:#D9D9D9 solid 1px;
		}
		#nation-ad-250 ul li a{
			font-weight:bold;
			color:#0066CC;
			padding-bottom:5px; display:block;
		}
		#nation-ad-250 ul li a:hover{color:#003366;}
		#nation-ad-250 ul li p{
		
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333333;
			line-height:13px;		
		}
		/*****************/
		#header-nation-ad{
			position:relative;
			direction:ltr;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:left;
			background-color:#CCCCCC;
			padding:4px;
		}
			#header-nation-ad h5{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				display:inline;
				float:right;
				
			}
			#header-nation-ad h5 a{color:#999999; text-decoration:none; font-style:italic;}
			#header-nation-ad ul{}
			#header-nation-ad ul li{ display:inline; padding:0px 5px 0px 5px; border-right:#666666 solid 1px;}
			#header-nation-ad ul li a{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				display:inline;	
				color:#666666;		
			}
			#header-nation-ad ul li p{ display:inline;}
/********************************************/
	#content-home #home-sidebar{
		margin:3px; /** width:380px; **/
		
		margin-top:2px;
		_margin-top:0px;
	}
	#content-home #home-sidebar .box-ad{
		position:relative;
		width:100%;
		background-color:#FFFFFF;
		padding-top:7px; padding-bottom:7px;
		
	}
	/******************** Side Bar Box **************/
	#home-sidebar .box{
		position:relative;
		margin-top:5px;
	}
	#home-sidebar .box-head{
		position:relative;
		width:100%;
		background:#E8E8E8 url(../images/curves/box/head/box-head.jpg) repeat-x left top;
		border-bottom:#D3D3D3 solid 1px;
	}
	.box-c1, .box-c2{position:absolute; width:7px; height:7px; top:0px;}
	.box-c1{background:url(../images/curves/box/head/box-h-1.jpg) no-repeat left top; left:0px;}
	.box-c2{background:url(../images/curves/box/head/box-h-2.jpg) no-repeat right top; right:0px;}
	
	#home-sidebar .box .box-head h3{padding:10px;}
	#home-sidebar .box .box-body{background-color:#FFFFFF;width:100%;}
	#home-sidebar .box .box-body p{padding:10px;}
	#home-sidebar .box .box-body ul{ padding:5px;}
	#home-sidebar .box .box-body li{display:block; background-color:#FFFFFF; border-bottom:#EAEAEA solid 2px;}
	#home-sidebar .box .box-body li :hover{background-color:#F5F5F5;}
	#home-sidebar .box .box-body li a{color:#0066CC; text-decoration:none; padding-right:5px;}
	#home-sidebar .box .box-body li a:hover{color:#424242;}
	
	#home-sidebar .box #editorial h2{display:none;}
	/****** Editorial *******/
	#home-sidebar .box-body .cat-title{ padding:10px; padding-bottom:5px;}
	#home-sidebar .box-body .cat-title h2{}
	#home-sidebar .box-body .cat-content .cnews-list{
		padding:5px;
		border-bottom:#EAEAEA solid 2px;
		}
	#home-sidebar .box-body .cat-content .cnews-list a{color:#0066CC; text-decoration:none;}
	#home-sidebar .box-body .cat-content .cnews-more{
		padding:5px;
		border-top:#EAEAEA solid 2px;
	}
	#home-sidebar .box-body .cat-content .cnews-more a{
		padding-right:10px;
		color:#0066CC; text-decoration:none;
	}
	#home-sidebar .box-body .cat-content .cnews-more a:hover{
		color:#001B35;
	}

	#home-sidebar .box-body .cartoon{padding:2px; margin:0 auto;}
	.box-b1, .box-b2{position:absolute; width:8px; height:8px; bottom:0px;}
	.box-b1{background:url(../images/curves/box/body/box-w1.jpg) no-repeat left bottom; left:0px;}
	.box-b2{background:url(../images/curves/box/body/box-w2.jpg) no-repeat right bottom; right:0px;}
	
	
	/***** Editorial *****/
	#home-sidebar .box-col{
		position:relative;
		margin-top:5px;
	}
	#home-sidebar .box-head-col{
		position:relative;
		width:100%;
		background:#333333 url(../images/curves/box/col/box-head.jpg) repeat-x left top;
		border-bottom:#D3D3D3 solid 1px;
		cursor:pointer;
	}
	.box-cc1, .box-cc2{position:absolute; width:7px; height:7px; top:0px;}
	.box-cc1{background:url(../images/curves/box/col/box-h-1.jpg) no-repeat left top; left:0px;}
	.box-cc2{background:url(../images/curves/box/col/box-h-2.jpg) no-repeat right top; right:0px;}
	
	#home-sidebar .box-head-col h3{padding:10px; color:#FFFFFF;}
	#home-sidebar .box-body{background-color:#FFFFFF;width:100%;}
	
	#home-sidebar .box-col  .box-body h1{ position:relative; overflow:hidden; padding:4px; border-bottom:#EAEAEA solid 1px; display:block; }
	#home-sidebar .box-col  .box-body .rss{ float:right; display:none;}
	#home-sidebar .box-col .box-body ul{
		
		clear:both; position:relative; margin:4px; border-bottom:#D5D5D5 solid 2px; padding:4px;
		
		}
	#home-sidebar .box-col .box-body ul li{ position:relative; border-bottom:#EAEAEA dotted 1px; padding:4px;}
	#home-sidebar .box-col .box-body ul li h2, #home-sidebar .box-col .box-body ul li h2 a{ 
		color:#0066CC; border:none; display:inline;
		text-decoration:none;
		}
	#home-sidebar .box-col .box-body ul li small{ color:#818181; position:absolute; left:4px; top:7px; _display:none;}
	.box-body .category-links{display:none;}
				

/***************************************************************************/
/***************************************************************************/
#image-slider{
	position:relative;
	width:1000px;
	}
	.img-slide-head{
		position:relative;
		width:100%; height:45px; line-height:45px;
		/* background:#fff url(../images/curves/img-slider/img-h.jpg) repeat-x left top;*/
		background:#FFFFFF;
	}
	
	.img-c1, .img-c2{ position:absolute; top:0px; width:13px; height:13px;}
	.img-c1{background:url(../images/curves/bodyCurve/c1-w-g.jpg) no-repeat left top; left:0px;}
	.img-c2{background:url(../images/curves/bodyCurve/c2-w-g.jpg) no-repeat right top; right:0px;}
	
	.img-slide-head h2, .img-slide-head h2 a{
		padding-right:15px; padding-top:10px;
		color:#000000; text-decoration:none;
	}
	
	.img-slide-head a.vGallery{
		position:absolute;
		top:0px; left:10px;
		background-image:url(../images/icons/view-gallery.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:15px;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
		font-size:130%;
		color:#0066CC;
	}
	
	
	#img-slider-body{
		position:relative;
		width:100%;
		/* background:#E4E4E4 url(../images/curves/img-slider/img-B.jpg) repeat-x left bottom;*/
		background-color:#fff;

	}
	.img-b1, .img-b2{ position:absolute; bottom:0px; width:8px; height:8px;}
	.img-b1{background:url(../images/curves/box/body/box-w1.jpg) no-repeat left top; left:0px;}
	.img-b2{background:url(../images/curves/box/body/box-w2.jpg) no-repeat right top; right:0px;}
	
	
	#screen{
			position:relative;
			width:980px;
			margin:0 auto;
			padding:0;
			background-color:#F9F9F9;
			border:#E6E6E6 solid 1px;
		}			
			#screen li{
				float:left;
				margin-left:10px; margin-right:15px;
				list-style:none;
				
			}
			
			#screen .jq-ss-crop{
				
				margin:5px 5px;_margin:3px 3px;
				padding:2px;
				border:1px solid #F0F0F0;
				background-color:#FFFFFF;
				float:left;				
			}
				#left,#right{
					font-weight:bolder;
					margin-top:45px;
					display:block;
					text-decoration:none;
					color:black;
				}
			#view{
				margin:10px;
				width:820px;

				height:112px;
				overflow:hidden;
				
			}
				#images{
					width:3818px !important;
					width:3822px;
					padding:0;
				}
					#images li img{
						border:0;
						background-color:#FFFFFF;
						
					}


/***************************************************************************/
.category-disply{padding:0px;}
	.category-body{
		position:relative;
		float:right;
		display:inline;
		width:327px; 
		margin:0px;
		margin-right:5px;
	
	}
	.category-disply .cat-title .rss-bb{
		position:absolute;
		left:5px; top:5px;
	}
	.category-disply .cat-title{
			position:relative;
			margin-top:5px;
			width:100%;
			text-align:right;
			padding-bottom:5px; padding-top:5px;
			background:#E8E8E8 url(../images/curves/news-cat-head/g.jpg) repeat-x left bottom;
					
	}
	.ct-g1, .ct-g2{
		position:absolute;
		width:8px; height:8px; top:0px;
	}
	.ct-g1{background:url(../images/curves/news-cat-head/g-c-1.jpg) no-repeat left top; left:0px;}
	.ct-g2{background:url(../images/curves/news-cat-head/g-c-2.jpg) no-repeat right top; right:0px;}
	
	.category-disply .cat-title h3{color:#333333;padding-right:5px;	}
	
	#ad-box-height .cat-content{height:200px;}
	.category-disply .cat-content{
					position:relative;
					
					text-align:right;
					padding:10px;
					background-color:#fff;
				}
	
	
					ul.cat-list{position:relative;}
					ul.cat-list li.cnews-list{
						padding-right:5px;
						border-bottom:#E3E3E3 dashed 1px;
					}
					ul.cat-list li.cnews-list:hover{background-color:#F2F2F2;}
						ul.cat-list li.cnews-list a{color:#0066CC; text-decoration:none;}
						ul.cat-list li.cnews-list a:hover{color:#001B35;}
					ul.cat-list li.cnews-more{
						text-align:left;
						
					}
					ul.cat-list li.cnews-more a{ 
						margin:5px; padding:2px;
						display:inline;
						color:#0066CC;
					}
					ul.cat-list li.cnews-more a:hover{color:#001B35;}
					ul.cat-list li.cnews-small{}
					
					.category-disply .cat-content a.nlist{
						text-align:right;
						margin-right:5px;
						padding-right:10px;
						padding-bottom:5px;
						line-height:20px;
						_line-height:12px;
						color:#0099CC;
						background-image:url(../images/icons/arrow-todays-paper-list.png);
						background-repeat:no-repeat;
						background-position:right center;

		
					}
					.category-disply .cat-content a.nlist:hover{color:#00CC9E;}
					.category-disply .cat-links{
						position:relative;
						padding:5px;
						background-color:#E5E5E5;
					}
					.category-disply .cat-links a{color:#666666; text-decoration:none;}
					.category-body a.read-more{
						position:relative;
						font-size:12px;
						color:#6A6A6A;
						margin-left:16px;
						
					
					}
					.category-body a.read-more:hover{color:#999999; text-decoration:none;}
/***************************************************************************/

.other-news-listing{ 
	position:relative;
	margin-top:5px;
	padding:5px;
	width:985px;
	background-color:#C0C0C0;
}
	/*** Grey Curves **/
	.bn-g1, .bn-g2, .bn-g3, .bn-g4{position:absolute;  height:13px; width:13px;}
	.bn-g1{top:0px; left:0px; background:url(../images/curves/darkGrey/c1-w-g.jpg) no-repeat left top;}
	.bn-g2{top:0px; right:0px;background:url(../images/curves/darkGrey/c2-w-g.jpg) no-repeat right top;}
	.bn-g3{bottom:0px; left:0px; background:url(../images/curves/darkGrey/c3-w-g.jpg) no-repeat left bottom;}
	.bn-g4{bottom:0px; right:0px;background:url(../images/curves/darkGrey/c4-w-g.jpg) no-repeat right bottom;}
	
	
	.other-news-listing .right{
		position:relative;
		width:658px; display:inline;
		overflow:hidden;
		background-color:#E1E1E1;
		
		}
		/*** Grey Curves **/
	.bn-h1, .bn-h2, .bn-h3, .bn-h4{position:absolute;  height:13px; width:13px;}
	.bn-h1{top:0px; left:0px; background:url(../images/curves/regional-dgrey/c1-w-g.jpg) no-repeat left top;}
	.bn-h2{top:0px; right:0px;background:url(../images/curves/regional-dgrey/c2-w-g.jpg) no-repeat right top;}
	.bn-h3{bottom:0px; left:0px; background:url(../images/curves/regional-dgrey/c3-w-g.jpg) no-repeat left bottom;}
	.bn-h4{bottom:0px; right:0px;background:url(../images/curves/regional-dgrey/c4-w-g.jpg) no-repeat right bottom;}	
		
	.other-news-listing .left{
		position:relative;
		width:320px; display:inline; 
		overflow:hidden;
		background:#FFFFFF url(../images/curves/regional-grey/bg.jpg) repeat-x left bottom;
		}
	/*** Grey Curves **/
	.bn-j1, .bn-j2, .bn-j3, .bn-j4{position:absolute;  height:13px; width:13px;}
	.bn-j1{top:0px; left:0px; background:url(../images/curves/regional-Grey/c1-w-g.jpg) no-repeat left top;}
	.bn-j2{top:0px; right:0px;background:url(../images/curves/regional-Grey/c2-w-g.jpg) no-repeat right top;}
	.bn-j3{bottom:0px; left:0px; background:url(../images/curves/regional-Grey/c3-w-g.jpg) no-repeat left bottom;}
	.bn-j4{bottom:0px; right:0px;background:url(../images/curves/regional-Grey/c4-w-g.jpg) no-repeat right bottom;}	
/*********************/
	.list-opinion{
		position:relative;
		float:right;
		width:320px;
		margin:2px;
		margin-right:5px; margin-left:0px;
		display:inline;
	}
	.list-regional{
		position:relative;
		margin:5px;
		background:none;
	}
	.list-regional .rss-bb{position:absolute; left:5px; top:5px; _display:none; }
	.list-regional .cat-title{}
	.list-regional .ct-g1{ display:none;}
	.list-regional .ct-g2{ display:none;}
	.list-regional h3{ padding:5px;  border-bottom:#DFDFDF solid 4px;}
	.list-regional .rss{}
	.list-regional .cat-content{}
	.list-regional ul.cat-list{ margin-bottom:5px; padding-bottom:5px;}
	.list-regional li.cnews-list{}
	.list-regional li.cnews-more{ text-align:left;}
	.cnews-more{text-align:left;}
	#regional{
		position:relative;
		width:96%; margin:2%;
		background-color:#E8F3FF;
	}
	#regional h1{
		margin:0px;
		padding:5px; border-bottom:#fff solid 1px; color:#000000;
		}
	#others-news-right{
		position:relative;
	}
	
	
	#opinions-list h1{
	     padding:5px;
		 border-bottom:#CCCCCC solid 1px;
		 padding-bottom:5px;
		 margin-left:5px; margin-right:5px;
		 color:#FFFFFF;
		
	}
	#opinions-list .cat-title{}
	#opinions-list .cat-title h2{ 
		padding:5px; color:#6C6C6C;
		border-bottom:#B7B7B7 solid 4px;
		}
	#opinions-list .cat-title a{ display:none;} /** hidden rss **/
		
	#opinions-list .cat-content{
					position:relative;
					text-align:right;
					padding:0px;
					background-color:#FFFFFF;}
	#opinions-list a{
					display:block;
					padding:5px;
					padding-right:5px;
					color:#0066CC;
					text-decoration:none;
					border-bottom:#EAEAEA dashed 1px;
					}
	#opinions-list a:hover{background-color:#F4F4F4;}
	#opinions-list ul.cat-list li.cnews-list a{color:#0066CC; text-decoration:none;}
	#opinions-list ul.cat-list li.cnews-list a:hover{color:#001B35;}
	
	#opinions-list li.cnews-small{}
	#opinions-list .cnews-more a{ border-bottom:none;}
	#opinions-list .cnews-more a:hover{background-color:none;}
		
		
		
		
					
					
						
					
					ul.cat-list li.cnews-more a{ 
						margin:5px; padding:2px;
						display:inline;
						color:#0066CC;
					}
					ul.cat-list li.cnews-more a:hover{color:#001B35;}
	
/****************************/
#epaper{}
	#e-nav{
		position:relative;
		width:100%;
		overflow:hidden;
		background-color:#333333;
		margin:5px 2px 5px 2px;		
		text-align:left;
		direction:ltr;
	}
		#e-nav h5{
			position:relative;
			display:inline;
			float:left;
			padding:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFFFFF;
			font-weight:bold;
			line-height:20px;
		}
		#e-nav form{
			position:relative;
	
		}
		#e-nav .field{
			position:relative;
			display:inline;
			padding:10px;
			float:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
		}
	
		
	#epaper .epages{
		position:relative;
		width:100%;
		text-align:center;
		background-color:#FFFFFF;
		border:#FF0000 solid 2px;
	}
	#epaper .epages img{}
	
	#archives-epaper{
		position:relative;
		float:left;
		display:inline;
		border:#999999 solid 1px;
	}