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

 */
@import url("ads.css");  /* Ads Styling  */
@import url("reset.css"); /* Set Colors */
@import url("typo.css"); /* Set Colors */

/***** End Delete This ****/
*{margin:0px; padding:0px;}

body
{
	margin:0px; padding:0px;
	text-align:right;
	background:#DBDBDB url(../images/backgrounds/bg-body.jpg) repeat-x left top;
}

/***** Structure of Site *****/
#header, #content, .wrap, #body-main{
	position:relative;
	margin:0 auto;
	width:1000px;
	direction:rtl
}

/**** Global Elements *****/
.left{float:left;}
.right{float:right;}
.clr{clear:both;}





/*** Forum Fields ***/
.txt-field{ border:#CCCCCC solid 1px;}
.txt-button{ background-color:#494429;}

/*** HEADER STYLES ***/
#header {
	position:relative;
	width:100%; height:135px;
	background:#FFFFFF url(../img/header/bg-header.jpg) repeat-x left bottom;
	border-bottom:#CCCCCC solid 1px;
	z-index:999;


	
	}
	/****	LOGO ****/
	#header #logo{
		position:absolute;
		right:10px; top:10px;
		width:300px;
		padding:10px 10px 10px 0px;
		display:inline;
	}
	#header #logo a{display:block;}
	#header #logo strong{display:block;}
	#header #head-right{
		position:relative;
		float:left; text-align:left;
		width:728px; height:90px;
		display:inline;
		margin-left:5px;
	}
	/****************************************************/
	/*************** Header Menu ******************/
	#header-menu{
		position:absolute;
		width:75%;
		top:95px;
		height:40px;
		background:#CC0000 url(../img/header/menu-bg.jpg) repeat-x left top;
		left:-5px;
	}
	.hm-left, .hm-right{
		position:absolute;
		height:4px; width:4px; top:0px;
	}
	.hm-left{background:url(../img/header/menu-left.jpg) no-repeat left top; left:0px;}
	.hm-right{background:url(../img/header/menu-right.jpg) no-repeat right top; right:0px;}
	
	/*********** Sub Menu **************/
	#sub-menu{
		position:relative;
		clear:both;
	
		background-color:#EAEAEA;
		border-top:#FFFFFF solid 1px;
		border-bottom:#cccccc solid 1px;
		width:100%;
	}
		#sub-menu ul{
			margin:0px; padding:0px;}
		#sub-menu ul li{
			display:inline; line-height:30px; padding:0px 10px 0px 10px; 
			
			}
		#sub-menu ul li a{color:#000000; text-decoration:none; padding:2px 4px 2px 4px;}
		#sub-menu ul li a:hover{
			color:#fff; background-color:#666666;
			-webkit-border-radius: 2px; 
			-moz-border-radius: 2px;

			}
			#sub-menu ul li a.active{
			color:#fff; background-color:#666666;
			-webkit-border-radius: 2px; 
			-moz-border-radius: 2px;			
			}
	
	#head-rss{
		position:absolute;
		left:140px; top:20px;
		color:#333333;
		
		background:url(../img/header/rss.jpg) no-repeat right center;
		padding-right:30px;
	}
	#font-download{
		position:absolute;
		left:20px; top:60px;
		
	}
	/****************************/
	
	
	/***** Top Link Bar ****/
	#header .top-link-bar{
		position:relative;
		width:100%;
	}
	#header .top-link-bar strong{}
	#header .top-link-bar a{color:#0066CC; text-decoration:none;}
	#header .top-link-bar a:hover{color:#001B35;}
	#header .top-link-bar a:hover{text-decoration:underline;}
	
	#archive{
		background:url(../images/icons/arrow-grey-header.jpg) no-repeat right center;
		padding-right:12px;
		
	}
	
