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

    Theme Name: ثيم خاطرة بيضاء
    Theme URI:  http://www.kha6rh.com/
    Description:ثيم مدونة خاطرة بيضاء الخاص ... تصميم :  <a href="http://www.mo3aser.com/">المُعاصر</a>.
    Version: 1.0
    Author: Mo3aser
    Author URI: http://www.mo3aser.com/
     -------------------------------------------------------------   */
 
* { margin:  0; padding: 0; border:  0 none;}

/*	Body
	- - - - - - - - - - */
body {
	background:#FFF url(images/body-bg.png) repeat-x top;
    direction: rtl;
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#333;
}
.wrapper { background:url(images/bg.png) repeat-y center; overflow:auto; margin:0 auto;}   
	.wrapper-content { background:url(images/header.png) no-repeat center top; overflow:auto; margin:0 auto;}
	

/*	Header
	- - - - - - - - - - */
.header {
	width : 930px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
	height:300px;
}
    .logo {
		display:block;
		height:120px;
		text-indent:-9999px;
		overflow:hidden;
		width:325px;
		float:right;
	}
	#buttons{
		position:absolute ;
		list-style:none;
		height:34px;
		top:117px;
		right:0;
		width:600px;
		overflow:hidden;
	}
		#buttons li{float:right; }
			#buttons li a:link , #buttons li a:visited , #buttons li a:active{
				height:26px;
				display:inline-block;
				text-align:center;
				padding:8px 0 2px;
				color:#eef6f9;
				font: bold 12pt Arial,Helvetica,sans-serif;
				margin-left:2px;
				width:90px;
				text-shadow: 1px 1px 0px #0288b0;
			}
				#buttons li a:hover {color:#FFF !important;	}
				#buttons li.current_page_item a , #buttons li.current_page_item a:hover{
					color:#00a7d8 !important;
					background:url(images/tap.png) top no-repeat;
					text-shadow: 1px 1px 0px #ccc !important;;
				}
		#buttons li ul {
			z-index: 9999;
			position: absolute;
			visibility: hidden;
			height: auto;
			width: 160px;
			margin: 0;
			display: block;
			background: #FAF7F0;
			border: 1px solid #F2F0E9;
			text-align:right;
		}
		#buttons li ul a {width: 150px;}
		#buttons li ul ul {margin: -25px 0 0 -0px; padding: 0;}
		#buttons li:hover ul ul, #buttons li:hover ul ul ul, #buttons li.sfhover1 ul ul, #buttons li.sfhover1 ul ul ul {left: -999em;}
		#buttons li:hover ul, #buttons li li:hover ul, #buttons li li li:hover ul, #buttons li.sfhover1 ul, #buttons li li.sfhover1 ul, #buttons li li li.sfhover1 ul {
			left: auto;
			visibility: visible;
			}
		#buttons li:hover, #buttons li.sfhover {position: static;}
		#buttons li:hover ul li:hover ul {
			position : relative ;
			right : 170px;
			top: -9px;
			bottom: 0;
		}
		.search-index{
			position:absolute;
			left:350px;
			width:240px;
			height:18px;
			top:0;
			padding-top:7px;

		}
		.search-index #s,.search-index .submit{	background:transparent;	border: none; float:right; color:#000;}
		.search-index #s{width:200px;}
		.search-index .submit{width:20px; margin-right:10px; cursor:pointer; text-indent:-9999px}
		.photo-top{
			background:url(images/photo.png) no-repeat top;
			position:absolute;
			width:306px;
			left:5px;
			top:15px;
			height:198px;
		}
			.photo-inside{ width:270px;	height:156px; margin:21px 18px 0 0;}
		.ads-box{text-align:center;	margin:10px 0;}
		
/*	Top Box
	- - - - - - - - - - */
