/*___________main styles_________*/

*{margin:0px; padding:0px}

body{
	background:url(../images/bodyBack.jpg); 
	direction:rtl;
	font: normal normal 13px Arial;
	color:#fffeff
}

ul{list-style:none}

a{text-decoration:none; color:#fff; font-weight:bold}
a:hover{color:#f671da}

a img{border:none}

span.tHeader{font-size:36px}

h2{font-size:15px}

#wrapper{
	position:relative;
	width:880px;
	margin:0 auto;
	padding:0 50px;
	border:2px solid #a56096;
	border-top:none;
	background:#5a154b
}

	.wrapperBack{
		position:absolute;
		width:980px;
		height:500px;
		left:0;
		background:url(../images/mainBack.jpg) top center
	}
	
	.wrapperBack.bottom{
		bottom:0;
		background-position:bottom center
	}

#header, #content, #footer{
	position:relative; 
	float:right;
	clear:both; 
	width:100%
}

/*_____________Header_____________*/
#logo{float:left;margin-top:70px}

#header ul{float:left}

	#header li{
		float:left;
		clear:both;
		width:101px;
		height:16px;
		margin:3px 20px;
		padding:1px 6px;
		border:3px solid #a56093;
		background:url(../images/topNavBack2.png);
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
		#header li:hover{border-color:#c17cb2}
		#header a:hover{color:#fff}


/*_____________Content____________*/
#content{
	padding:25px 10px;
	border:3px solid #a56096;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

	#face{
		position:absolute;
		width:480px;
		height:527px;
		top:-162px;
		right:-52px;
		background:url(../images/face.jpg)
	}
	
	#welcome{
		position:relative;
		float:right;
		width:638px;
		height:162px;
		padding:20px;
		background:url(../images/welcomeBack.png)
	}
	
		#welcome p{margin-top:15px}
		
	#article{position:relative; float:right; width:688px}
		
	#categories{position:relative; float:right; width:688px}
	
		#categories li{
			position:relative;
			float:right;
			width:154px;
			height:306px;
			padding:4px;
			margin:40px 0 40px 10px;
			background:url(../images/catBack.png)
		}
			#categories h2{margin:6px 8px 0 0}
			
				#categories li p{margin-right:5px}			

				#categories li img{border:3px solid #a56096;border-left:none;border-right:none}
			
			a.more{
				position:absolute;
				display:block;
				width:43px;
				height:19px;
				padding:4px 4px;
				text-align:center;
				line-height:16px;
				bottom:-13px;
				left:20px;
				background:url(../images/moreBack.png)
			}
			
	#lastArt{
		position:relative;
		float:right;
		width:648px;
		height:342px;
		padding:15px;
		background:url(../images/catListBack.png)
	}
	
		.catl{
			float:right;
			width:292px;
			height:70px;
			margin:10px 7px 0 0;
			padding:5px 10px;
			background:url(../images/lastArtBack.png)
		}
		
			.catl img{float:right; margin-left:5px; border:3px solid #a56096}
			
	.catList{
		float:right;
		font-size:14px;
		width:47%;
		margin:10px 10px 0 0
	}
		.catList li{float:right; list-style:inside url("../images/c.png"); padding:3px}
		
			.catList a{font-weight:normal; margin-right:10px}
				.catList a:hover{color:#f671da}
	
		.catList li.odd{width:100%; background:url(../images/listBack.png)}
		
	a.moreBig{
		position:absolute;
		width:81px;
		height:19px;
		padding:7px;
		left:20px;
		bottom:-13px;
		background:url(../images/moreBig.png)
	}
	
	#sideBar{float:left; width:164px}
	
		#sideBar #gAd{margin-top:10px}
		
/*_____________Article style_______*/
#article{position:relative; width:678px}
	#header.article ul{float:left}
	#header.article li{
		float:right;
		clear:none;
		width:auto;
		margin:130px 10px 10px;
	}
	
	#article h1{font-size:36px;}
	#article h2{font-size:24px;}

	.border{
		position:absolute;
		width:100%;
		left:0px;
		background:url(../images/articleBack.png) no-repeat top center
	}
	
		.border.top{height:20px; top:0}
		.border.center{position:relative; background:url(../images/articleBackCenter.png) repeat-y}
		.border.bottom{bottom:-20px; height:20px; background-position: bottom center}

		
	#article p, #article ul{padding:0 20px; margin-top:10px; font-size:14px; text-shadow:-1px 1px 3px #000;}
	
	#article li{
		list-style:circle outside;
		margin-right:30px;
	}
	
	#article h2, #article h1{ margin:20px}
	
	#article img{clear:left; float:left; margin:20px; border:3px solid #a56096}
	
	.date{
		float:left; 
		font-size:20px; 
		margin:20px 0 0 20px; 
		direction:ltr
	}
	
	li .date{
		float:left; 
		font-size:13px; 
		margin:5px 0 0 5px
	}
	
/*________Bottom Nav______________*/

#bottomNav{
	float:right;
	clear:both;
	width:100%;
}

	#bottomNav li{
		float:right;
		width:162px;
		height:234px;
		margin:30px 0 0 10px;
		background:url(../images/bNavBack.png);
	}
	
	#bottomNav li img{
		margin-right:3px;
		border:3px solid #a56096; 
		border-right:none; 
		border-left-width:1px;
	}
	
	#bottomNav li h3{margin:5px 0; text-indent:10px;}
	
		#bottomNav ul.bArt li{
			float:none;
			margin:0;
			padding:0;
			height:auto;
			background:none;
			text-indent:10px;
			line-height:25px;
			font-weight:bold;
		}
		
			#bottomNav ul.bArt li.odd{
				width:156px; margin:0 3px; background:url(../images/listBack.png);
			}
			
			#bottomNav li.lastLi{float:left;}
			
/*___________Articles List_________*/			

#artList ul{float:right;}

#artList li{
	clear:both;
	width:80%;
	height:92px;
	margin-top:20px;
	padding:10px;
	border:3px solid #a56096;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#6d3060; 
	list-style:none
}

	#artList img{float:left; margin:0}
	
	#artList h2{font-size:20px; margin:0}
	
	#artList p{margin-top:10px}


/*_____________CMS________________*/

#artTable{
	margin:30px 10px;
}
	#artTable td, #artTable th{border:1px solid #ddc}
	#artTable tr.odd{background:#703163}
	#artTable th{text-align:right}
	#artTable .tName{width:200px;}
	#artTable .tDate{width:80px;}
	#artTable .tTitle{width:150px;}
	
	
	
	
	
/*_____________Footer_____________*/

#footer{
	float:none;
	padding:20px 0;
	text-align:center; 
	color:#cfc6cd;
}