/*  
Theme Name: Hume Yusuf
Theme URI: http://www.humayusuf.com.pk/
Description: The theme for Huma Yusuf.
Version: 1.2
Author: Creative Chaos
Author URI: http://www.csquareonline.com/
*/

/* Tags */

* {
	margin:0;
	padding:0;
	background:transparent;
	font-family:Georgia, "Times New Roman", Times, serif;
}

body {
	background:#191919 url(images/page-back.gif) repeat-x top center;
	padding-bottom:15px;
}

h2{
	color:#FFD387;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom: 10px;
}


p {
margin: 0 0 15px 0;
}


/* General Area */

#container {
	width:790px;
	height:auto;
	background:transparent;
	margin:0 auto;
	}


/* Head area */
#headarea {
	width:790px;
	height:179px;
	background:transparent url(images/top-back.gif) no-repeat top left;
	margin:0;
}


#headarea h1 {
	background:transparent url(images/h1.gif) no-repeat top left;
	height:40px;
	width:200px;
	text-indent:-10000px;
	margin-top:88px;
	margin-left:-5px;
	position:absolute;
}

#headarea #description {
	margin-left:239px;	
	margin-top:98px;
	width:198px;
	height:25px;
	text-indent:-10000px;
	position:absolute;
	background:transparent url(images/slog.gif) no-repeat top left;
}

/* Navigation */

#mainav {
	background:url(images/navback.gif) repeat-x;
	border:1px solid #8C3100;
	height:36px;
	width:790px;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		background-color:transparent;
		float:left;
		font-family:Georgia;
		font-size:16px;
		font-weight: bold;
		margin-top:6px;
		margin-left:7px;


	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 15px 3px 8px;
		color:#000000;
		font-family:Georgia;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:none;
		color:#FC6500;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:8px;
		margin:3px 0px 0px 0px;
		background-color:transparent;
		border-width:0px;
		border-style:none;
		border-color:transparent;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:transparent;
		color:#E4E4E4;
		font-size:11px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:none;
		background:#000000;
		display:block;		
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:none;

	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#E4E4E4;
		color:#333333;
		text-decoration:none;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 4px 5px;
		color:#111111;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:5px 4px 5px 4px;
		border-color:#A9A9A9;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0 div div	
	{	
		margin:0px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul ul	
	{	
		margin:0px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		margin:0px;
		background-color:#757575;
		border-width:1px;
		border-style:solid;
		border-color:#333333;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background:transparent;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
		background:transparent;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background:transparent;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background:transparent;
	}
	
/* The Search panel */
#searchnav{
	width:220px;
	float:right;
	margin-top:8px;
	font-size:11px;
	color:#BC6D03;
	margin-right:10px;
	}
	
#searchnav #left {
	width:160px;
	float:left;
	height:18px;
}

#searchnav #left input {
	height:14px;
	padding:2px;
	width:156px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background:#FDE8BB;
	border:1px solid #FF9900;

}

#searchnav #right {
	float:right;
	width:43px;
	height:20px;
	background: #CCCCCC;
}

#searchnav #right input{
	border:0;
	height:20px;
	width:43px;
}
/* Main area */

#mainpanel {
	background:#0F0F0F;
	width:790px;
	height:auto;
	margin-top:32px;
	padding-bottom:1px;
}

#postpanel {
	width:546px;
	height:auto;
	margin:8px 0 8px 8px;
	padding-top:7px;
}

