/*
Theme Name: Wa7di Theme
Theme URI: 
Description: .
Version: 1.0
Author: SA
Author URI: 

gray border: 9e9790
post bg: f4f4ec
meta post: bbb6af
post title: b7681f
pic bg: e4e1d8

page name title: f3d661

sidebar bg:f4ecc4
sidebar border: c9be95

body bg: f1f1f1
dark bg:3b2d20
*/




body {
	margin: auto;
	background: #FDFAF3;
	width: 960px;
	font-family: Tahoma;
	font-weight:bold;
	size:12px;
	font-size-adjust:none;
	}
a img{
border:0px;
}
blockquote {
  padding:2px;
background:#EBEBDB;
color:#330000;
  border-right: 5px double #9e9790;
  padding-right:10px;
  width:85%;
  margin-right: 52px;
  background-position: top right;
  background-repeat: no-repeat;
}
code{
	direction:ltr;
	text-align:left;
	width:75%;
	display:block;
	float:left;
	margin-left:40px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:scroll;
	border-left:3px double #9e9790;
	padding-left:10px;
	background:#E6FFCC;
	font-family:verdana;
	font-size:10px;
		min-height:30px;
		height:auto!important;height:30px;
}

#tweets {
 margin: 0 auto;

}
#tweets h3 {
text-align:right;
}

#alll{text-align:center;}
/******** 404 ************/
#404{
	width:919px;
		margin:0 auto;
		background-color:#fdfdf0;
		border: 1px solid #9e9790;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		position:relative;
		margin-bottom:40px;
		min-height:420px;
		height:auto!important;height:420px;
		direction:rtl;
}
#404 h2{
	background: url(images/pm.gif) no-repeat;
	background-position: top center;
	text-indent:-999px;
	width:350px;
	
}
#404  span{
	display:none;
	
}
	/***************** Header ***************/
#header{
	width:955px;
	height:249px;
	background: url(images/header.jpg) no-repeat center top;
	overflow:visible;
}	
	.clear{
		clear:both;
	}
#header .bg {
	width:300px;
	margin-right: 90px;
	margin-top:60px;
	height:130px;
	float:right;
	text-indent:-999px;
	overflow:hidden;
	}
#header .bs{
	width:191px;
	height:14px;
	background-color:#fdfdf0;
	color: 3b2d20;
	font-size:10px;
	margin-right:5px;
	padding:2px;
	position:relative;
	top:30px;
}
#header .search{
	width:190px;
	color: 3b2d20;
	font-size:10px;
	margin-left:-9px;
	position:relative;
	top:9px ;
	left:1px;
	float:left;
}
#header .nav{
	margin-left:35px;
}
#header .nav span{
	display:none;
}
#header .nav .bio{
	float:left;
	margin-left:18px;
	margin-top:70px;
	width:92px;
	height:120px;
	background:url(images/clear.gif) repeat;
}
#header .nav .map{
	float:left;
	margin-left:23px;
	margin-top:70px;
	width:92px;
	height:120px;
	background:url(images/clear.gif) repeat;
}
#header .nav .links{
	float:left;
	margin-left:23px;
	margin-top:70px;
	width:92px;
	height:120px;
	background:url(images/clear.gif) repeat;
}
#header .nav .iqa{
	float:left;
	margin-top:70px;
	width:92px;
	height:120px;
	background:url(images/clear.gif) repeat;
}


#icons{
	background:url(http://upload.wa7di.com/upload/up_down/1388315428header_icons.png) no-repeat;
	width:175px;
	float:left;
	margin-top:-1px;
	position:relative;
	margin-left:25px;
	height:39px;
}

#icons .greads{
	float:right;
	width:25px;
	margin-right:21px;
}

#icons .feed{
	float:right;
	width:25px;
	margin-right:21px;
}

#icons .twit{
	float:right;
	width:25px;
	margin-right:12px;
}

#icons .rss{
	float:right;
	width:25px;
	margin-right:11px;
}

	/************* Wrapper **************/
#wrapper{
	font-family: Simplified Arabic;
	size:17px;
	color: #3b2d20;
	text-decoration:none;
	text-align:right;
	margin:0 auto;
	margin-top:10px;
	}
	.clear {
		clear:both;
	}
	#wrapper  a{
	color:#b7681f;
	text-decoration:none;
	border:0px;
	
	}

	
	/********** Sidebar -Tabs *****************/
	

.tabbed {
	width:864px;
	margin-right:56px;
	}

/* List of tabs */.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li {
	list-style: none;
	width:70px;
	height:21px;
	float: right;
	margin-left:4px;
	padding-bottom:4px;
	background: url(images/button.png) no-repeat top left;
	}
