/*  -------------------- بسم الله الرحمن الرحيم --------------------

    Theme Name: جلدية دوت كوم
    Theme URI:  http://www.geldeya.com/
    Description:  ثيم مدونة جلدية دوت كوم ... تصميم :  <a href="http://www.mo3aser.com/">المُعاصر</a>.
    Version: 1.0
    Author: Mo3aser.com
    Author URI: http://www.mo3aser.com
        
    -------------------------------------------------------------   */
 
* { margin:  0;  padding: 0;  border:  0 none;  list-style-type: none;}
	html{background:#F1EEF1 url(images/body-bg.jpg) repeat-x top center; }

/*	Body
	- - - - - - - - - - */
body {
	background:url(images/footer-bg.jpg) repeat-x bottom;;
    direction: rtl;
    font: normal 9pt tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#333;
}

 /*	Wrapper
	- - - - - - - - - - */ 
.wrapper {background:url(images/header.jpg) no-repeat center top; overflow:hidden; margin:0 auto;}   
	.container{
		background:#FFF;
		margin:0 auto;
		overflow:hidden;
		height:100%;
		width:968px;
		padding:0 10px 0 0;
		position:relative;
		border-right:1px solid #D4D3D6;
		border-left:1px solid #D4D3D6;
	}
	.container-top,.container-bot{
		background:url(images/rounded.jpg) no-repeat top;
		width:980px;
		margin:0 auto;
		height:15px;
	}
		.container-bot{background-position:bottom center;}

/*	Header
	- - - - - - - - - - */
.header {
	height: 430px;
	margin: 0 auto;
	position:relative;
	width:970px;
	margin-bottom:20px;
}
    .logo {
    	position:absolute;
		display:block;
		height:140px;
		text-indent:-9999px;
		overflow:hidden;
		width:340px;
		right:40px;
		top:50px;
	}
	.buttons{ 
		text-align:center;
		height:36px;
		position:absolute;
		top:0;
		right:190px;
		width:780px;
		overflow:hidden;
	}	
		.buttons li{ float:right; overflow:hidden; margin-left:5px;}
			*html .buttons li{ width:100px;}
			.buttons li a{
				display:block;
				overflow:hidden;
				color:#ccc !important;
				height:27px;
				display:block;
				padding:9px 15px 0;
				font:bold 12pt Arial;
			}
			.current_page_item a ,.buttons li a:hover{
				background:url(images/hover.jpg) repeat-x top;
				margin:0px !important;
				color:#FFF !important;
			}
			
	.twitter-box{
		font-size:90%;
		height:85px;
		line-height:16px;
		overflow:auto;
		position:absolute;
		left:18px;
		text-align:justify;
		top:64px;
		width:270px;
		padding:0 5px;
	}	
		.aktt_tweet_time{
			display:block;
			text-align:left;
			margin:3px 0 5px;
			border-bottom:1px solid #CCC;
		}
		
	.twitter-link{
		width:70px;
		height:60px;
		display:block;
		position:absolute;
		left:15px;
		top:165px;
		overflow:hidden;
		text-indent:-99999px;;
	}
	.top-box{
		 position:absolute;
		 top:235px;
		 height:200px;
		 overflow:hidden;
		 width:950px;
		 padding:0 10px;
	}
		.first-post{
			float:right !important;
			clear:none !important;
			width:640px !important;
			border-bottom:none !important;
			text-align:justify;
			line-height:17px;
		}
		.post-list{height:180px;overflow:hidden;}
			.post-list li {
				display:block;
				border-bottom: 1px dashed #FFEC85 ;
				padding:9px 3px 4px;
				list-style:none;
				color:#555;
				clear:left;
				overflow:hidden;
				float:left;
				width:280px;
			}
			.post-list li:hover{border-bottom: 1px dashed #FFF ;}
		.top-box h3 a , .top-box h2 a{color:#000 !important; text-shadow:1px 1px 0 #ccc;}
		.top-box h3 a:hover , .top-box h2 a:hover{color:#FFF !important; text-shadow:1px 1px 0 #333;}
		.featured-more{
			font:bold 12pt Arial;
			color: #FFF !important;
			display:block;
			text-shadow: 1px 1px 0px #333;
			float:left;
			width:100px;
			text-align:center;
			margin-top:15px;
		}
			.featured-more:hover{color:#000 !important; text-shadow:1px 1px 0 #ccc;}
		.post-image{float:right; margin:7px 0 0 10px;}
		.top-box .post-image{background:#FFEC85 ; border:1px solid #FDAF21; padding:5px;}
		.top-box .entry{padding-top:10px;}		

/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:313px;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}
	.search-index{ padding-right:8px; margin-bottom:3px; overflow:hidden}
		.search-index #s{
			width:220px;
			float:right;
			padding:9px 27px 0 5px;
			background:url(images/search-bg.jpg) no-repeat top center !important;
			border:0 none !important;
			height:22px;
			margin-left:3px;
			font-weight:bold;
		}
		.search-index .search-button{
			background:transparent;
			border: none;
			cursor:pointer;
			float:right;
			padding:0 !important;
		}
	.widget{margin-bottom:12px; clear:both;}
		.widget-container{background:#FFF url(images/widget-footer.jpg) no-repeat center bottom; padding:0 15px 10px; overflow:hidden; }
			.widget h3.head{
				background:url(images/widget-title.jpg) no-repeat center top;
				font-size: 12pt;
				padding:8px 20px 0 0;
				height:41px;
				color:#000 ;
				text-shadow:1px 1px 0 #ccc;
			}
			.widget ul li { text-align: right; display:block;	border-bottom: 1px dashed #dedede; padding:8px 3px 3px;}
				.widget ul li li{ display:block; border-bottom: 0 none ; padding:7px 20px 7px 3px;}
					.widget ul li li:hover{border-bottom: 0 none ;}
				.widget ul li:hover {border-bottom: 1px dashed #AFAFAF;}
		
/*	Narrowcolumn
	- - - - - - - - - - */
.narrowcolumn{width:653px;	margin:10px 0;	float:right;}
	.post{
		background:url(images/div.jpg) no-repeat bottom center;
		padding-bottom:15px;
		margin-bottom:25px;
		width:642px;
		margin:0 auto 10px;
	}
	h2.title{font-size: 18pt; padding:0 10px 0 0; text-shadow: 1px 1px 0px #ccc;}
	.post-info {
		background:url(images/wide-bar.jpg) no-repeat center top;
		color:#5f5e5e;
		/*height:24px;*/
		margin:5px 20px 10px;
		overflow:hidden;
		padding:3px 0;
		border-bottom:1px dashed #CCC;
		line-height:22px;
	}
	.post-author , .post-cat{
		float:right;
		margin-right:10px;
		padding-right:20px;
		background:url(images/post-icons.jpg) no-repeat right bottom;
	}
	.post-author{display:none;}
	.post-cat{background-position:right top; margin-left:10px;	}
	.post-viewrs, .post-comments{
		background:url(images/post-icons.jpg) no-repeat right -34px;
		float:right;
		margin-right:10px;
		padding-right:20px;
	}
	.post-viewrs{background-position:right -67px;}
	.postmetadata{
		display:block;
		padding:3px 8px 3px 8px;
		margin:10px 10px 12px;
		border:1px solid #ccc;
		overflow:hidden;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.more-link{
		background:url(images/more.jpg) no-repeat bottom;
		display:block;
		width:133px;
		height:31px;
		float:left;
		overflow:hidden;
		clear:both;
		margin:5px 0 15px;
		text-align:center;
		font:bold 12pt Arial;
		line-height:31px;
		color:#FFF !important;
		text-shadow:1px 1px 0 #333;
	}
		.more-link:hover{ background-position:center top; color:#000 !important; text-shadow:1px 1px 0 #ccc;}
		.entry{	padding:5px 10px 0px;text-align:justify; line-height:20px;}
		blockquote {
			margin: 15px 30px 0 10px;
			padding-right: 20px;
			border-right: 5px solid #ddd;
			color: #999;
		}
		.post p{margin-bottom:1.2em;}

	.navigation {display: block; text-align: center;}
	html>body .entry ul {
		margin-left: 0px;
		padding: 0 30px 0 0;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
	}
		html>body .entry li {margin: 7px 0 8px 10px;}
		
	.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";}
	.entry ol {	padding: 0 35px 0 0;}

	
#related_posts{overflow:hidden;margin-bottom:10px; }
#related_posts li{text-align:center;width:130px;float:right;margin:0 6px 0 5px;padding:5px;overflow:hidden; list-style:none;}  
#related_posts li:hover img {opacity: 1;}
#related_posts li img {background: white;border: 1px solid #CCC;padding: 2px;margin:5px auto 0;opacity: 0.7;}

/* Slider
   ---------------------- */
#post-slider{background:#000; position: relative; overflow: scroll; margin:15px auto; width: 570px; height: 420px;}
#post-slider .post-slider-content{position: absolute;left: 0;top: 10px;}
#post-slider .slide{float: left;overflow: hidden;width: 570px; position:relative; height:375px; text-align:center;}
#post-slider .slide img{margin:0 auto;}
#post-slider .slide-caption{ background:#262626; margin:10px 20px; font:bold 11pt arial;  padding:5px 10px; overflow:hidden; color:#FFF;  line-height:19px; }
#post-slider #post-slider-paginate{ position:absolute; bottom:15px; width:570px; text-align:center;}



/*	CommentList
	- - - - - - - - - - */	
.commentlist li {
	border: 1px solid #ccc;
	margin: 15px 10px 10px;
	padding:  10px;
	list-style: none;
	overflow:auto;
	clear:both;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.commentlist li:hover {border: 1px solid #999;}
	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
	}
	.commentlist cite, .commentlist cite a {font: bold 12pt arial;}
	.commentlist p {line-height:20px; margin: 0px 10px 5px 0; text-align: justify;}
	.commentlist li ul li {margin-right: 20px;}
	.nocomments {text-align: center;}
	.commentmetadata {display: block; text-align:right; font-size:90%; margin-bottom:10px;}
	.says{display:none}
	.commentlist li.alt {background-color:#F8F8F8}
	.reply{position:absolute; top:10px;	left:10px;}
		.reply a , .more{
			padding:4px 13px 6px;
			background:#C2C2C2;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			font-weight:bold;
			color:#000 !important;
			float:left;
		}
		.reply a:hover , .more:hover{background:#DA9903 !important; color:#FFF !important;}
		#respond h3,#comments {
			margin:20px 0 0;
			text-align:center;
			color:#666;
			text-shadow: 1px 1px 0px #ccc;
			text-align:center;
			padding-bottom:5px;
		}
		.bypostauthor {border: 1px solid #DA9903 !important;}
			.bypostauthor:hover {border: 1px solid #FFA317 !important;}

/*	Footer
	- - - - - - - - - - */
.footer{
	background:url(images/footer.jpg) no-repeat bottom;
	clear:both;
	overflow:hidden;
	margin:10px 0 0;
}
.footer-container{
	height:304px;
	width:970px;
	margin:0 auto;
	position:relative;
}
	.footer-widgets{
		padding-right:40px;
		width:610px;
		overflow:hidden;
		height:255px;
		float:right;
	}
		.footer-box{width:260px; float:right; margin:15px 0 10px 42px;	overflow:hidden;}
			.footer-box-content{padding:0 5px;}
				.footer-box li{ display:block;	border-bottom: 1px dashed #999; padding:8px 3px 3px;}
				.footer-box h3{
					background:url(images/widget-footer-head.jpg) no-repeat top center;
					font:bold 12pt Arial;
					text-shadow: 1px 1px 0px #fff;
					padding:0px 0 7px 0;
					text-align:center;
					color:#000;
				}
	.footer-coulmn{	float:left;	height:255px; margin:10px 0 0 0; width:305px;}
	.status{
		float:right;
		width:140px;
		height:65px;
		text-align:center;
		margin:0 5px;
		display:inline;
	}
		.status h3{color:#666;	text-shadow: 1px 1px 0px #fff;}
		.status strong{color:#F49D00; text-shadow: 1px 1px 0px #fff; font-size:22pt; margin-top:5px; display:block;}
		.rss-box{
			width:100%;
			height:155px;
			margin-top:30px;
			color:#000;	
			text-shadow: 1px 1px 0px #FFEC85;
			font:bold 12pt Arial;
			position:relative;
		}
			.rss-box .subscribe_textield{
				background:url(images/mail-bg.jpg) no-repeat !important;
				border:0 none !important;
				padding:8px 5px 0;
				height:23px;
				width:202px;
				float:right;
				color:#8D1C0B;
				margin:10px 17px 10px 4px;
				display:inline;
				font-weight:bold;
			}
			.rss-box .subscribe{border:0 none !important; padding:0 !important;	float:right; margin:10px 0 !important;}
		.rss-subscribe{	display:block; margin-top:10px; height:75px; width:100%;}
			a.rss-subscribe{position:absolute;	margin-top:0 !important;}
			.rss-counter{
				width:230px;
				text-align:center;
				height:65px;
				padding-top:10px;
			}
			.rss-counter strong{font-size:24pt;}
			
	.mo3aser {
		width:120px;
		height:30px;
		text-indent:-99999px;
		overflow:hidden;
		position:absolute;
		bottom:5px;
		left:15px;
		display:none;
	}
	.copyright{position:absolute ; right:10px; bottom:10px;}

/*	Forms
	- - - - - - - - - - */
#commentform{margin:0 8px;}
#commentform input{	width:200px;}	
textarea {padding: 5px 6px ; width: 97%;}
textarea ,input{
	background: #f2f2f2;
	border: 1px solid #CCC;
	color: #000;
	font:12px Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:3px 4px;
}
	input:hover,textarea:hover{	border: 1px solid #DA9903;}
	input:hover,textarea:focus{	background: #FFF;}

/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,img.aligncenter {display: block; margin:2px auto; border:1px solid #cbcdcc; padding: 4px;}
img.alignright{ padding: 4px; margin: 2px 3px 3px 8px; display: inline; clear:both;}
img.alignleft {	padding: 4px; margin: 2px 8px 3px 3px; display: inline; clear:both;}

.alignright {float: right;}
.alignleft  {float: left;}
small {
	font: normal 9pt tahoma,Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
h2 , h3 {font: bold 16pt Arial,tahoma,Helvetica,sans-serif;}
	h2.pagetitle {
		font-size: 18pt;
		text-align: center;
		color:#999;
		margin-bottom:10px;
	}
h3 {font-size: 12pt;}
a:link,a:active,a:visited {text-decoration: none; outline:none;	color: #D97C00;}
a:hover {color: #FFA317;}
.clear{clear:both;}

div#coldform {margin: 11px 0; width: 550px;}
div#coldform fieldset {	border: 0 none;	display: block;	clear: both;}
div#coldform legend.hide {	display: none;}
div#coldform label.label {
	text-align: right;
	display: block;
	padding: 3px 0;
	margin: 3px 0;
	width: 155px;
	clear: right;
	float: right;
}
input#coldform_carbon { margin: 0 0 -7px 7px; }
div#coldform textarea#coldform_message,  
div#coldform input.input {width: 350px;	float: left;}
div#coldform input.submit {
	display:block;
	float:right;
	height:30px;
	margin:3px 0 13px 137px;
	width:150px;
}

.wp-pagenavi{margin:10px 5px 0;}
.wp-pagenavi a, .wp-pagenavi a:link , .wp-pagenavi a:visited ,  .wp-pagenavi a:active,
.wp-pagenavi span.pages,.wp-pagenavi span.extend,
.wp-pagenavi a:hover,.wp-pagenavi span.current {
	margin: 2px !important;
	text-decoration: none !important;
	border: 1px solid #C8C8C8 !important;
	background-color: #f2f2f2 !important;	
	float:right !important;
	padding: 8px 10px!important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#DAA503 !important;
}
.wp-pagenavi a:hover,.wp-pagenavi span.current {	
	color: #98ac28 !important;
	border: 1px solid #DA9903 !important;
	background-color: #DA9903 !important;

}

.whp{
   padding: 60px 0 0 0;
   background:url(images/whp.jpg) no-repeat top center;
}
.fb{
	float: right;
	margin: 0px 0px 0 20px;
}
/* Share Post */
.sharepost{
	background: #fff;
	padding: 4px 2px;
	float: left;
	position: fixed;
	top: 218px;
	margin-right: -85px;
	width: 64px;
	text-align: center;
	z-index: 1;
	border: 1px solid #D4D4D4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sharepost span.face{ text-align: center; margin: 5px auto; width: 50px;  display:inline-block;}
.sharepost span.addthis_toolbox{text-align: center; margin: 0 auto 5px; width: 46px;  display:inline-block;}

.wpaudio-container{direction:ltr; margin-bottom: 10px !important;}