/* Featured post */
/*
.Announcement {
	background: #1A1A1A url(images/feature.gif) no-repeat top center !important;
	padding:48px 14px 8px 14px !important;
	width:518px;
	height:auto;
	color:#FFFFFF !important;
	margin-bottom:30px;
	font-size:12px !important;
	text-align:justify !important;
}

.Announcement h2 {
	margin:0 !important;
	background:transparent !important;

	height:auto !important;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFFFFF !important;
	font-weight:lighter;
	text-decoration:none;
	text-transform:none !important;
}

.Announcement h2 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFFFFF !important;
	font-weight:lighter;
	text-decoration:none;
	text-transform:none !important;
}

.Announcement h2 a:link {
	text-decoration:none;
}

.Announcement h2 a:hover {
	text-decoration:none;
	color:#FF6600;
}

.Announcement h2 a:active {color:#FFFF00;}

.Announcement .date {float:right; margin-top:-17px; font-size:11px; color:#6C6C6C; background:none;}

.Announcement .entry {
	margin-top:15px;
}

.Announcement .postmetadata {display:none;}
*/
/* Posts */
.post h2{
	margin-left:0;
	background:transparent;
	height:auto;
	color:#FFD387;
	font-size:20px;
	font-weight:lighter;
}

.post h2 a {
	color:#FFD387;
	font-size:20px;
	font-weight:lighter;
	text-decoration:none;
}

.entry {
	font-size:14px;
	color:#FFFFFF;
	line-height:20px;
	text-align:justify;
}

.post {
	background:#0f0f0f url(images/feature.gif) repeat-x;
	padding:7px;
	margin-bottom:55px;
}

.post ul{
	margin-left:35px;
	display:block;
	list-style:outside;
}

.post li {
	margin-left:15px;
}

.date {
	background:transparent;
	font-size:12px;
	color:#EAAF49;
	height:22px;
	margin-left:-15px;
	text-indent:18px;
	margin-bottom:10px;
}

.postmetadata {
		padding:10px 5px;
		background:#070707;
		width:520px;
		font-size:11px;
		color:#FFAF24;
		margin:15px auto 0px auto;
		overflow:hidden;
		height:auto;
		clear:both;
		}
		
.postmetadata .comlink {
	color: #999;
	float:right;
}

.postmetadata .eft {
	float:left;
}

.postmetadata a:link {
	color:#FFd387;
	text-decoration:none;
}

.postmetadata a:hover {
	color:#999;
	text-decoration:none;
}

.postmetadata a:visited {
	color:#FFD387;
	text-decoration:none;
}

.more-link{
	clear:both;
	padding:5px !important;
	background-color:#333333;
	color:#FF9900 !important;
	text-decoration:none !important;
	border:1px solid #666666;
	margin-top:5px;
	margin-bototm:5px;
	}

/* Bottom Navigation */

.navigation {
	width:530px;
	margin:0 auto;
	height:21px;
	padding: 2px 5px;
	color:#FFFFFF;
}

.bookmark{
	margin-top:20px;
}

.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}

.navigation a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:11px;
	text-decoration:underline;
	text-decoration:none;
	color:#FFFFFF;
}

.navigation a:link {
	color:#FFF;
}

.navigation a:hover {
	background:#DF8300;
}

.navigation a:active {
	color:#990000;
	}
	
.navigation a:visited {
	color:#FFF;
}
	

/* Sidebar */

#sidebar {
	position:absolute;
	top:0;
	margin-top:255px;
	margin-left:576px;
	color:#FFFFFF;
	background:#000 url(images/sidebar-bg.gif);
	width:196px;
	padding-top:15px;
	border-left:1px solid #2D2D2D;
}

#sidebar ul li {
	list-style:none;
	padding:0;
}

.boxes {
	width:167px;
	height:auto;
	margin:0 auto 20px auto;
	font-size:11px;
}

.boxes h3 {
	color:#FFFFFF;
	font-size:18px;
	margin-bottom:-10px;
	font-weight:lighter;
	text-transform:uppercase;
	}

.boxes h4 {
	font-size:16px;
	background: #4F3200;
	margin:0;
	padding:3px;
	color:#FFF;
	text-align:justify;
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:15px;
}

.boxes a {
	color:#FFCC33;
	text-decoration:none;
}

.boxes a:link {
	color:#FFCC33;
	text-decoration:none;
	padding:2px;
}

.boxes a:hover {
	color:#FFCC33;
	text-decoration:none;
	background-color:#CC6600;
}

.boxes ul li {
	display:block;
	list-style:none;
	margin-bottom:5px;
}

.boxes div {
	margin-left:15px;
	display:block;
	margin-bottom:5px;
	}