.about-box{
	background:url(images/sep.png) no-repeat left;
	position:absolute;
	width:500px;
	float:right;
	height:130px;
	top:150px;
	padding:20px 0 0 25px;
	text-align:justify;
	line-height:19px;
	right:0;
}
	.hi{float:right; margin-top:10px;}
		.my-comment{
			background:url(images/quotes.png) no-repeat top right;
			padding-right:50px;
			color:#999;
			overflow:hidden;
			position:absolute;
			left:10px;
			top:220px;
			width:330px;
			text-align:justify;
			line-height:22px;
			font:bold 12pt Arial;
			min-height:50px;
		}


/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:300px;
	float:left;
	margin:10px 5px 0 0;
	position:relative;
}
	.sidebar h2.widget-title{
		background:url(images/widget.png) no-repeat;
		width:272px;
		height:34px;
		font-size: 12pt;
		color:#039add;
		padding:0 10px 0 0;
		clear:both;
		margin:0px 10px 3px 0;
		line-height:34px;
		text-shadow: 1px 1px 0px #d2d2d2;
	}
	.list-container{padding: 5px 15px; margin:0 0 10px 0;}
		.list-container select{margin-top:5px; border: 1px solid #999; width:190px;}
		.list-container ul{list-style-type: none;}
			.list-container ul li { display:block;	border-bottom: 1px dashed #dedede; padding:7px 3px;}
			.list-container ul li:hover {border-bottom: 1px dashed #AFAFAF; padding-right:5px;}
				.list-container ul li li{ display:block; border-bottom: 0 none ; padding:7px 20px 7px 3px;}
					.list-container ul li li:hover{border-bottom: 0 none ; padding-right:25px;}
				

/*	Narrowcolumn
	- - - - - - - - - - */
.container{	width:940px; margin:20px auto 0; position:relative;}
.narrowcolumn{width:610px;	float:right; overflow:hidden; padding-right:4px;}
.title{ border-bottom:1px dashed #CCC; margin-left:5px; margin-bottom:5px; padding-bottom:3px;}
	h2.post-title{font-size: 18pt; padding:5px 0 0; text-shadow: 1px 1px 0px #d2d2d2; color: #039add;}
	.date{
		background:url(images/date.png) no-repeat;
		height:53px;
		width:51px;
		float:right;
		margin-left:10px;
		line-height:15px;
		text-align:center;
		display:inline;
	}
		.date span{font: normal 9pt tahoma,Arial,Helvetica,sans-serif; color:#fff;}
		.date strong{font-size:22pt; display:block;	padding-top:13px; color:#039add;}
	.postmetadata{
		font: normal 9pt tahoma,Arial,Helvetica,sans-serif;
		display:block;
		overflow:auto;
		margin:3px auto 0;
	}
		.post-cat , .post-viewrs, .post-comments{
			float:right;
			margin-left:25px;
			padding-right:20px;
			background:url(images/post-icons.png) no-repeat right top;
			height:20px;
		}
		.post-comments {background-position:right -58px;}
		.post-viewrs{background-position:right -28px;}
		
	.post{
		background:url(images/div.png) no-repeat bottom;
		padding-bottom:25px;
		margin-bottom:20px;
	}
		.post p{margin-bottom:1.2em;}
		.entry{	padding:5px 10px 0;	clear:both; text-align:justify; line-height:20px;}
		
	.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;
	}
		.more-link:hover{color:#039add !important;}
		blockquote {
			background:url(images/blockquote.gif) no-repeat 100% 3px #F4F5F7;
			padding:8px 40px 8px 12px;
			margin: 15px;
			border:1px dashed #666;
		}
		.navigation {display: block; text-align: center; margin: 0 15px 20px;}
	.tag{
		background:url(images/tag.png) no-repeat right;
		padding-right:20px;
		display:block;
		min-height:16px;
		margin-top:10px;
	}
	.share a{margin:10px 10px 10px 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;}

/*	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;
		}
			.reply a:hover{background:#1094EB !important; color:#FFF !important;}
		#respond h3,#comments , #pings {
			border-bottom:1px dashed #ccc;
			color:#666;
			padding:0 10px 3px 0;
			margin-bottom:5px;
		}
	.bypostauthor {border: 1px solid #036DB4 !important;  background-image:url(images/author.png); background-position:left top; background-repeat:no-repeat;}
	.bypostauthor:hover {border: 1px solid #1094EB !important;}
	

/*	Footer
	- - - - - - - - - - */
.footer{
	background:url(images/footer.png) no-repeat top center ;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	height:196px;
	color:#666;
	position:relative;
}
	.footer .container{margin-top:0; height:196px;}
		.rss-box {
			margin:70px 10px 0 0;
			display:inline;
			width:435px;
			float:right;
			font:bold 11pt Arial;
			text-align:justify;
			height:80px;
			overflow:hidden;
		}
		.rss-box strong{color:#f58504; font-size:16pt;}
			.rss-icon{
				float:right;
				display:block;
				width:80px;
				height:70px;
				margin-left:20px;
				overflow:hidden;
				text-indent:-9999px;
			}
			.rss-inside{ float:right;}
			.mail-list{
				background:url(images/mail-list.png) no-repeat top;
				width:289px;
				height:35px;
				margin:10px 22px 0 0;
				overflow:hidden;
			}
			.mail-list input{
				border:0 none !important;
				background: none !important;
				float:right;
			}
			.mail-list .subscribe_textield{ width:229px; padding-right:5px !important; font:bold 12pt Arial ; padding:8px 0 0 0 ; color:#999;}
			.mail-list .subscribe_textield:focus{color:#f58504;}
			.mail-list  .subscribe{cursor:pointer; width:55px; height:30px; text-indent:-99999999px;}

		.social{ margin:10px 18px 0 0; }
			.social li , .share a{ list-style:none; float:right; margin-left:5px; opacity:0.6;}
			.social li:hover , .share a:hover{opacity:1;}

	.twitter-box{
		margin:70px 0 0 10px;
		display:inline;
		width:435px;
		float:left;
		height:80px;
		overflow:hidden;
	}
		.tweet{width:335px;}
		.tweet a.aktt_tweet_time{display:block; text-align:left; border-bottom:1px dashed #CCC; padding:7px 0 3px;}
		
	.follow-me{
		display:block;
		height:10px;
		clear:both;
		display:block;
		width:80px;
		float:left;
		text-align:center;
		font:bold 12pt Arial;
		direction:ltr;
		padding-top:60px;
	}
		.mo3aser{
			height:28px;
			overflow:hidden;
			text-indent:-999px;
			width:103px;
			display:block;
			position:absolute;
			bottom:2px;
			left:2px;
		}
		.copyrights{position:absolute;	bottom:7px;	right: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;
}
	input:hover,textarea:hover{	border: 1px solid #AFAFAF;}
	input:focus ,textarea:focus{border: 1px solid #1094EB;	background:#fff;}
	
	#commentform .add-comment{
		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;
	}
	#commentform .add-comment:hover{background:#1094EB;	color:#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; 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;}
h2, h3 {font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif; font-weight: bold;}
h2 {font-size: 16pt;}
	h2.pagetitle {
		font-size: 16pt;
		text-align: center;
		color:#999;
		margin-bottom:10px;
	}
h3 {font-size: 14pt;}
a:link,a:active,a:visited {	text-decoration: none; outline:none; color: #039add;}
a:hover {color: #00ccff;}
.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:20px 20px 0 0 !important;}
.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: #039add !important;
}
	.wp-pagenavi a:hover,.wp-pagenavi span.current {border: 1px solid #039add !important; background-color: #039add !important; color: #FFF !important;}

/* Styles for two-column display */
#wp125adwrap_2c {margin-bottom:5px; overflow:hidden;}
#wp125adwrap_2c .wp125ad { float:right; padding:0px 5px 5px;  border-right :0 none !important; }