/******************************************************/
#calendar-archive{
	position:absolute;
	top:30px;
	padding-bottom:10px;
	padding-right:10px;
	left:120px;
	width:320px;
	height:60px;
	display:none;
	z-index:9999;
	background-color:#F1F1F1;
}	
/**** Curves for the archives ****/
.a-c1, .a-c2, .a-c3, .a-c4{position:absolute; z-index:9999;}
	.a-c1{
		left:0px; bottom:0px;
		background:url(../images/curves/top-archives/a-c1.jpg) no-repeat left bottom ;
		width:10px; height:12px;
	}
	.a-c2{
		left:10px; right:10px;
		bottom:0px;
		background:url(../images/curves/top-archives/a-c2.jpg) repeat-x left bottom;
		height:12px;
		width:310px;
	}
	.a-c3{
		right:0px; bottom:0px;
		background:url(../images/curves/top-archives/a-c3.jpg) no-repeat right bottom ;
		width:10px; height:12px;
	}	
	.a-c4{
		background:url(../images/curves/top-archives/a-c4.jpg) repeat-y right top;
		top:0px; right:0px; bottom:12px;
		width:10px;
		height:58px;
	}
	/**** end curves ****/
	
	#calendar-archive h3{
		position:relative;
		float:right;
		display:inline;
		padding:5px;
		text-align:right;
	}
	#calendar-archive h2{padding:5px;}	
	#calendar-archive h2 a{
		color:#0099CB;
		float:right;
	}
	#calendar-archive .cross-arc{
		position:absolute;
		left:14px; top:2px;
		
	}
	#calendar-archive form{ margin:5px; padding:5px; margin-top:2px; padding-top:0px;}
	#calendar-archive select{
		position:relative;
		float:left;
		margin-left:2px;
		border:#CCCCCC solid 1px;
	}
	#calendar-archive .txt-button2{
		position:relative;
		float:left;
		margin-left:2px;
		background-color:#33CC00;
		border:none;
		background-image:url(../images/backgrounds/bg_arc.jpg);
		background-repeat:repeat-x;
		color:#FFFFFF;
		font-weight:bold;
	}	
	/**********************/
/*******************************************************/
#search-header{
	position:relative;
	float:left;
	text-align:left;
	padding:5px;
	margin-top:10px; padding-bottom:0px;
	width:80%;		

}	
 #search-header .txt-search{
	 	float:left;
		text-align:right;
		width:300px;
		height:29px; line-height:30px;
		margin-left:0px;
		border:none;
		/* background:#fff url(../images/backgrounds/bg_search_text_bar.jpg) no-repeat left top;*/
		border:#7B7B7B solid 1px;
		
		
	}
	#search-header .button-search{
		position:relative;
		float:left;
		height:31px; width:82px;
		background:url(../images/button/topsearch.jpg) no-repeat left top;
		vertical-align:middle;
		cursor:pointer;
		border:none;
			
	}
	#search-header .radio-fields{

	}
	.radio-f{ margin-right:3px; vertical-align:middle; margin-left:7px;}
/**********************/	
/******************************************************/	
/*********************/
#header .top-nav-bar{
	position:relative;
	width:100%;
	background:#F8F8F8;
	border:#ccc solid 1px;
	border-bottom:none;
	z-index:800;
	}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.nav {
  z-index: 100;
  position: relative;
  padding-right:4px;
	
}
.nav li {
  position: relative;
  float: right;
  margin: 0;
  padding: 0;
  margin-right:2px;
  
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  line-height:33px;
  width:110px;
  color: #fff;
  background:#AE0000 url(../img/header/dead.jpg) no-repeat left center ;
  display: block;
  padding: 0 0px;
  margin-top:7px;
  text-align:center;
  text-decoration: none; 

}

.nav li a:hover {
  background:#AE0000 url(../img/header/active.jpg) no-repeat left center ;
  color: #000;	
  z-index:800;

}
/****************************/
	#nav-one li:hover a, #nav-one li.sfHover a { /*** activate on drop down ***/
	  background:#AE0000 url(../img/header/active.jpg) no-repeat left center ;
	  color: #000;
	  z-index:800;
	  
	      
	
	}

	#nav-one li.sfHover ul{ padding:0px; margin:0px;}
	#nav-one li.sfHover ul a {
		margin:0px; padding:0px;
		display:block;
		position:relative;
		text-align:right;
		
	  background-image:none;
	  background-color:#000000;
	  color: #fff;	
	  z-index:800;

	}
	#nav-one li:hover ul a{
		color:#FFFFFF;
		background-image:none;
		background-color:#000000;
		border:#000000 solid 1px;
		border-left:none; border-right:none;
		text-align:right;
		padding:0px; margin:0px;
		
		z-index:800;

		 }
	#nav-one li:hover ul a:hover, 
	#nav-one li.sfHover ul a:hover {
	  background-color:#666666;
	  background-image:none;
	   border:#999999 solid 1px;
	   border-left:none; border-right:none;
	  color: #fff;	
	  z-index:800;
	  	 
	}

.nav ul {
  background-color:#000;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  right: -1px;
  z-index:800;
  
  padding:0px; margin:0px;
  text-align:right; 
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 40px;
  padding:0px 5px 0px 5px;
  z-index:800;
  background-image:none;
  
   padding:0px; margin:0px;

}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  padding-right: 20px;
  width: 130px;
  white-space: nowrap;
  

}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}	


	
#header a.active{
  background:#AE0000 url(../img/header/active.jpg) no-repeat left center ;
  color: #000;

	}	
	
