/*
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;}
body{/*defined in global.css*/}
/**** Global Elements *****/
/********************************/

/********Global Blocks*******/
#container{/*defined in global.css*/}

#header{/*defined in global.css*/}
	#header .logo{/*defined in global.css*/}
	#header .right-side{/*defined in global.css*/}
		.right-side form.search-form{/*defined in global.css*/}
/***************end header**************/
#navigation{/*defined in global.css*/}
/**********************end Navigation*********/
#child-nav{/*defined in global.css*/}
/****************end child-nav********/

#content{/*defined in global.css*/}
	#content .left-content{/*defined in global.css*/}
	
		.left-content div.homeBanner{
			position:relative;
			width:660px;
			height:auto;
			padding-bottom:10px;
		}
		.left-content .main
		{
			position:relative;
			width:660px; height:278px;
			margin:0 auto; padding:0;
			z-index:020; margin-bottom:15px;
		}
		
			
			.main div.banner-image{position:absolute; top:0; left:0; display:none;}
			
			.main .image
			{
				position:absolute;
				width:275px; height:278px;
				left:0; top:0;
			}
			
			.main .description
			{
				position:absolute;
				width:328px; height:236px;
				left:292px; top:0;
				border:1px solid #A044C9;
				z-index:020; padding:20px;
			}
			
			.main .description .l-t-c
			{
				position:absolute;
				width:20px; height:20px;
				left:-1px; top:-1px; z-index:030;
				background:url(../siteimages/background/main-description-l-t-c.jpg) no-repeat;
			}
			
			.main .description .l-b-c
			{
				position:absolute;
				width:20px; height:20px;
				left:-1px; bottom:-1px; z-index:030;
				background:url(../siteimages/background/main-description-l-b-c.jpg) no-repeat;
			}
			
			.main .description .r-b-c
			{
				position:absolute;
				width:20px; height:20px;
				right:-1px; bottom:-1px; z-index:030;
				background:url(../siteimages/background/main-description-r-b-c.jpg) no-repeat;
			}
			
			.main .description h1
			{
				position:relative; font-family:"Trebuchet MS"; font-weight:normal;
				font-size:24px; color:#AE3A00; line-height:1.4em; margin-bottom:10px; width:328px;
			}
			
			.main .description h2
			{
				font-size:18px; font-weight:normal; line-height:20px; margin-bottom:10px;
			}
			.main .description p
			{
				font-size:15px; color:#7C3A99; line-height:20px;
			}
		.left-content #recent
		{
			position:relative;
			width:638px; height:auto;
			margin:0 auto; padding:0;
			z-index:020;
			border:1px solid #D8D8D8; 
			padding:10px; margin-bottom:15px; padding-bottom:0;
			background:#F6EEF9;
		}
		
			#recent .recent-item
			{
				position:relative; width:638px; margin:0 auto;  height:auto; margin-bottom:15px;
			}
			.left-content #recent .recent-item 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;
			}
			.recent-item h1 a{color:#AE3A00; text-decoration:none;}
			.recent-item h1 a:hover{color:#6C8CC6; }
			.recent-item h1 span.email{font-size:13px; font-style:italic;}
			.recent-item h1 span.email a{color:#6C8CC6;}
			.recent-item h1 span.email a:hover{color:#AE3A00;}
			.recent-item p{margin-bottom:10px;}
			.recent-item p a{color:#AC2EF2; font-style:italic; font-size:11px;}
			.recent-item .image{
					border: 1px solid #000000;
					height: 98px;
					margin-bottom: 5px;
					overflow: hidden;
					position: relative;
					width: 98px;
					float:left; display:inline;
					margin-right:3px;
				}
			.recent-item .image img{border:none;}
	/************end main*********/		
.left-content .top-sections
{
	position:relative;
	width:660px; height:auto;
	margin-bottom:15px; z-index:020;

}

	.top-sections .section
	{
		position:relative; 
		width:210px; height:auto;
		float:left; display:inline; margin-right:15px;
	}
	
	.top-sections .no-margin{margin-right:0px; }
	
	.top-sections .section h1
	{
		position:relative; font-size:12px; color:#7C3A99;
		border:1px dotted #7C3A99; border-left:none; border-right:none; line-height:15px;
		padding-top:5px; padding-bottom:5px;
		
	}
	
	.top-sections .section img.section-image{ margin-top:5px; margin-bottom:5px; display:inline-block;}
	
	.top-sections .section ul.list
	{
		position:relative;
		width:210px; list-style:none;
	}
	.top-sections .section ul.list li
	{
		position:relative;
		background:#eee;
		margin-bottom:1px;
		width:210px; display:inline-block;
		line-height:16px; color:#535353;
		height:18px;
		overflow:hidden; 
	}
	
	.top-sections .section ul.list li a{color:#535353; text-decoration:none; width:205px; display:inline-block; line-height:16px; padding-left:5px;}
	.top-sections .section ul.list li a:hover
	{
		background:#7C3A99;
		color:#fff;
	}

/***********end top-section****/



/*************end category-block*******/
.left-content #tab-block{/*defined in global.css*/}
	
/*************end tab-block************/
	#content .right-sidebar{/*defined in global.css*/}
	.right-sidebar #video{/*defined in global.css*/}
	#subscription{/*defined in global.css*/}
 
  
 /**********end right-sidebar*****/
 #footer{/*defined in global.css*/}
 
 .item .image .itemPrice{
 	position:absolute;
	/*width:80px;*/
	width:auto;
	padding-left:2px;
	padding-right:5px;
	height:15px;
	line-height:14px;
	left:0;
	bottom:5px;
	background:#9900FF;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
 }