.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	text-align:center;
	margin: 0 0px 0 0;
	}
.tabbed ul.tabs li a:hover {
	cursor:pointer; 
	}

.tabbed ul.tabs li a.tab-current {
	background: url(images/button.png) no-repeat top right;
	}
	
/* The content shown when a tab is selected */
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	padding:5px;
	background:#fdfaf3;
	border: 1px solid #c9be95;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	
	}

.tabbed div.t1 {
	height:140px;
	overflow:hidden;
	background:#fdfaf3;
	background: url(images/t1bg.jpg) no-repeat;
	}
.tabbed div.t1  li{
	list-style-type: none;
	display: inline-block;
	
	vertical-align:middle;
	width:107px;
	height:106px;
	background: url(images/clear.gif);
	text-indent:-999px;
	overflow:hidden;
	}
	

	
.tabbed div.t2 ul li, .t2 li{
	 list-style:none; 
	 margin-right:-10px;
	}
	
.tabbed div.t2  ul li a:hover{
	color:#3b2d20;
	text-decoration:none;
	border-bottom:1px dashed;
	}
	
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
	display: none;
	}
	
.tabbed div.t3 ul li, .t3 li{
	 list-style:none; 
	 margin-right:-10px;
	}
/* Content for inside your tabs' divs */
.tabbed div ul {
	}
.tabbed div p {
	}
.tabbed div div {
	}
	
	/************* Index - Imported **************/
	
	
#postin {width:919px; margin:0 auto; padding-top:4px;direction:rtl; }
#postin  	.post{
		width:919px;
		margin:0 auto;
		background-color:#fdfdf0;
		border: 1px solid #9e9790;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		position:relative;
		margin-bottom:40px;
		min-height:420px;
		height:auto!important;height:420px;
		direction:rtl;

	}
#postin  	.posta{
		width:919px;
		margin:0 auto;
		text-align:center;
		background-color:#fdfdf0;
		border: 1px solid #9e9790;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		position:relative;
		margin-bottom:40px;
		direction:rtl;

	}

#postin blockquote {
  padding:2px;
background:#EBEBDB;
color:#330000;
  border-right: 5px double #9e9790;
  background-position: top right;
  background-repeat: no-repeat;
  width:85%;
}
#postin 	.post .text {
		position:absolute;
		left:0px;
		width:530px;
		display:block;
		
	}
#postin 	.post h2, .post h2 a {
		text-align:center;
		font-size: 21px;
		font-weight: bold;
		padding-top:2px;
		color:#b7681f;

	}	
#postin 	.post  .text .date {
		font-family:Tahoma;
		font-size:10px;
		font-weight:bold;
		text-align:right;
		position:absolute;
		left:10px;
		color:#a49d96;
		position:absolute;
		display:block;

	}
	
#postin 	.content{
		font-family:Simplified Arabic;
		font-size:18px;
		text-align:justify;
		display:block;
		width:530px;
		margin-right:370px;
		margin-bottom:70px;
		max-width:530px;
	}

#postin 	.content img {
		max-width: 500px;
		width: expression(this.width > 500 ? 500: true);  
	}
#postin 	.content .readmore{
		background: url(images/readmore.gif) no-repeat;
		margin-left:0px;
		text-indent:-999px;
	}
#postin 	.post .imeg {
		text-align:center;
		float:right;
		width:360px;
		height:330px;
		display:block;
		top:8px;
		position:relative;
		margin-top:25px;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
			border:0px;
	}
#postin 	.post .imeg  img a{
	outline:none;
	text-decoration:none;
	border:none;
	color:#e4e1d8;
	}
#postin 	.post .imeg  img a:hover{
	outline:none;
	text-decoration:none;
	border:none;
	color:#e4e1d8;
	}
#postin 	.clear{
		clear:both;
	}
#postin 		.imeg .ins{
			text-align:center;
			background:#e4e1d8;
			margin-top:5px;
			margin-right:5px;
			margin-bottom:5px;
			position: absolute;
			overflow: hidden;
			border:0px;
			right:20px;
			width:330px;
			height:330px;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		}
		
#postin 			.imeg .ins .pic{
				width:310px;
				height:310px;
				overflow: hidden;
				padding-top:10px;
				padding-right:10px;
				
			}
		
#postin 	.post .bar{
		width:919px;
		position:absolute;
		margin-top:10px;
		right:0px;
		bottom:3px;
		height:80px;
		direction:rtl;
		
	}#postin 	.post .bar a{
		color:#b7681f;
	text-decoration:none;
	border:0px;
		
	}#postin 	.post .bar a:hover{
		border-bottom:1px solid;
	color:#3b2d20;
	border:0px;
		
	}
