/*
Project Name: Pakistan Fashion Magazine
Designed & developed By : Ewebcraft
Company URL : http://www.ewebcraft.com
email: ewebcraft@gmail.com
Developer : Shoaib Yasin
*/

*{margin:0px; padding:0px;}
img{ border:0px; }
a{ text-decoration:none;}
body{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:100%;
	background:url(../siteimages/background/subscription.jpg) left top repeat;
	font-size:12px;
	line-height:100%;
	z-index:000;
}


/**** Global Elements *****/
.left{float:left;}
.right{float:right;}
.clr{clear:both; }
.center{text-align:center;}
.hidden{display:none;}
.pink{color:#C33EFF;}
.red{ color:#ED2129; font-size:14px;}

h1,h2,h3,h4,h5,h6,h7,h8{
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
}
h1{ font-size:20px;}
h2{ font-size:22px}
_h2{ font-size:15px;}
h3{	font-size:13px;
	padding:0; margin:0;}
h4{ font-size:13px; }
h5{ font-size:11px;}

small{font-size:90%;}
p{line-height:15px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
strong{font-weight:bold;}

p, strong, em, ul, li, ol{color:#535353;}

/********************************/

/********Global Blocks*******/

#container
{
	position:relative;
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#fff;
	z-index:001;
}

#header
{
	position:relative;
	width:1000px;
	height:108px;
	z-index:001;
	background:url(../siteimages/background/header.jpg) no-repeat;
	padding-top:17px;
}


#header .logo
{
	position:relative; margin-left:17px; width:48%; height:auto; float:left; display:inline;
}

	#header .logo img{border:none; float:left; display:inline;}

#header .hdir { position:absolute; left:280px; border:none; }
#header .right-side
{
	position:relative; width:48%; height:auto; float:right; display:inline; text-align:right;
	margin-right:17px; color:#fff;
}

	#header .right-side a,#header .right-side span.login,#header .right-side span.user{color:#fff; text-decoration:none; margin-left:5px; margin-right:5px; font-weight:bold; cursor:pointer;}
	#header .right-side span.user{cursor:auto; color:#FDFF00;}
	#header .right-side a:hover,#header .right-side span.login:hover{text-decoration:underline;}
	
	#header .right-side p.text
	{
		position:absolute;
		top:40px; right:0px;
		color:#fff;
	}
	
	
	
	.right-side form.search-form
	{
		position:absolute;
		top:64px; right:0;
		width:225px;
		height:27px;
		/*background:url(../siteimages/background/search-form.jpg) left repeat-x;*/
		margin:0; padding:0;
		z-index:005;
		margin-left:80px;
		padding-left:20px;
	}
	
	
	
	form.search-form .l-c
	{
		position:absolute; width:12px; height:27px; left:0; top:0; z-index:010;
		background:url(../siteimages/background/search-form-l-c.jpg) no-repeat;
	}
	
	form.search-form .r-c
	{
		position:absolute; width:12px; height:27px; right:-1px; top:0; z-index:010;
		background:url(../siteimages/background/search-form-r-c.jpg) no-repeat;
	}
	
	form.search-form input.text
	{
		position:absolute;
		width:125px; height:20px;
		padding-top:3px;
		background:url(../siteimages/background/search-field.jpg) left repeat-x;
		border:none; top:2px; left:41px;
		padding-left:5px;
	}
	
	form.search-form span.l-c
	{
		position:absolute;
		width:21px; height:23px;
		left:20px; top:2px; z-index:015;
		background:url(../siteimages/background/search-field-l-c.jpg) no-repeat;
	}
	
	form.search-form span.r-c
	{
		position:absolute;
		width:4px; height:23px;
		left:170px; top:2px; z-index:015;
		background:url(../siteimages/background/search-field-r-c.jpg) no-repeat;
	}
	
	form.search-form input.submit
	{
		position:absolute;
		right:18px; top:2px;
		z-index:020;
	}

/***************end header**************/

#navigation
{
	position:relative;
	width:1000px;
	height:auto;
	background:url(../siteimages/background/navigation.jpg) left top repeat-x;
}

	#navigation ul#menu
	{
		position:relative;
		margin:0; padding:0; 
		list-style:none; height:39px; line-height:39px;
	}
	
	ul#menu li
	{
		position:relative;
		line-height:39px; font-size:12px; color:#fff; font-weight:bold;
		background:url(../siteimages/background/menu-list.jpg) right no-repeat;
		float:left; display:inline;
	}
	ul#menu li.no-bg{background:none;}
	
	ul#menu li a
	{
		position:relative; color:#fff;
		text-decoration:none; padding:12px; padding-right:28px; padding-left:28px; 
	}
	ul#menu li.no-bg a{padding-right:31px;}
	ul#menu li a span.parent
	{
		position:absolute;
		background:url(../siteimages/background/menu-list-parent.jpg) left no-repeat;
		width:12px; height:12px; top:14px; right:10px;
	}
	
	ul#menu li a:hover,
	ul#menu li a.active
	{
		background:url(../siteimages/background/menu-list-active.jpg) left repeat-x;
		color:#000000;
	}
	
	ul#menu li a:hover span.parent,
	ul#menu li a.active span.parent{background:url(../siteimages/background/menu-list-active-parent.jpg) no-repeat}
	
/**********************end Navigation*********/

#child-nav
{
	position:relative;
	width:1000px; height:30px;
	background:#f4f4f4;
}
	ul.child
	{
		position:relative;
		width:1000px; height:30px;
		list-style:none; color:#000;
		display:none; 
	}
	
	ul.child li
	{
		position:relative; float:left;
		line-height:30px; margin-left:15px; margin-right:15px;
	}
	
	ul.child li a{color:#000; text-decoration:none;}
	ul.child li a:hover,ul.child li a.childActive{color:#BD3A00;}
	ul.menuActive
	{
		display:block;
	}
	
/****************end child-nav********/

#content
{
	position:relative;
	width:970px; height:auto;
	padding:14px; z-index:015;
	border:1px solid #ccc;
}	

	#content .ad-728-auto
	{
		position:relative; width:650px; height:auto; margin-bottom:10px; text-align:left; margin:0 auto; margin-top:5px; padding-bottom:10px;
	}

	#content .left-content
	{
		position:relative;
		width:660px; height:auto;
		float:left; display:inline;
		z-index:015; z-index:016;
	}
	
	#content .info
	{
		position:relative;
	}
	
	#content .info h1{position:relative;  color:#7F3E9A; line-height:22px; margin-bottom:10px;}
	#content .info p{position:relative;  height:auto; margin-bottom:10px; line-height:20px; font-size:13px;}
	#content .info a{color:#7F3E9A; text-decoration:none;}
		#content .info a:hover{text-decoration:underline;}
	#content .info h2{position:relative; width:660px; font-size:18px; color:#7F3E9A; line-height:22px; margin-bottom:10px;}
	
	#content .info ul
	{
		position:relative; width:635px; margin-left:15px; margin-right:10px; margin-bottom:15px;
	}
	
	#content .info ul li{position:relative; width:640px; line-height:18px; margin-bottom:5px; font-size:13px;}
	
	/*************category Page styel**********/
	.left-content .category-block
{
	position:relative;
	width:660px; height:auto; z-index:020;
	margin:0 auto; padding:0; margin-bottom:15px;
}

	.category-block .left-list
	{
		position:relative; width:380px; height:auto;
		float:left; display:inline; 
	}
	
		.category-block .left-list h1
		{
			position:relative;
			font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif, Times, serif;
			font-weight:normal; color:#000; line-height:22px;
			border-bottom:1px solid #d8d8d8; margin-bottom:15px; color:#6C8CC6;
			width:380px;
		}
		.category-block .left-list h1 a
		{
		 color:#6C8CC6;
		}
		.category-block .left-list h1 a:hover
		{
		 color:#AA49D4;
		}
		.left-list .item
		{
			position:relative; width:380px; height:auto; margin-bottom:15px;
		}
		
			.left-list .item .image
			{
				position:relative;
				width:96px; height:96px; overflow:hidden;
				float:left; display:inline;
				border:1px solid #929292;
			}
				.left-list .item .image img{border:none;}
			
			.left-list .item .description
			{
				position:relative;
				width:275px; height:auto;
				float:right; display:inline;
			}
			
			
			.left-list .item .blog-description
			{
				position:relative;
				width:370px; height:auto;
				float:none; padding:5px;
			}
			
			.left-list .item .description p
			{
				position:relative; font-size:12px;
				color:#6C6C6C;
			}
			
			.left-list .item .description p.date{font-size:11px; font-family:Tahoma;}
			.left-list .item .description h2{font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:22px; color:#2C3A3B; margin-top:2px; margin-bottom:2px; font-weight:normal;}
			
			.left-list .item .blog-description h2{margin-bottom:5px;}
			
			.left-list .item .description h2 a{color:#2C3A3B; text-decoration:none;}
			.left-list .item .description h2 a:hover{color:#793A95;}
			.left-list .item .description p.summary{height:30px; overflow:hidden;}
			.left-list .item .description p.tags{height:16px; overflow:hidden;}
			.left-list .item .description p.tags a{color:#4A71B9;}
			.left-list .item .description p.date a{color:#AA49D4;}
			.left-list .item .description p.date a:hover,.left-list .item .description p.tags a:hover{text-decoration:none;}
	
	.category-block .right-list
	{
		position:relative; width:250px; height:auto;
		float:right; display:inline;
	}
	
	.right-list h3
	{
			position:relative;
			font-size:14px; font-family:"Times New Roman", Times, serif;
			font-weight:normal; color:#000; line-height:18px;
			border-bottom:1px solid #d8d8d8; margin-bottom:15px;
	}
	
	.right-list h1,#content .left-content .right-list h1
	{
		position:relative;
		font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif, Times, serif;
		font-weight:normal; color:#000; line-height:22px;
		border-bottom:1px solid #d8d8d8; margin-bottom:15px; color:#6C8CC6;
		width:250px;
	}
	#tagcloud {
    text-align:center;
}
#tagcloud a{ display:inline-block; padding:0 4px; color:#00ACD0; }
#tagcloud a:link, #tagcloud a:visited { text-decoration:none; }
#tagcloud a:hover, #tagcloud a:active { text-decoration: underline; color: #000; }
	.right-list .tab-container-block
	{
		position:relative;
		width:250px; height:auto;
		margin-bottom:15px;
	}
	
		.tab-container-block span.button
		{
			position:relative; width:auto; height:26px;
			background:#667179; color:#fff; line-height:22px;
			float:left; display:inline; margin-right:3px;
			padding-left:10px; padding-right:10px; cursor:pointer;
		}
		
		.tab-container-block span.active{background:#793A95;}
		
		.tab-container-block .list-content
		{
			position:relative; width:248px; height:auto;
			border:1px solid #bebebe; display:none;
		}
		
		.tab-container-block div.active{display:block;}
		
		.tab-container-block .list-content ol
		{
			position:relative;
			width:auto; height:auto;
			list-style-position:inside;
			margin:5px;
		}
		
		.tab-container-block .list-content ol li
		{
			position:relative; line-height:16px; margin-bottom:5px;
		}
		
		.tab-container-block .list-content ol li a{color:#2C3A3B; text-decoration:none; margin-left:3px;}
		.tab-container-block .list-content ol li a:hover{color:#793A95; text-decoration:underline;}
		.right-list img.ads{position:relative; border:none; margin-bottom:10px;}
	/************end category page style*******/
	

.left-content #tab-block
{
	position:relative; width:660px; height:auto;
	z-index:020; 
}

	#tab-block span.tab
	{
		position:relative;
		width:auto;
		height:29px;
		background:#667179;
		display:inline;
		float:left; margin-right:2px; margin-left:2px;
		font-size:12px; padding-left:15px; padding-right:15px;
		color:#fff; 
		line-height:26px;
		cursor:pointer; z-index:020; 
	}
	
	#tab-block span.first{margin-left:4px;}
	#tab-block span.active{z-index:025; background:#793A95;} 
	#tab-block	.tab-content-container
	{
		position:relative;
		width:658px; height:auto;
		border:1px solid #bebebe;
		margin:0 auto; height:175px;
		padding-top:15px; padding-bottom:15px;
		z-index:020;
	}
	
	.tab-content-container img.left-move,.tab-content-container img.right-move{position:absolute; top:55px; cursor:pointer;}
	.tab-content-container img.right-move{right:15px;}
	.tab-content-container img.left-move{left:15px;}
	
	.tab-content-container .tab-content
	{
		position:relative;
		width:570px;  height:175px;
		margin:0 auto; padding:0; 
		z-index:020; overflow:hidden;
		display:none;
	}
	
		.tab-content .item-list-container
		{
			position:absolute;
			width:10000px;
			height:175px;
			left:0; top:0;
			z-index:025;
		}
		
		.item-list-container .item
		{
			position:relative; width:100px; height:175px;
			overflow:hidden; float:left; display:inline;
			margin-right:7px; margin-left:7px; 
		}
		
		.item-list-container .item .image{position:relative; width:96px; height:96px;  overflow:hidden; border:1px solid #929292; margin:0 auto; margin-bottom:5px;}
		.item-list-container .item .image img{border:none;}
		.item-list-container .item h2{position:relative; width:100px; font-size:12px; height:18px; overflow:hidden; line-height:18px;}
		.item-list-container .item h2 a{color:#793A95; text-decoration:none;}
		.item-list-container .item h2 a:hover{color:#000;}
		.item-list-container .item p{}
		.item-list-container .item p.date{position:relative; font-size:10px; color:#9A9A9A; font-style:italic;}
		.item-list-container .item p.by{position:relative; font-size:11px; font-style:italic;}
		.item-list-container .item p.by a{color:#BC3C00; text-decoration:none;}
		.item-list-container .item p.by a:hover{text-decoration:underline;}
		.item-list-container .item p.code{position:relative; font-size:10px; color:#4A71B9; font-style:italic; width:100px; height:16px; overflow:hidden;}
		.item-list-container .item p.code a{color:#4A71B9; text-decoration:underline;}
		.item-list-container .item p.code a:hover{text-decoration:none;}
	
	
/*************end tab-block************/
	#content .right-sidebar
	{
		position:relative;
		width:300px; height:auto;
		float:right; display:inline;
	}
	
	.right-sidebar #video
	{
		position:relative; width:300px; height:auto; margin-bottom:15px;
	}
	
	#video h1{position:relative; border:1px solid #dcdcdc; padding:15px; width:256px; background:#f2f2f2; font-size:12px; margin:0 auto;}
	
	.right-sidebar img.ads
	{
		position:relative; border:none; margin-bottom:15px;
	}
	
 #subscription
 {
 	position:relative;
	width:278px; height:auto;
	padding:10px;
	border:1px solid #7C3A99;
	background:url(../siteimages/background/subscription.jpg) left top repeat;
	margin-bottom:15px;
 }
 
 #subscription h1{font-weight:normal;}
 #subscription form.subscription-form
 {
 	position:relative;
	width:278px; height:auto; padding-top:15px; padding-bottom:15px;
 }
 
 form.subscription-form label
 {
 	position:relative;
	width:50px; display:inline; float:left; top:5px;
 }
 
 #subscription form.subscription-form label.error
 {
 	position:relative; color:#990000; width:278px; top:-10px; left:50px;
 }
 
 form.subscription-form input.text
 {
 	position:relative; border:1px solid #7C3A99;
	padding:2px; width:210px; margin-bottom:10px;
 }
 
 form.subscription-form input.submit
 {
 	position:relative; margin-left:50px;
 }
 
 /**********end right-sidebar*****/
 
 
 #footer
 {
 	position:relative;
	width:1000px; height:90px;  padding-top:30px;
	background:url(../siteimages/background/footer.jpg) left repeat-x;
	text-align:center;
 }
 
 #footer-logo
 {
 	position:absolute;
	width:100px; height:102px; left:10px; top:15px;
	background:url(../siteimages/background/footer-logo.gif) left no-repeat;
 }
 
  #footer p.link,#footer p.copy
  {
  	position:relative; color:#6C6C6C;
	font-size:11px;
  }
  
  #footer p.link a{margin-left:10px; margin-right:10px; color:#6C6C6C; text-decoration:none;}
  #footer p.link a:hover{color:#7C3A99; text-decoration:underline;}
  #footer p.copy{margin-top:15px;}
  #footer p.copy a{color:#6C6C6C;}
  #footer p.copy a:hover{text-decoration:none;}
  
  
  /************************Extras***************/
  
  #login
  {
  	position:fixed;
	width:308px; height:238px; 
	top:30%; left:32%;
	padding:15px;
	background:#F6EDFA;
	border:1px solid #8338A5;
	z-index:999;
	display:none;
	
  }
* html #login { position: absolute; top:14%;}

  
  	#login h1{position:relative; font-size:18px; color:#8338A5; margin-bottom:15px; }
	#login p{color:#C33EFF; }
	
	#login .login-form
	{
		position:relative; width:308px; height:auto;
		margin-top:15px;
	}
	
	div#login .login-form label.label
	{
		position:relative; width:auto; height:auto; line-height:20px;
		font-size:12px; color:#4A4A4A; font-family:Tahoma; display:block;
	}
	
	div#login .login-form input.input
	{
		position:relative; width:270px; /*height:22px;*/ height:16px; border:1px solid #ccc;
		margin:0; padding:0; margin-bottom:10px; padding:2px;
	}
	
	#login .login-form a.forgot
	{
		position:relative; float:right; display:inline; margin-right:30px; color:#C33EFF; text-decoration:none;
	}
	#login .login-form a.forgot:hover{text-decoration:underline;}
	
	#login .login-form input.submit
	{
		position:relative; float:right; display:inline; margin:20px; color:#C33EFF; text-decoration:none; margin-right:30px;
	}
	#login .login-form p.redish{position:relative; top:-10px;}
	#login img.close
	{
		position:absolute; top:10px; right:10px; cursor:pointer;
	}
/*******************************/
p#preview
{position:absolute; z-index:500; border:2px solid #fff; width:auto; height:auto;  background:#000000; color:#fff; font-size:14px; font-weight:bold; padding-bottom:5px;  }

p#preview img{position:relative; z-index:999; margin:0; margin-bottom:5px;}	
  .LatestPosts{
		position:relative;
		margin-bottom:15px;
	}
	.LatestPosts td{ position:relative;}
	.LatestPosts td img{
			width:120px;
			height:120px;
		}
	.LatestPosts td h3{ font-size:12px; line-height:20px; padding:0 5px;}
	.LatestPosts td h3 a{color:#AE3A00;}
	.LatestPosts td h3 a:hover{color:#6C8CC6;}
	.LatestPosts td p{
		padding:5px;
		}
	.LatestPosts td p.read_more{ font-size:11px; text-align:right;}
	.LatestPosts td p.read_more a{color:#6C8CC6;}
	.LatestPosts td p.read_more a:hover{color:#AE3A00;}
	.Tags{margin-bottom:15px; position:relative; text-align:center;}
	.Tags a{ margin:0 3px 10px 3px;color:#00ACD0; line-height:20px;}
	.Tags a:hover{ color:#000; text-decoration:underline;}
	.Tags h3{ margin-bottom:10px; font-size:18px; margin-bottom:5px;}
.LatestPosts .center_img{ text-align:center;}