/*  --------------------------------------------------------------

    Theme Name: ثيم مدون سعد الحربي
    Theme URI:  http://www.saadsite.com/
    Description: ثيم مدونة سعد الحربي الخاص ... تصميم : سعد الحربي . 
    Version: 1.0
    Author: Mo3aser
    Author URI: http://www..com/
    
    Coded By : Takwed.com | Fouad Badawy
     -------------------------------------------------------------   */
 
* { margin:  0; padding: 0; border:  0 none;}

/*	Body
	- - - - - - - - - - */
body {
	background:#797979;
    direction: rtl;
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#333;
}
#wrapper {
	background:url(images/bg-content.png) repeat-y top;
	width:996px; 
	margin:0 auto;
}
.wrapper-head,.wrapper-footer{background:url(images/bg.png) no-repeat top; height:72px; width:996px; margin:0 auto; position:relative;}
.wrapper-footer{background-position:center bottom; height:10px;}

/*	Header
	- - - - - - - - - - */
.header {
	width : 976px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
	height:344px;
	clear:both;
}
    .logo {
    	background:url(images/logo.png) no-repeat top center;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		width:669px;
		height:63px;
		position:absolute;
		top:13px;
		right:20px;
	}
		.wrapper-head .social{position:absolute; top:25px; left:20px; }
		.social li , .share a{ list-style:none; float:none; display:inline; margin-left:5px; opacity:0.6;}
		.social li:hover , .share a:hover{opacity:1;}

	#buttons{
		position:absolute ;
		list-style:none;
		height:53px;
		top:15px;
		right:25px;
		width:680px;
		overflow:hidden;
	}
		#buttons li{float:right;  list-style:none;}
			#buttons li a:link , #buttons li a:visited , #buttons li a:active{
				background:url(images/buttons.png) no-repeat right top;
				height:53px;
				display:inline-block;
				margin-left:5px;
				text-indent:-9999px;
				border-left:1px dashed #CCC;
			}
			#buttons li.home a{width:115px; background-position:right bottom;}
				#buttons li.home a:hover , #buttons .home.current_page_item a{background-position:right top;}
				
			#buttons li.page-item-3 a{width:165px; background-position:-395px bottom;} /* about */
				#buttons li.page-item-3 a:hover , #buttons .page-item-3.current_page_item a{background-position:-395px top;}
				
			#buttons li.page-item-367 a{width:90px; background-position:-300px bottom;} /*portoflio */
				#buttons li.page-item-367 a:hover ,  #buttons .page-item-367.current_page_item a{background-position:-300px top;}
				
			#buttons li.page-item-370 a{width:80px; background-position:-210px bottom;} /* Books */
				#buttons li.page-item-370 a:hover ,  #buttons .page-item-370.current_page_item a{background-position:-210px top;}

			#buttons li.page-item-72 a{width:85px; background-position:-110px bottom;} /*bloggers */
				#buttons li.page-item-72 a:hover ,  #buttons .page-item-72.current_page_item a{background-position:-110px top;}

			#buttons li.page-item-2 a{width:100px; background-position:5px bottom;} /* Contact */
				#buttons li.page-item-2 a:hover ,  #buttons .page-item-2.current_page_item a{background-position:5px top;}
				
			.color-panel{
				position:absolute;
				top:19px;
				left:190px;
				width:102px;
				height:53px;
				border-left:1px dashed #CCC;
				text-align:center;
				line-height:19px;
				font-weight:bold;
				font-size:11pt;
				color:#999;
			}
		.search-index{ margin-bottom:10px; overflow:hidden;}
		.search-index .search-button{
			border: none;
			float:right;
			color:#000;
			width:20px;
			margin-right:10px;
			cursor:pointer;
			text-indent:-9999px;
			height:27px;
			margin-top:3px;
		}
		.search-index #s{
			width:245px;
			-moz-border-radius:0px; -webkit-border-radius:0px;
			padding:8px 4px;
			float:right;
			font-weight:bold;
			font-size:10pt;
		}
		.top-adv{
			position:absolute;
			top:240px;
			width:900px;
			right:40px;
		}
		.ads-box{text-align:center; margin-top:5px;}
		
		.featured-posts{
			width:620px;
			position:absolute;
			top:125px;
			right:30px;
			height:110px;
			overflow:hidden;
		}
			.featured-posts li{
				text-align:center;
				width:130px;
				float:right;
				margin-left:15px;
				list-style:none;
			}
				.featured-posts h2{font:bold 10pt tahoma,arial !important; margin-top:5px;}
				.featured-posts img{border:1px solid #CCC; opacity:0.6;}
				.featured-posts a{color:#ccc !important;}
					.featured-posts li:hover a{color:#FFF !important;}
					.featured-posts li:hover img{border:1px solid #FFF; opacity:1.0 !important;}


/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:300px;
	float:left;
	margin:0 5px 0 0;
	position:relative;
}
	.sidebar h3.widget-title{
		width:290px;
		height:34px;
		font-size: 12pt;
		color:#FFF;
		padding:0 10px 0 0;
		clear:both;
		line-height:34px;
		text-shadow: 1px 1px 0px #333;
	}
	.widget-container{padding: 5px; margin:0 0 10px 0;}
		.widget-container select{margin-top:5px; border: 1px solid #999; width:190px;}
		.widget-container ul{list-style-type: none;}
			.widget-container ul li {display:block; border-bottom: 1px dashed #dedede; padding:7px 10px 5px 3px;}
			.widget-container ul li:hover {border-bottom: 1px dashed #AFAFAF; }
				.widget-container ul li li{ display:block; border-bottom: 0 none ; padding:7px 20px 7px 3px;}
					.widget-container ul li li:hover{border-bottom: 0 none ; padding-right:25px;}
				

/*	Narrowcolumn
	- - - - - - - - - - */
#container{	width:950px; margin:15px auto 0; position:relative; overflow:hidden;}
#content{width:630px; float:right; overflow:hidden;}
.one-column{width:930px !important;}
	.entry-title{font-size: 20pt; padding:5px 0 0; text-shadow: 1px 1px 0px #d2d2d2;}
	.entry-meta{
		background:url(images/entry-meta.png) no-repeat;
		border-bottom:2px solid #e1e1e1;
		color:#5f5e5e;
		height:24px;
		margin:5px auto 10px;
		overflow:hidden;
		padding-top:3px;
		width:615px;
	}
	.post-date , .post-cat{
		float:right;
		margin-right:10px;
		padding-right:20px;
		background:url(images/post-icons.png) no-repeat right bottom;
		height:18px;
		padding-top:2px;
	}
	.post-cat{background-position:right top; margin-right:20px;	}
	.post-viewrs, .post-comments{
		background:url(images/post-icons.png) no-repeat right -34px;
		float:left;
		margin-left:10px;
		padding-right:20px;
		height:20px;
		padding-top:2px;
	}
	.post-viewrs{background-position:right -67px; margin-right:10px;}
	.post{
		background:url(images/div.png) no-repeat bottom;
		padding-bottom:25px;
		margin-bottom:5px;
		padding-right:15px;
	}
		.entry-content p{margin-bottom:1.2em;}
		.entry-content{	padding:0 2px; clear:both; text-align:justify; line-height:18px;}
		
	.more-link{
		font:bold 12pt Arial;
		color: #000 !important;
		display:block;
		text-shadow: 1px 1px 0px #ccc;
		float:left;
		width:150px;
		text-align:left;
		margin-top:15px;
		clear:both;
	}
		blockquote {
			background:url(images/blockquote.gif) no-repeat 100% 3px #F4F5F7;
			padding:8px 40px 8px 12px;
			margin: 15px;
			border:1px dashed #666;
		}
		.entry-content blockquote.left {
			float: left;
			margin-left: 0;
			margin-right: 24px;
			text-align: right;
			width: 33%;
		}
		.entry-content blockquote.right {
			float: right;
			margin-left: 24px;
			margin-right: 0;
			text-align: left;
			width: 33%;
		}

		.navigation {line-height: 18px;	overflow: hidden;}
		.nav-previous {	float: right;	width: 50%;}
		.nav-next {float: left;	width: 50%;	text-align:left;}
		#nav-above {margin: 0 0 18px 0;}
		#nav-above {display: none;}
		.paged #nav-above,
		.single #nav-above {display: block;}
		
	.share {clear:both; margin-top:20px;}
	.share a{margin:20px 10px 0 0;}
		.entry ol {	padding: 0 35px 0 0}
		
	.entry ul li {
		margin:0 0 5px 0;
		padding:0 18px 0 0;
		background:url(images/bullet4.png) no-repeat right;
		background-position:right 2px;
		list-style: none;
	}
		.entry li {margin: 7px 10px 10px 0;}
		
	#entry-author-info {
		background: #f2f2f2;
		border-top: 4px solid #ccc;
		padding: 18px 20px;
		margin: 15px 0;
		overflow: hidden;
		clear: both;
		font-size: 14px;
		line-height: 20px;
	}
	#entry-author-info #author-avatar {
		background: #fff;
		border: 1px solid #e7e7e7;
		padding: 11px;
		height: 60px;
		float: right;
		margin: 0 0 0 -104px;
	
	}
	#entry-author-info #author-description {
		float: right;
		margin: 0 104px 0 0;
	}
	#entry-author-info h2 {
		color: #000;
		font-weight: bold;
		margin-bottom: 0;
		font-size:12pt
	}


/* Comments form */
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond .comment-notes {margin-bottom: 1em;}
.form-allowed-tags {line-height: 1em;}
.children #respond {margin: 0 48px 0 0;}
h3#reply-title {margin: 18px 0;}
#comments-list #respond {margin: 0 0 18px 0;}
#cancel-comment-reply-link {line-height: 18px;}
#respond .required {color:#FF4B33; font-weight:bold;}
#respond label { color: #888; margin-right:10px;}
#respond input {
	display:block;
	float:right;
	margin:0 0 9px;
	width:98%;
}
#respond textarea {width:98%;}
#respond .form-allowed-tags {color: #888; line-height: 18px;}
#respond .form-submit {	margin: 12px 0;}
#respond .form-submit input {width: auto;}
.comment-form-email , .comment-form-url , .comment-form-url , .comment-form-comment{clear:both;}
.comment-form-comment label{
	display:none;
}

/*	CommentList
	- - - - - - - - - - */	
.commentlist , #respond , #comments{margin:20px 0 5px;}
.commentlist li {
	border: 1px solid #ccc;
	margin: 15px 5px 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 a {
			padding:4px 13px 6px;
			background:#d2d2d2;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			font-weight:bold;
			color:#000 !important;
			float:left;
			margin-bottom:3px;
		}
		#respond h3,#comments , #pings {
			border-bottom:1px dashed #ccc;
			color:#666;
			padding:0 10px 3px 0;
			margin-bottom:5px;
		}


/*	Footer
	- - - - - - - - - - */
#footer{
	overflow:hidden;
	clear:both;
	margin:0 auto;
	height:289px;
	color:#000;
	position:relative;
}
#footer-widget-area{padding:10px 40px 0; overflow:hidden;}
#footer-widget-area .widget-area{
	float:right;
	width:150px;
	margin-left:25px;
}
#footer-widget-area .widget-area h3{
	color:#FFF;
	font:bold 10pt tahoma !important;
	margin-bottom:5px;
	padding-bottom:5px;
}
	.f-widget-container ul{list-style-type: none;}
		.f-widget-container ul li {display:block; padding:3px 3px 5px 3px;}
		
	.f-widget-container a {color:#000 !important;}
		.f-widget-container a:hover {color:#FFF !important;}
		
#footer-widget-area #second{width:230px;}
	#footer-widget-area #second li{float:right; width:100px; margin:0 3px;}

#footer-widget-area	.widget {height:170px; overflow:hidden; margin-bottom:5px;}
	.mail-list{
		width:355px;
		height:40px;
		margin:3px 22px 0 0;
		overflow:hidden;
		font:bold 11pt Arial ;
		color:#FFF;
	}
		.mail-list div{	width:105px; float:right; padding-top:3px;}
		.mail-list form{float:right;}
		.mail-list input{border:0 none !important; float:right;}
		.mail-list .subscribe_textield{background:url(images/mail-bg.png) no-repeat top; width:178px; !important; font:bold 12pt Arial ; padding:4px 39px 0 0 ; color:#999; height:34px;}
		.mail-list .subscribe_textield:focus{color:#f58504;}
		.mail-list  .subscribe{background:url(images/mail-arrow.png) no-repeat; cursor:pointer; width:25px; margin-top:7px; height:30px; text-indent:-99999999px;}

.user-online{
	background:url(images/user-online.png) no-repeat;
	width:161px;
	height:50px;
	float:right;
	margin:0 20px 0 40px;
	overflow:hidden;
	display:inline;
}
.user-online strong{
	font:bold 12pt Arial,tahoma;
	color:#FFF;
	padding:12px 50px 0 0;
	display:block;
}
	.twitter-box{
		display:inline;
		width:300px !important;
		height:142px;
		overflow:hidden;
		margin-left:0 !important;
	}
		.tweet ul{padding:20px 10px 0; list-style:none;}
		.tweet a.aktt_tweet_time{display:block; text-align:left; padding:7px 0 3px; color:#FFF !important;}
			.tweet a.aktt_tweet_time:hover{color:#CCC !important;}
			
		.let-me-design{
			padding:3px;
			-moz-border-radius:5px;	-webkit-border-radius:5px;
			border:1px solid #666;
			margin-right:10px; text-decoration: line-through;
		}
		#site-info{color:#FFF; padding:23px 20px 0 0; position:relative;}
		#site-info .social { position:absolute; left:380px; bottom:-5px;}
		#site-info .social img{width:20px;}
		.mo3aser{
			height:28px;
			overflow:hidden;
			text-indent:-999px;
			width:103px;
			display:block;
			position:absolute;
			bottom:2px;
			left:2px;
		}

/*	Forms
	- - - - - - - - - - */
input {	padding: 2px 4px}
#commentform{margin:0px 8px;}
#commentform input{	width:200px;}	
textarea {padding: 2px 6px;	width: 97%;}
textarea ,input{
	background: #F8F8F8;
	border: 1px solid #ccc;
	color: #000;
	font:12px Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	
	.form-submit #submit{
		width:130px;
		float:left;
		cursor:pointer;
		font-weight:bold;
		background:#D2D2D2;
		border: 1px solid #999;
		padding:3px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		margin-left:5px;
	}

/*	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; border:1px solid #cbcdcc; clear:both;}
img.alignleft {	padding: 4px; margin: 2px 8px 3px 3px; display: inline; border:1px solid #cbcdcc; clear:both;}

.alignright {float: right;}
.alignleft  {float: left;}
h1 , h2 , h3 {font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif; font-weight: bold;}
	h1.page-title {
		font-size: 16pt;
		text-align: center;
		color:#999;
		margin-bottom:10px;
	}
h3 {font-size: 14pt;}
.clear{clear:both;}	

div#coldform {margin: 11px 0; width: 500px;}
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: 125px;
	clear: right;
	float: right;
}
input#coldform_carbon { margin: 0 0 -7px 7px; }
div#coldform textarea#coldform_message,  
div#coldform input.input {width: 300px;	float: left;}
div#coldform input.submit {
	display:block;
	float:right;
	height:30px;
	margin:3px 0 13px 137px;
	width:200px;
}

.wp-pagenavi{margin:10px 20px !important; overflow:hidden;}
.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;
	float:right !important;
	padding: 8px 10px!important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	
	
/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background:none !important;
	}
	#wrapper {
		float: none !important;
		clear: both !important;
		display: block !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		margin: 0;
		padding:0;
		line-height: 1.4em;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		width: 100%;
		margin: 0;
	}
	#content,
	.one-column #content {
		width: 100%;
		margin: 24pt 0 0;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display:none
	}
	#site-generator a {
		padding: 0;
	margin: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display:inline;
	}
	.home .sticky {
		border: none;
	}
}