li.drop-down{}
li.drop-down:hover ul{}
li.drop-down:hover ul li{}
li.drop-down:hover ul li a{ background-image:none;}
li.drop-down:hover ul li a:hover{}
	
	
	/*********************/
	.top-breaking-bar{
		position:relative;
		margin:0 auto;
		width:985px;
		padding:5px;
		background-color:#6C6C6C;
		z-index:88;
		
	}
		.top-breaking-bar strong{
			position:relative;
			float:right;
			color:#fff;
			margin-right:20px; margin-left:10px;
			padding:0px 4px 0px 4px;
			background-color:#B13F3F;
			-webkit-border-radius: 2px; 
			-moz-border-radius: 2px;	
			
			
		}
		.top-breaking-bar a{color:#fff;}
		.top-breaking-bar a:hover{color:#fff; text-decoration:none;}
		.top-breaking-bar ul{
			position:relative;
			float:right;
			text-align:right;
		}
		.top-breaking-bar li{display:inline; display:none; color:#fff;}
		.newsticker {
			list-style-type: none;
			padding: 3px;
			padding-top:0px; padding-bottom:0px;
			margin: 0;
		}
		
	/***********************/
	#msg-nation{
		position:relative;
		width:1000px;
		margin:0 auto;
		margin-top:5px; margin-bottom:5px;
		background-color:#FFFFCC;
		padding:5px;
	}	
	/*********************/	
/*** HEADER STYLES ***/
		
/*********************************************************/	
#cartoon{
	position:relative;
	margin:0 auto;
	background-color:#fff;
	padding:0px;
	margin:0px;
	/** background:#fff url(../images/backgrounds/todays-cartoon.png) no-repeat left center; **/
	background-color:#FFFFFF;
	padding-left:0px;
	text-align:center;
}
#cartoon img{text-align:center; border:#CCCCCC solid 1px; float:none; padding:0px; margin:0px; }
#cartoon-title{
	position:absolute;
	right:18px;
	z-index:5;
	height:20px; line-height:20px;
	width:250px;
	background:#D3D3D3 url(../images/backgrounds/bg_cartoons.jpg) repeat-x left bottom;
	border:#999999 solid 1px; border-top:none;
	color:#333333;
	font-weight:bold;
}
/*********************************************************/	



/*********************************************/
	
#content{}
		
	/*********** Side Bar Global ******************/
	/******* ePaper Block ***********/
	#ePaper-box{
		position:relative;
		height:110px;
		margin-bottom:5px;
		background:#fff url(../img/sidebar/epaper-bg.jpg) no-repeat right top;
		border:#C0C0C0 solid 10px;
	}	
	#ePaper-box h1{
		text-align:left;
		padding:5px 5px 0px 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:19px;
		color:#000000;
	}
	#ePaper-box small{
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:0px 5px 0px 5px;
		display:block;
		color:#666666;
	}	
	#ePaper-box p{
		text-align:left;
		padding:0px 5px 0px 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px; font-weight:bold;
		color:#000000;
	}
	#ePaper-box a{
		position:relative;
		margin:0px 5px 0px 5px;
		display:block;
		height:34px; width:142px;
		background:url(../img/sidebar/read-it-button-of.jpg) no-repeat left top;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px; font-weight:bold;
		line-height:34px; text-align:center;
		text-decoration:none;
		float:left;
	}
	#ePaper-box a:hover{
		background:url(../img/sidebar/read-it-button-on.jpg) no-repeat left top;
	}


		/*********************/
		.mydiv-content{
			margin:2px; margin-top:0px;
			padding:5px; padding-left:15px;
			/*background-color:#EEECE1;*/
			
			font-size:100%;
			line-height:16px;
		}
		.mydiv-content a{color:#A8A072;}
		.mydiv-content p a{color:#A8A072;}
		.mydiv-content a:hover{text-decoration:none; color:#A8A072;}
		/*************************************/
		#cat-News{
			position:relative;
			width:100%;
			margin:0%; margin-top:0px;
			padding:0px; padding-bottom:2px;
			background-color:#FFFFFF;
			border:#DDD9C3 solid 1px;
		}
		
		.cat_content{
			position:relative;
			float:left;
			width:45.5%;
			_width:44.5%;
			height:150px;
			padding:1%;
			margin:1%;
			border:#EEECE1 solid 1px;
			background-color:#F8F7F1;
			
		}
		.rss{
			position:absolute;
			right:4px;
			top:2px;
		}
		.cat_content h3{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:20px;
			font-weight:bold;
			color:#000000;
			border-bottom:#CCCCCC solid 1px;
			margin-bottom:5px;
			}
		.cat_content p{
			line-height:14px;
			margin-left:5px;
			
			font-size:11px;
			background-image:url(../images/backgrounds/bg_cat_list.jpg);
			background-repeat:no-repeat;
			background-position:left center;
			padding-left:10px;
			padding-bottom:4px;
		}
		.cat_content p a{
			color:#A8A072;
		}
		.cat_content a:hover{color:#494429; text-decoration:none;}
/*****************************************************************/		
	#content-bar-B{
		position:relative;
		float:left;
		width:24%;
		margin-top:1%;
		margin-left:1%;
	}
	#tagCloud{
	background-color:#DDD9C3;	
	border:solid 1px #C4BD97;
	padding:10px; padding-top:2px;
	margin:0%; 
	}

	#tagCloud h3{
		color:#666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:105%;
		margin:0px; padding:4px;
		border-bottom:solid 1px #C4BD97;
		font-weight:bold;
	}
	#tagCloud a{
		text-decoration:none;
		color:#938953;

	}	
	#tagCloud a.size1 {
	font-size:220%;

	}
	
	#tagCloud a.size2 {
	font-size:200%;
	}
	
	#tagCloud a.size3 {
	font-size:180%;
	
	}
	
	#tagCloud a.size4 {
	font-size:160%;
	
	}
	
	#tagCloud a.size5 {
	font-size:140%;
	
	}
	
	#tagCloud a.size6 {
	font-size:120%;
	
	}
	
	#tagCloud a.size7 {
	font-size:100%;
	
	}	
		
	#tagCloud a.size0 {
	font-size: 80%;
	}



