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

    Theme Name: ثيم مدونة روح المسك
    Theme URI:  http://www.r-misk.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:#000;
    direction: rtl;
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#FFF;
	margin: 0 auto;
}
.wrapper { background:url(images/bg.jpg) repeat-y center; margin:0 auto; 	}   
	.wrapper-content { background:url(images/header.jpg) no-repeat center top;  margin:0 auto; }
		.container{	width:1000px; margin:0 auto; position:relative;}


/*	Header
	- - - - - - - - - - */
.header {
	height: 220px;
	width : 980px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
}
    .logo {
		display:block;
		height:150px;
		text-indent:-9999px;
		overflow:hidden;
		width:350px;
		float:right;
		margin-top:15px;
	}
	.header ul{
		position:absolute ;
		list-style:none;
		height:30px;
		top:182px;
		right:25px;
		width:930px;
	}
		.header li{	float:right; }
			.header li a:link , .header li a:visited , .header li a:active{
				height:24px;
				display:inline-block;
				text-align:center;
				padding:8px 0 2px;
				color:#ccc;
				font: bold 12pt Arial,Helvetica,sans-serif;
				margin-left:3px;
				width:95px;
			}
				.header li a:hover , .current_page_item a{color:#02bbfc !important; background:url(images/buttons.jpg) top repeat-x;}
				
		.search-index{
			position:absolute;
			left:370px;
			width:240px;
			height:18px;
			top:5px;
			padding-top:10px;

		}
		.search-index #s,.search-index .submit{	background:transparent;	border: none; float:right; color:#999;}
		.search-index #s{width:198px;}
		.search-index .submit{width:20px; margin-right:10px; cursor:pointer; text-indent:-9999px}
		.rss-icon{
			float:right;
			display:block;
			width:100px;
			height:70px;
			overflow:hidden;
			text-indent:-9999px;
			position:absolute;
			top:55px;
			right:444px;
		}
		.logo-weak{
			position:absolute;
			width:280px;
			left:30px;
			top:30px;
			text-align:center;
			height:130px;
			overflow:hidden;
		}
		.ads-box{text-align:center;	margin:10px 0;}
		
/*	Top Box
	- - - - - - - - - - */
#top-box{height:240px;	margin:7px auto 0; position:relative; width:980px; overflow:hidden;}
	.vedios{
		float:right;
		width:270px;
		margin-left:15px;
		overflow:hidden;
	}
	.about-box{	width:400px; float:right; max-height:195px; padding-top:20px;}
		.about-roo7{
			clear:both;
			text-align:justify;
			padding:20px 11px 0 0;
			_padding-top:10px; /* 4 IE 6 */
			color:#999;
			line-height:18px;
			margin:0 5px;
		}
			.about-roo7 img{float:left;	margin:3px 10px 5px 0; border:1px solid #666;}

	.gallery-box{ float:left; height:220px;	overflow:hidden; width:273px;}
		div.navigationn{ float : right; margin-top:0px;}
		div.content {display: none;	float:left;	width:272px; overflow:hidden;}
		div.ss-controls {float: left; padding: 13px  0 0 20px;}
		div.loader {background: url(images/loader.gif) no-repeat center; width: 100%; height: 230px;}
		div.slideshow {clear: both;	height:175px; overflow:hidden;}
		div.slideshow img {border: 1px solid #666;	display: block;}
		ul.thumbs {clear: both;}
		ul.thumbs li {float: right;	margin: 2px 2px 0 3px;	display:inline;	list-style: none;}
		a.thumb {
			padding: 2px;
			display: block;
			border: 1px solid #666;
			width:45px;
			height:30px;
			overflow:hidden;
			background-position:center bottom ;
		}


/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:200px;
	margin:50px 0 0 0;
	position:relative;
	overflow:hidden;
	color:#B9B9B9;
	float:left;
}
	.sidebar-right{float:right !important;}
	
	.sidebar h2.title{
		background:url(images/widget-l.jpg) no-repeat;
		width:190px;
		height:27px;
		font-size: 12pt;
		color:#999;
		padding:9px 10px 0 0;
		clear:both;
		text-shadow: 1px 2px 0px #000;
	}
		.sidebar-right h2.title{background:url(images/widget-r.jpg) no-repeat !important;}

	.widget-head , .widget-footer{
		background:url(images/widget-b-l.jpg) no-repeat top right;
		height:13px;
		width:200px;
		margin-top:7px;
	}
		.sidebar-right .widget-head , .sidebar-right .widget-footer{background:url(images/widget-b-r.jpg) no-repeat top left;}

	.widget-footer{background-position:right bottom;	margin-bottom:17px;	margin-top:0 !important;}
		.sidebar-right .widget-footer{background-position:left bottom !important;}

	.widget-body{background:url(images/widget-bg-l.jpg) repeat-y right;}
		.sidebar-right .widget-body{background:url(images/widget-bg-r.jpg) repeat-y left !important;}
		
	.list-container{padding: 0 7px 0 15px;}
		.sidebar-right .list-container{padding: 0 15px 0 7px;}
		
		.list-container select{margin-top:5px; border: 1px solid #F2DD9D; width:170px;}
		.sidebar ul{list-style-type: none;}
			.sidebar ul li { display:block; border-bottom: 1px dashed #999; padding:7px 3px; overflow:hidden;}
			.sidebar ul li:hover {border-bottom: 1px dashed #ccc;}
				.sidebar ul li li{ display:block; border-bottom: 0 none ; padding:7px 20px 7px 3px;}
					.sidebar ul li li:hover{border-bottom: 0 none ;}
.flickr img ,.blogroll img{
	background-color:#666;
	border:1px solid #CCCCCC;
	margin:0px 4px 5px 2px;
	padding:2px;
	float:right;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
	.flickr img:hover , .blogroll img:hover{border:1px solid #FFF; background:#3333; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

.flickr_badge_beacon{display:none;}
			
.tcwGravatar,.kjgrcGravatar{float:left; margin-right:5px;}
/*	Narrowcolumn
	- - - - - - - - - - */
.narrowcolumn{width:600px;	margin-bottom:10px;	float:right; overflow:hidden;}
	
.col3{
	background:url(images/col3-b.jpg) repeat-y;
	width:184px;
	float:right;
	margin-right:12px;
	display:inline;
	margin-bottom:20px;
	overflow:hidden;
}	
	.col3-head{	background:url(images/col3-h.jpg) no-repeat top; height:26px;}
	.col3-body{
		background:url(images/col3-f.jpg) no-repeat bottom;
		line-height:17px;
		padding:5px 0 20px;
		overflow:hidden;
	}
		.col3-info{
			background:url(images/wide-bar.jpg) no-repeat center center;
			border:1px solid #323131;
			padding:2px 0;
			margin:8px 5px 0;
			overflow:hidden;
		}
		.col3-body .more{
			text-align:left;
			color: #03B9FB !important;
			display:block;
			padding:4px;
			font-weight:bold;
		}

.post , .respond {
	line-height:19px;
	margin-bottom:10px;
	padding:5px 0 ;
	background:url(images/post-footer.jpg) no-repeat center bottom;
	overflow:hidden;
}
	.post-title{ margin-bottom:15px; padding:5px 10px 0 0; display:block}
	h3.post-title{ padding:10px 10px 10px;  margin-bottom:5px;}
		.post-title a{color:#FFF !important;	text-shadow: 1px 2px 0px #000;}
			.post-title a:hover{color:#0599cd !important;}

	.entry{	padding:0 8px;	text-align:justify}
	.post-info {
		background:url(images/wide-bar.jpg) no-repeat center top;
		color:#FFF;
		height:25px;
		margin:0 auto 10px;
		overflow:hidden;
		padding-top:4px;
		width:579px;
	}
		.post-info a , .col3-info a{color:#FFF !important;}
			.post-info a:hover , .col3-info a:hover{color:aqua !important;}
		.post-date , .post-cat{
			float:right;
			margin-right:5px;
			padding-right:20px;
			background:url(images/post-icons.gif) no-repeat right bottom;
		}
			.post-cat{background-position:right top; margin-right:20px;	}
			
		.post-viewrs, .post-comments{
			background:url(images/post-icons.gif) no-repeat right -34px;
			float:left;
			margin-left:10px;
			padding-right:20px;
		}
		.post-viewrs{background-position:right -67px; margin-right:10px;}
		
	.postmetadata{
		display:block;
		padding:3px 8px 3px 8px;
		margin:10px 10px 25px;
		border:1px solid #666;
		overflow:hidden;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.more-link{
		background:url(images/more.jpg) no-repeat ;
		display:block;
		width:129px;
		height:29px;
		float:left;
		overflow:hidden;
		text-indent:-999999px;
		clear:both;
		margin:10px 0;
	}
		.more-link:hover{background-position:left bottom;}
		
	.post-image{
               float:right;
               background: url(images/shadowAlpha.png) no-repeat bottom right !important;
               background: url(images/shadow.gif) no-repeat bottom right
               margin: 0 19px  0 19px !important;
               margin: 0 10px 10px 15px;
        }
	.post-image img{
               display: block;
               position: relative;
               background-color: #fff;
               border: 4px solid #595959; -moz-border-radius:6px; -webkit-border-radius:6px;
               margin: 0 6px 6px 0;
               padding: 2px 2px 20px 2px;
        }	
		.col3 .post-image{
                           float:none;
                           text-align:center;
                           margin-center: 5px !important;
                           margin-center: 30px;
                           height:150px;
                           overflow:hidden;
        }
			.col3 .post-image img{border:2px solid #595959; margin-center: 30px;
padding: 4px;}
			
	.post p{margin-bottom:1.2em;}
	.entry a{color:#02b3f5 !important}
		.entry a:hover{color:#f2075c !important}
			
	.sociable {float:right;}
	.navigation {display: block; text-align: center; margin: 0 15px 20px;}
	blockquote {
		margin: 15px 15px 0 10px;
		padding-right: 10px;
		border-right: 5px solid #999;
		color: #999;
	}
        
         .syntaxhighlighter code {
display:inline !important;
}
	#related_post ul {margin: 5px 25px;}
		#related_post li {padding:4px 0;}


	html>body .entry ul {
		margin-left: 0px;
		padding: 0 30px 0 0;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
	}
	
	.entry li {margin: 7px 10px 10px 0;}

	.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";} 
	.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;
}*/

/*	CommentList
	- - - - - - - - - - */	
#pings , #comments,#respond h3{font: bold 14pt Arial; color: #999; margin:6px 6px 0; padding:0 4px 4px; text-align:center; border-bottom:1px solid #666;}
.commentlist li .avatar { float: right;	border: 1px solid #999;	padding: 2px; background: #333;	margin-left:5px;}
.commentlist cite, .commentlist cite a {font: bold 12pt arial;}
.commentlist p {line-height:19px;	margin: 0px 40px 5px 0;}
.alt {padding: 10px;}
.commentlist {text-align: justify;}
.commentlist li {
	border: 1px solid #666;
	margin: 10px 8px 10px;
	padding:  10px;
	list-style: none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.commentlist li ul li { margin-left: -5px; margin-right: 20px;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;}
.commentmetadata {
	margin: 0;
	display: block;
	text-align:right;
	font-size:90%;
	margin-bottom:28px;
}
.says{display:none}
.thread-alt , .thread-even .alt{background-color: #464646; border: 1px solid #999 !important }
.thread-alt .odd, .thread-even{background-color: #333;}
.bypostauthor , .thread-alt .bypostauthor , .thread-even .bypostauthor {background:#232323 url(images/writer.gif) no-repeat 20px 5px !important; border: 1px solid #06A9DF !important;}
.comment-reply-link{
	background:#1a1a1a;
	padding:4px 15px 8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:4px 0;
	display:inline-block;
	font-weight:bold;
} .comment-reply-link:hover{background:#121212;}	

/*	Footer
	- - - - - - - - - - */
.footer{
	background:url(images/footer.jpg) no-repeat top center ;
	overflow:hidden;
	padding:0 5px;
	clear:both;
	margin:0 auto;
	height:340px;
	color:#999;
	position:relative;
	
}
	.footer .container{	width:990px;}
	.footer-box{
		width:275px;
		height:200px;
		float:right;
		margin-right:10px;
		_margin-right:5px;
		overflow:hidden;
		padding-top:65px;
	}
	.footer-list{overflow:hidden; padding:0 8px;}
		.footer-list li {display:block;	border-bottom: 1px solid #333 ;	padding:8px 2px; color:#666; list-style:none;}
			.footer-list li:hover {border-bottom: 1px solid #666 ;}

	.footer-wide-box{
		width:405px;
		height:220px;
		float:right;
		overflow:hidden;
		padding-right:10px;
		padding-top:65px;
		position:relative;
	}
		.pager{
			position:absolute;
			top:0;
			width:580px;
			right:210px;
			text-align:center;
			z-index:3;
		}
		.social{height:32px; margin:20px 140px 0 0; width:180px; float:right; display:inline;}
			.social li{ list-style:none; float:right; margin-left:8px;}
				.social a{display:block; width:32px; height:32px; overflow:hidden;}
		.counter{
			width:160px;
			height:50px;
			float:right;
			margin:10px 30px 0 0;
			float:right;
			font:bold 11pt Arial;
			display:inline;
			overflow:hidden;
			text-align:center;
		}
			.counter strong{font-size:18pt;	color :#f80e62;	padding-right:5px;}

		.twitter{
			overflow:hidden;
			padding:0 7px;
			width:333px;
			text-align:justify;
			line-height:15px;
			margin:0 auto;
			overflow:auto;
			height:85px;
			clear:both;
		}
			.twitter li{list-style:none;}	
			.twitter .aktt_tweet_time{
				border-bottom:1px solid #666;
				display:block;
				margin:3px 0 5px;
				text-align:left;
			}
			
		.follow-me{
			display:block;
			width:100%;
			height:70px;
			overflow:hidden;
			text-indent:-999999px;
			clear:both;
			display:block;
			width:80px;
			position:absolute;
			left:10px;
			bottom:0;
		}
		
	.footer-bottom{clear:both; height:20px;	padding:0 10px;}
		.mo3aser{
			height:28px;
			overflow:hidden;
			text-indent:-999px;
			width:120px;
			display:block;
			float:left;
		}


/*	Forms
	- - - - - - - - - - */
input {	padding: 4px 4px}
#commentform{margin:0px 8px;}
#commentform input{	width:200px;}	
textarea {padding: 2px 6px;	width: 97%;}
textarea ,input{
	background: #232323;
	border: 2px solid #666;
	color: #FFF;
	font:12px Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#666;
}
	input:hover,textarea:hover { border: 2px solid #999; }
	input:focus ,textarea:focus{ border: 2px solid #06A9DF; color:#FFF;}

/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,img.aligncenter {display: block; margin:2px auto;  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: #FFF;}
a:hover {color: aqua;}
.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:5px 5px 0; height:47px; 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 {
	background:url(images/page.jpg) no-repeat top;
	margin: 2px;
	text-decoration: none;
	color: #ccc;
	float:right;
	padding: 7px 0 3px; 
	width:39px;
	height:29px;
	text-align:center;
	font-weight:bold;
	font-size:14pt;
	overflow:hidden;
}
.wp-pagenavi a:hover,.wp-pagenavi span.current {background-position:center bottom !important; color: #000 !important;}
span.pages{
	background:url(images/pages.jpg) no-repeat top !important;
	width:149px !important;
	height:25px !important;
	font-size:9pt !important;
	padding:14px 0 0 !important;
}