#noshowl{
	margin-left:15px;
	margin-top:-15px;
	margin-bottom:20px;
	}

/* The Footer */

#footer {
	width:788px;
	height:53px;
	background:url(images/footer.gif) repeat-x center;
	margin-top:15px;
	border:1px solid #000000;
	color:#FFFFFF;
	font-size:11px;
	clear:both;
}

.cr {
	float:left;
	margin-top:20px;
	margin-left:5px;
}

.credit {
	float:right;
	margin-right:10px;
	margin-top:10px;
}

#footer a,a:link {color:#FFFFFF;}

/* For the pages */

.postpage h2{
	margin-left:-35px;
	margin-top:15px;
	background:transparent;
	text-indent:40px;
	height:40px;
}

.postpage h2 a {
	color:#FFD387;
	text-transform:uppercase;
	font-size:20px;
	font-weight:lighter;
	text-decoration:none;
}

/* Comments */

#commentarea {
	background:#442800 url(images/commentback.gif) repeat-x top center;
	color:#FFFFFF;
	width:520px;
	padding:10px;
	border:1px solid #A57530;
	margin:20px auto;
	font-size:12px;
}

#commentarea input,textarea {
	background:#fff;
	border:1px solid #DEC28B;
	font-size:12px;
	padding:2px;
	margin-top:10px;
}


#commentarea textarea {
	width:510px;
}

#commentarea .commentlist ul  {
	display:block;
	list-style:inside none;
}

#commentarea .commentlist ul  li{
	display:block;
	list-style:inside none;
	margin-left:50px;
}

/*contact page*/

.division {
	height:100px;
	width:386px;
	overflow:hidden;
	margin-bottom:35px;
	margin-top:15px;
	padding-left:160px;
	padding-top:50px;
	color:#FFFFFF;
	background-position:top left;
	}
	
/* Archives */

#archivebox {
	width:511px;
	height:auto;
	margin:10px auto;
	background:#494949 url(images/arback.gif) no-repeat center left;
}

#archivebox ul{
	margin:20px 0 20px 15px;
	position:relative;
	list-style:none;
	margin-left:45px;
}

#archivebox ul li a {
	padding:3px 8px 8px 8px;
	width:350px;
	height:12px;
	text-decoration:none;
	color:#FFFFFF;
	list-style:inside none;
	text-transform:capitalize;
}

#archivebox ul li a:link {
	text-align:left;
	display:block;
	}
	
#archivebox ul li a:hover {
	background:url(images/ab.gif) no-repeat top center;
}

#archivebox ul li a:active {
	background:url(images/aba.gif) no-repeat top center;
	color:#000000;
}

#archivebox ul li a:visited {
	text-align:left;
	display:block;
	}
	
/*Op-Eds*/
.h4class {
	font-size:14px;
	text-transform:uppercase;
	color:#FFFF99;
}

.opedminor {
	font-size:10px;
	color:#999999;
}

.opedlinked {
	font-size:18px;
	color:#FFFF99;
	text-decoration:none;
	border-bottom:1px solid #FFB300;
	padding-bottom:5px;
	display:block;
}

.opedlinked a {color:#FFFF99 !important;}

.opedlinked a:link {
	font-size:18px;
	color:#FFFF99 !important;
	text-decoration:none;
	border-bottom:1px solid #FFB300;
	padding-bottom:5px;
	display:block;
}

.opedlinked a:hover {
	font-size:18px;
	color:#FFFF99 !important;
	text-decoration:none;
	border-bottom:1px solid #FFB300;
	padding-bottom:5px;
	display:block;
}

.opedlinked a:active {
	font-size:18px;
	color:#FFFF99 !important;
	text-decoration:none;
	border-bottom:1px solid #FFB300;
	padding-bottom:5px;
	display:block;
}

.opedlinked a:visited {
	font-size:18px;
	color:#FFFF99 !important;
	text-decoration:none;
	border-bottom:1px solid #FFB300;
	padding-bottom:5px;
	display:block;
}