#most-discussed{
	position:relative;
	background-color:#938953;
}
	#most-discussed h1{
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11PX;
		padding:4px; padding-bottom:0px;
		line-height:14px;

	}
		.tabbertab a{
			color:#A8A072;
		}
		.tabbertab a:hover{color:#494429; text-decoration:none;}
	.tabber{
		margin:2px;
	}
	.tabbertab{
		background-color:#FFFFFF;
	}
	.tabbertab h2{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:120%;
		margin-left:0px;
		padding:0px; margin:0px;
	}
	.tabbertab p{
		margin:2px;
		padding-bottom:4px;
		line-height:14px;
		border-bottom:#EEECE1 dotted 1px;
	}
	
	
	
	
/*********************************************************/	
	#content-bar-C{
		position:relative;
		float:right;
		margin-left:0%;
		margin-top:1%;
		height:500px;
		width:14%;
		background-color:#000000;
		color:#FFFFFF;
		line-height:400px;
		text-align:center;
	
	}
/*********************************************************/	

	.links{
		padding:0px;
		margin-top:5px;
	}
	 .linkTotalComments{
	 	position:relative;
		float:left;
		margin-top:1px;
		background-image:url(../images/icons/totalComments.gif);
		background-repeat:no-repeat;
		height:16px; width:18px;
		text-align:center;
		color:#FFFFFF;
		font-size:10px;
		line-height:14px;
		font-weight:bold;
	 }
	 .linkTotalComments a{color:#FFFFFF; text-align:center; text-decoration:none;}

	.links img{ position:relative; margin-top:2px; margin-left:10px; float:left;}
	.links p{}
	
	/*****************************************************/
	.Rel-links{
		/*<!--clear:both;-->*/
		float:left;
/*		position:relative;*/
		padding:5px;
	}
	
/*********************************************/
.error{
	background-color:#FF0000;
	border-bottom:#FFFFFF double 2px ;
	color:#FFF;
	padding:3px;
	font-weight:bold;
}
.required{	
	position:relative;
	text-align:left;
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*******************************************/
#weather_form{
	position:relative;
	padding:20px;
	border:#EAEAEA solid 1px;
	background-color:#FFFFE6;
	vertical-align:middle;
}
	#weather_form h1{padding:5px; font-size:110%;}
	#weather_form p{padding:5px;}
	#weather_form form{
		position:relative;
		margin:5px;
		padding:5px;
		background-color:#FFFFFF;
	}
.weather-r1{
	position:relative;
	float:left;
	width:45%;
	text-align:left;
}
	#weather_form select{display:block;}
	