#postin 		.post .bar .meta{
			font-family:Tahoma;
			position:absolute;
			right:20px;
			bottom:3px;
			width:319px;
			font-size:12px;
			font-weight:bold;
			float:right;
			color:#a49d96;
			text-align:right;
		}
#postin 		.post .bar .readmore {
			background: url(images/readmore2.png) no-repeat left top;
			width:124px;
			height:20px;
			overflow:hidden;
			position:absolute;
			left:0px;
			bottom:1px;
			text-indent:-999px;
		}
#postin 		.post .bar .readmore:hover{
			background: url(images/readmore2.png) no-repeat left bottom;
		}
/*********** Single - Imporved *********/

#postsi {width:919px; margin:0 auto; padding-top:4px;direction:rtl; }
 	#postsi .post{
		width:919px;
		background-color:#fdfdf0;
		border: 1px solid #9e9790;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		position:relative;
		margin-bottom:10px;
		min-height:420px;
		height:auto!important;height:420px;
		direction:rtl;

	}
		
	#postsi .post .text {
		position:absolute;
		left:0px;
		width:919px;
		display:block;
		
	}#postsi 	.post .text a{
		color:#b7681f;
	text-decoration:none;
	border:0px;
		
	}#postsi 	.post .text a:hover{
		
	text-decoration:none;
		border-bottom:1px solid;
	color:#3b2d20;
	border:0px;
		
	}
#postsi 	.post  h2, .post h2 a {
		text-align:center;
		font-size: 31px;
		font-weight: bold;
		padding-top:2px;
		color:#b7681f;
		text-decoration:none;

	}
	#postsi 	.post h2 a:hover{
		text-align:center;
		font-size: 31px;
		font-weight: bold;
		padding-top:2px;
		color:#b7681f;
		text-decoration:none;

	}	
#postsi 	.post  .text .date {
		font-family:Tahoma;
		font-size:10px;
		font-weight:bold;
		text-align:right;
		position:absolute;
		left:10px;
		color:#a49d96;
		position:absolute;
		display:block;

	}	
#postsi 	.post  .text .meta {
		font-family:Tahoma;
		font-size:10px;
		font-weight:bold;
		text-align:right;
		position:absolute;
		right:10px;
		color:#a49d96;
		position:absolute;
		display:block;

	}

#postsi 	.content{
		font-family:Book Antiqua, Simplified Arabic;
		font-size:18px;
		text-align:right;
		display:block;
		width:880px;
		margin:auto;
		margin-top:20px;
		line-height:170%;
	font-stretch:normal;
	}
	#postsi 	.content a{
	color:#b7681f;
	text-decoration:none;
		border-bottom:1px solid;
	border:0px;
	
	}
#postsi 	.content a:hover{
	
	text-decoration:none;
	border-bottom:1px dashed;
	color:#3b2d20;
	border:0px;
	}
#postsi 	.post .imeg {
		text-align:center;
		vertical-align:middle;
		width:880px;
		display:block;
		margin:0 auto;
		position:relative;
		margin-top:71px;
		min-height:120px;
		height:auto!important;height:120px;
	}
	.clear{
		clear:both;
	}

#share {
	width:919px;
	/*background-color:#fdfdf0;*/
	border: 1px solid #9e9790;
	background-color: #9e9790;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	position:relative;
	margin-bottom:10px;
	height:10px;
	direction:rtl;
	}
#share .title{
	background: url(images/single_share.png) no-repeat center;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	}	

#share .icons{
	background: url(images/share-bt.png) no-repeat top center;
	display:block;
	text-align:center;
	}
		/************** Page Title**********/
#pagetit{
	margin: 0 auto;
	height:48px;
	margin-top:70px;
	margin-bottom:70px;
	text-indent:-999px;
	width:960px;
	overflow:hidden;
	background: url(images/pagetit.png) no-repeat;
	background-position:center;
}
#pagetit .main{
	width:450px;
	margin: 0 auto;
	height:48px;
	text-indent:1px;
	background: url(images/pgt_main.png) no-repeat center center;
	overflow:hidden;
	z-index:1;
	background-position:center;
}

#pagetit .index{
	width:450px;
	margin: 0 auto;
	height:48px;
	text-indent:-999px;
	background: url(images/pgt_i.png) no-repeat center center;
	overflow:hidden;
	background-position:center;
}
#pagetit .pst{
	width:450px;
	margin: 0 auto;
	height:48px;
	text-indent:-999px;
	background: url(images/pgt_post.png) no-repeat center center;
	overflow:hidden;
	background-position:center;
}
#pagetit .main .title{
	width:190px;
	margin: 0 auto;
	margin-right:180px;
	height:48px;
	font-family:simplified Arabic;
	direction:rtl;
	text-align:center;
	z-index:2;
	color:#f3d661;
	position:relative;
}
#pagetit .main .title .text{
	position:absolute;
	width:190px;
	text-align:center;
	margin:0 auto;
	font-weight: bold;
	font-size:30px;
}