/*******************************/
		#forex-convertor{ position:relative; height:160px; font-size:11px;}
		#forex-convertor h2{font-size:100%; padding:5px; padding-bottom:2px; padding-top:2px;}
		#forex-convertor form{margin:3px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#forex-convertor label.forex-title	{
		display:block;
		width:20%;margin-bottom:8px;}
		#forex-convertor label.forex-field	{
		float:left; width:70%; margin-bottom:8px; font-size:10px;}
		#forex-convertor .button{margin-left:2%;}
		#forex-convertor .cunvert_result{
			margin:5px;
			padding:4px;
			background-color:#F5F5F5;
			border:#E9E9E9 solid 1px;
		}
		#forex-convertor #cunvert_result{}
/*******************************/

/****** Weather Man ******/
#weather-man{}
#weather-man h1{
		font-size:130%;
		color:#2EBB00;
}
#weather-man img{ position:relative; float:right; margin:4px;}
#weather-man ul{ margin-top:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}
#weather-man li{padding-bottom:5px;}

#weather-man p.weather-link a{color:#2EBB00; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#weather-man p.weather-link a:hover{color:#333333;}

/********* Block Cuve *********/
/******* block-box ********/
#block-curve{
	position:relative;
	margin:5px;
	padding:3px;
	background-color:#D7D7D7;

}
.b-c1, .b-c2, .b-c3, .b-c4{position:absolute; height:4px; width:4px;}
.b-c1{background:url(../images/curves/block-curve/b-c1.png) left top no-repeat; left:0px; top:0px;}
.b-c2{background:url(../images/curves/block-curve/b-c2.png) right top no-repeat; right:0px; top:0px;}
.b-c3{background:url(../images/curves/block-curve/b-c3.png) left bottom no-repeat; left:0px; bottom:0px;}
.b-c4{background:url(../images/curves/block-curve/b-c4.png) right bottom no-repeat; right:0px; bottom:0px;}
	#block-curve h4{
		position:relative;
		padding:5px; 
		font-size:12px; font-weight:bold;
		color:#666666;
	}
	#block-curve h4 a{color:#666666;}
	/******* body block curve ********/
	#block-c-body{
		position:relative;
		padding:2px;
		background-color:#FFFFFF;
	}	
	.b-cc1, .b-cc2, .b-cc3, .b-cc4{position:absolute; height:4px; width:4px;}
	.b-cc1{background:url(../images/curves/block-curve/b-cc1.png) left top no-repeat; left:0px; top:0px;}
	.b-cc2{background:url(../images/curves/block-curve/b-cc2.png) right top no-repeat; right:0px; top:0px;}
	.b-cc3{background:url(../images/curves/block-curve/b-cc3.png) left bottom no-repeat; left:0px; bottom:0px;}
	.b-cc4{background:url(../images/curves/block-curve/b-cc4.png) right bottom no-repeat; right:0px; bottom:0px;}	
/**************** Pager ************/
#pager{
	position:relative;
	background-color:#EBEBEB;
	border-top:#D5D5D5 solid 1px;
	padding:7px;
	text-align:right;
}
	#pager b{
		position:relative;
		padding:2px;
		padding-left:5px; padding-right:5px;
		background-color:#FFFFFF;
		border:#D5D5D5 solid 1px;
	}
	#pager a{
		position:relative;
		padding:2px;
		padding-left:4px; padding-right:4px;
		color:#0099CC;
		background-color:#FFFFFF;
		border:#D5D5D5 solid 1px;
		text-decoration:none;
	}
	#pager a:hover{
		background-color:#FFFFFF;
		border:#D5D5D5 solid 1px;
	}
	
	

/************************************************************************/
/*** Footer Styles ***/
/************************************************************************/
#footer-nwaqt{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding-top:10px;

}
	.footer-top{
		position:relative;
		padding:5px;
		background-color:#f1f1f1;
	}
	.footer-top a{
		position:relative;
		float:left;
		display:inline;
	}
	.footer-top a.bramerz{
		position:relative;
		float:right;
		display:inline;
		padding-top:5px;
	}

	/************************/
	.footer-base{
		position:relative;
		margin:0px; padding:0px;
		padding:10px 5px 10px 5px;
		background:#2E2E2E url(../img/footer/bg-footer-2.jpg) repeat-x left top;
	}
		.footer-base ul{
			position:relative;
			margin:5px; padding:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#CCCCCC;
			text-align:center;
			margin:0 auto;
		}
		.footer-base ul li{ display:inline; padding:0px 5px 0px 5px;}
		.footer-base ul li a{ color:#FFFFFF; text-decoration:underline;}
		.footer-base ul li a:hover{ color:#CCCCCC;}

	

	/****************************/
	.footer-bottom{
		position:relative;
		background-color:#FFFFFF;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666666;
	}