/************* Comments ***********/

#comments {
	margin:0 auto;
	width:919px;
	font-stretch:normal;
	}
ul.commentlist {
	margin:0 auto;
	list-style:none;
	width:919px;
	-webkit-padding-start: 0px;
	list-style-position:inside;
	padding:0;
}
#comments .ComListLiTop{
	position:relative;
	margin-top:-10px;
	float:left;
	margin-left:20px;
	width:80px;
	height:25px;
	padding-top:5px;
	background-color:#9e9790;
	border-left: 1px solid #9e9790;
	border-right: 1px solid #9e9790;
	border-bottom: 1px solid #9e9790;
	font-family:Book Antiqua, Simplified Arabic;
	font-size:14px;
	text-align:center;
	color:#fdfdf0;
	display:inline;
}
#comments .ComListLiTop a{
	color:#f3d661;
	text-decoration:underline;
}
#comments .commentlist span.commentlist blockquote p{

	width:95%;
}
#comments .commentlist span.commentlist img{
	text-align:center;
	margin:0 auto;

}
span.name {
	color:#b7681f;
}
span.name  a{
	text-decoration:underline;
	}
small.info{
	color:#fdfdf0;
	font-size:12px;
	background-color:#9e9790;
	margin-right:-10px;
	padding-right:5px;
	padding-left:5px;
}

small.info a{
color:#fdfdf0;
	text-decoration:underline;
}

#quoter {
float:left; margin-left:-18px; margin-bottom:-10px; font-size:14px;
color:#fdfdf0;
	font-size:12px;
	background-color:#9e9790;
	margin-right:-10px;
	padding-right:5px;
	padding-left:5px;

}
#comments .commentlist span.commentlist p{
	padding-right:20px;
	padding-left:100px;
	margin:0 auto;
	text-align:right;
	font-size:18px;
	width:870px;
	line-height:27px;
	margin-top:10px;
	font-stretch:normal;
}
#comments .commentlist ol  {
	margin:0 auto;
	list-style:none;
	width:919px;
	-webkit-padding-start: 0px;
	list-style-position:inside;
	padding:0;
}
#comments .commentlist  ul li,   .commentlist   li{
	margin:0 auto;
	background-color:#fdfdf0;
	border: 1px solid #9e9790;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	margin-bottom:10px;
	direction:rtl;
	padding:10px;
	 list-style:none;
		min-height:120px;
		height:auto!important;height:120px;
	}
img.avatar {float:left; margin-left:3px; border: 1px solid #9e9790;
	overflow:hidden;}

	#comments .Form2{
		float:right;
		background: #fdfdf0 url("http://upload.wa7di.com/upload/up_down/1243337103closed2.jpg") center center no-repeat;
		height:350px;
		border: 1px solid #9e9790;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		padding:10px;
		padding-top:0px;
		width:440px;
		margin-bottom:20px;
		text-indent:-999px;
		overflow:hidden;
		}
	#comments .Form{
		float:right;
		background-color:#fdfdf0;
		border: 1px solid #9e9790;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		padding:10px;
		padding-top:0px;
		width:440px;
		margin-bottom:20px;
		}
		.Submit:hover{
			cursor:pointer;
		}
#comments .rposts{
		float:left;
		background-color:#fdfdf0;
		border: 1px solid #9e9790;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		padding:10px;
		padding-top:0px;
		width:420px;
		margin-bottom:20px;
}
#comments .rposts li{
	list-style:none;
	padding-bottom:10px;
	font-size:19px;
	padding-right:10px;
	
}
h3.random{
	color:#382004;
	background:url(images/random.png) no-repeat center;
	text-indent:-999px;
	overflow:hidden;
}
h3.respond{
	color:#382004;
	background:url(images/add-c.png) no-repeat center;
	text-indent:-999px;
	overflow:hidden;
}
/****************** Footer ***************/

#footer {
	width:948px;
	height:141px;
	background: url(images/footer.jpg) no-repeat center bottom;
	z-index:0;
	margin-bottom:-4px;
	}
	#footer .rights{
		width:240px;
		height:120px;
		float:left;
		overflow:hidden;
		text-indent:-999px;
		}
	#footer .recs{
		width:700px;
		float:right;
		overflow:hidden;
		z-index:1;
	}
	#footer .recs li{
		list-style:none;
		padding-left:20px;
	}