/*
Theme Name: Jthoor Free wordpress theme
Theme URI: http://jthoor.com/
Description: wordpress theme with powerfull CP .
Version: 1.0
Author: Jthoor LTD
*/
@import url("fonts/jf.css");
@import url("css/font-awesome.css");

/*********** main css ***********/
body{
	background-color:#fff;
	margin:0px auto;
	display:block;
	position:relative;
	font-family:jff;
	direction:rtl;
}
.socialmedia a,.s-ul li i,.search-sub,.img-open,.f-m div ul li a,.img-open2{
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a{
	text-decoration:none;
}
.clear{
	clear:both;
}
.date{
	margin:0px;padding:0px;	height:37px !important;	overflow:hidden;
	width:500px;
	float:right;
	margin:5px 0;

}
.date li{
	overflow:hidden;
}
.socialmedia{
	float:left;
	margin-top:6px;
}
.socialmedia a{
	display:inline-block;width:23px;height:23px;border-radius:50%;padding:3px;
	margin:3px 1px;
	color:#fff;
	text-align:center;
	line-height:20px;
	font-size:12pt;
	font-weight:lighter;
}
.socialmedia a:hover{
	background-color:#000000;color:#FFFFFF;
}
.fa-facebook{
	background-color:#0033CC;
}
.fa-twitter{
	background-color:#0099FF;
}
.fa-youtube{
	background-color:#CC0000;
}
.fa-rss{
	background-color:#FF9900;
}
.fa-google-plus{
	background-color:#FF0000;
}
.fa-android {
	background-color:#009933;
}
.fa-apple{
	background-color:#333333;
}
.fa-phone-square{
	background-color:#336600;
}
.fa-envelope-o{
	background-color:#009933;
}
#nav{
	background-color:#EBEBEB;
	padding-left:5px;
	padding-bottom:2px;
}
.date{
	color:#000;font-size:10pt;
	line-height:33px;	list-style:none;
	padding-right:5px;
}
#header{
	background-color:#fff;
	padding:4px 7px;

}
.logo{
	float:right;margin:10px 3px;
}
.date li{
	min-height:200px;
}
#header-ads{
	list-style:none;width:600px;height:75px;float:left;position:relative;margin-top:11px;margin-left:0px;
}
#header-ads li {
	width:600px;height:75px;position:absolute;top:0px;left:0px;
}
#world-now {
  height:38px;
  background-color:#EBEBEB;
  margin-bottom:15px;
  line-height:36px;
  position:relative;
  padding-right:85px;
}
#world-now .title{
  width:80px;
  height:100%;
  top:0;
  right:0;
  position:absolute;
  white-space:nowrap;
}
#world-now .title h4{
  font-size:13px;
  color:#fff;
  padding:12px 5px 0 0;
  line-height:1em;
  margin:0;
}
#world-now .controls{
  width:60px;
  top:7px;
  left:15px;
  position:absolute;
}
#world-now .controls a{
  display:block;
  float:right;
  height:24px;
  width:24px;
  margin-left:10px;
}
#world-now .controls a:hover{
	color:#000;
}
#world-now .controls a.left{
  margin-left:0;
}
#world-now .controls a i{
	font-size:20pt;
}
#world-now .news {
  float:right;
  padding-right:10px;
  font-size:16px;
  height:36px;
  overflow:hidden;
}
#world-now .news a{
  color:#333333;
  text-decoration:none;
  display:block
}
.maq a{
	margin:0px 22px;
	border-left:1px #333333 solid;
	padding-left:19px;
}
.main .right{
	width:65%;
	float:right;
}
.main .left{
	width:33%;
	float:left;
}
.right{
	float:right;
}
.left{
	float:left;
}
.post {
	padding:3px;padding-bottom:8px;border-bottom:1px #CCCCCC dashed;
}
.post-small{
	display:block;text-align:right;
	font-size:11pt;
	padding:0px 0px;
	line-height:25px;
}
.post-title{
	color:#000000 ;display:block;text-align:right;
	font-size:12pt;	padding:0px 0px;	line-height:22px;
}
.post-p{
	text-align:justify;direction:rtl;color:#666666;
	font-size:11pt;
}
.n-img-w-z{
	width:130px;height:90px;
	float:right;margin:0px 4px 5px 5px;
	position:relative;
}
.post-img img{
	width:130px;height:90px;
	position:absolute;top:0px;right:0px;z-index:1;
}
.img-open{
	width:130px;height:90px;
	position:absolute;top:0px;right:0px;z-index:4;
	background-color: rgba(0, 0, 0, 0.7);
	text-align:center;
	cursor:pointer;
	opacity:0;
	
}
.img-open i{
	font-size:39px;
	display:block;
	padding-top:25px;
}
.about i{
	margin-left:9px;margin-right:17px;
	font-size:10pt;
}
.about span{
	font-size:10pt;
}
.sidebar{
	margin:0px 3px 29px 3px;;
}
.side-title{
	text-align:center;padding:4px 9px;
	color:#FFFFFF;
	margin-bottom:10px;
}
.s-ul {
	list-style:none;
	margin:2px;
	padding:1px;
	text-align:center;
}
.s-ul li{
	display:inline-block;
}
.s-ul li i{
	padding:10px;background-color:#CCCCCC;border:1px #C0C0C0 solid;font-size:18pt;
	color:#000;
	margin:4px;
}
.s-ul li i:hover{
	color:#fff;
}
.side-cc{
	text-align:center;
}
.search-txt{
	width:200px;padding:3px;border:1px #E9E9E9 solid;
	height:30px;font-family:jff;
}
.search-sub{
	height:30px;padding:2px 9px;border:0px transparent solid;
	font-family:jff;text-align:center;
	color:#fff;
	cursor:pointer;
	
}
.search-sub:hover{
	background-color:black;color:#fff;
}
.mqalat {
	list-style:none;
	padding:1px;margin:2px;
}
.mqalat li{
	display:block;
	margin:10px auto;
	text-align:right;
	padding-bottom:10px;border-bottom:1px #CCCCCC dashed;
}
.mqalat img{
	width: 130px;
height: 90px;
	float:right;
	margin:2px 3px 5px 5px;
}
.maqal-title{
	display:block;
	text-align:right !important;
	font-size:10pt;
	line-height:22px;
}
.maqal-cco{
	display:block;
	margin-top:10px;
}
.maqal-cco{
	font-size:9pt;
}
.maqal-cco i{
	font-size:11pt;margin-left:7px;
	margin-right:3px;	text-align:right !important;

}
.post:hover .n-img-w-z .img-open{
	opacity:0.93;
}

.main{
	padding-bottom:10px;
	margin-bottom:20px;
	
	box-shadow: 0 4px 2px -3px;}
	.nav-m{
	background-color:#EBEBEB;
}

.nav-m > div > ul {
	margin:3px auto;padding:6px 0px;
}
.nav-m > div > ul > li {
	display:inline-block;
	position:relative;
}
.nav-m > div > ul > li > a{
	padding:5px 10px;
}
.nav-m > div > ul > li > a:hover,.nav-m > div > ul > li.current_page_item > a,.nav-m > div > ul > li.current-menu-item > a,.nav-m > div > ul > li:hover > a{
	color:#fff;
}
.nav-m > div > ul > li > ul{
	position:absolute;padding:0px;margin:0px;top:30px;right:0px;background-color:#EBEBEB;
	z-index:999999999999999999999999999999999999999999;
	min-width:200px;
	display:none;
	
}
.nav-m > div > ul > li > ul > li{
	display:block;
	position:relative;
}
.nav-m > div > ul > li > ul > li > a{
	padding:4px 5px;display:block;background-color:#fff;
	margin:5px 3px;
}
.nav-m > div > ul > li > ul > li > a:hover{
	color:#fff;
}
.nav-m > div > ul > li > ul > li > ul {
	position:absolute;padding:0px;margin:0px;top:0px;right:200px;background-color:#EBEBEB;
	z-index:999999999999999999999999999999999999999999;
	min-width:200px;
	list-style:none;
	display:none;

}
.nav-m > div > ul > li > ul > li > ul > li{
	display:block;
	position:relative;
}

.nav-m > div > ul > li > ul > li > ul > li > a{
	padding:4px 5px;display:block;background-color:#fff;
	margin:5px 3px;
}
.nav-m > div > ul > li > ul > li > ul > li > a:hover{
	color:#fff;
}
.nav-m > div > ul > li > ul > li:hover > a{
	color:#fff;
}
.nav-m > div > ul > li > ul > li:hover > ul{
	display:block;
}
.nav-m > div > ul > li:hover > ul{
	display:block;
}
.nav-m .current-menu-item a{
	color:#fff;
}
.nd-f{
	padding:3px;text-align:right;
}
.f-m div ul {
	list-style:none;
	margin:3px;padding:3px;
}
.f-m div ul li{
	display:inline-block;
}

.f-m div ul li a{
	display:inline-block;padding:4px 10px;margin:3px 3px;
	color:#fff;
}
.f-m div ul li a:hover{
	color:#fff;background-color:black;
}
.grid-cc{
	text-align:right;
}
.grid{
	position:relative;width:200px;height:150px;display:inline-block;margin:4px;border-radius:5px;overflow:hidden;
}
.grid img{
	position:absolute;z-index:1;right:0px;top:0px;width:200px;height:150px;
}
.grid span{
	background-color: rgba(0, 0, 0, 0.8);
	text-align:center;color:#FFFFFF;position:absolute;z-index:5;right:0px;top:-150px;width:200px;height:150px;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.grid:hover span{
	top:0px;
}
.linkd{
	list-style:none;
	padding:3px;margin:3px 0px;background-color:#EBEBEB;
}
.linkd li{
	display:inline-block;
}
.linkd li a{
	display:inline-block;
	padding:2px 5px
}
.rrr{
	text-align:center;padding:30px;
	color:#B00000;font-size:30pt;line-height:50px;
}





















/*********** media querirs  ***********/

@media only screen and (max-width : 800px){
	.main-nav li a,.main-nav li {
	display:block;width:100%;
	text-align:center;
}
.main-nav li{
	border-bottom:1px #990000 solid;padding-bottom:2px;
}
#menu-opened{
	display:none;
}
#menu-open{
	display:block;
}
}

.copy-rights a{
	background-image:url('http://www.jthoor.com/req/logo-dark.png');width:202px;height:42px;
	display:block;
}
.site-c{
	color:#fff;
}
.site-c a{
	color:#000000;
}
.addss{
	display:block;margin:3px auto;max-width:98%;height:auto !important;width:auto;
}






.n-img-w-z2{
	width:800px;height:290px;
	margin:6px auto;
	position:relative;
	max-width:600px;
}
.post-img2 img{
	width:100%;height:100%;
	position:absolute;top:0px;right:0px;z-index:1;
}
.img-open2{
	width:100%;height:100%;
	position:absolute;top:0px;right:0px;z-index:4;
	background-color: rgba(0, 0, 0, 0.7);
	text-align:center;
	cursor:pointer;
	opacity:0;
	
}
.n-img-w-z2:hover .img-open2{
	opacity:1;
}
.img-open2 i{
	margin-top:130px;font-size:40pt;
}












/********* comments *******/
#comments, #respond h3 {
	font: drd;
	color: #000;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	color: #FFF;
	margin: 2px;
}
.commentlist {
	padding: 0;
}
#submit {
	font-family: jff;
	color: #fff;
	padding: 7px 12px;
	display: block;
	margin: 4px auto;
	border: 0px;
	cursor: pointer;
}
.commentmetadata {
	color: #fff;
	font-family: jff;
	font-size: 10pt;
	float: left;
	display: block;
	margin-left: 10px;
	margin-top: 13px;
	padding: 5px 10px;
	margin-bottom: 40px;
}
.commentmetadata a {
	color: #fff;
}
#submit:hover {
	background-color: rgba(0, 0, 0, 0.9);
}
.commentlist li .avatar {
	float: right;
	padding: 6px;
	background-color: rgba(0, 0, 0, 0.7);
	margin-left: 5px;
}
.commentlist cite, .commentlist cite a {
	font: bold 12pt arial;
}
.commentlist p {
	line-height: 20px;
	margin: 0 30px 5px 0;
}
.alt {
	padding: 10px;
}
.commentlist {
	text-align: justify;
}
.commentlist li {
	margin: 15px 5px 10px 5px;
	padding: 10px;
	list-style: none;
	color: #000;
	font: bold 9pt drd;
	background-color: rgba(255, 255, 255, 0.7);
	position:relative;
}
.commentlist li ul li {
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
#comment {
	width: 90%;
	height: 125px;
	border-radius: 7px;
	padding: 15px;
	font-family: drd;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	margin-right: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	border:1px #CCCCCC solid ;
}
#comment:focus {
	background-color: rgba(255, 255, 255, 0.9);
}
.nocomments {
	text-align: center;
}
.comment-reply-link{
	display:inline-block;padding:5px 30px;background-color:#fff;
	border-radius:5px;
	border:1px #CCCCCC solid;font-size:11pt;font-family:jff;	
}
.commentmetadata {
	display: block;
	font-size: 90%;
	position:absolute;left:4px;top:4px;
}
#respond #author, #respond #email, #respond #url {
	margin-right: 20px;
	border: 2px solid #a9b6ef;
	border-radius: 7px;
	font: bold 12pt Arial, Helvetica, sans-serif;
	padding: 7px;
	background: #FFF;
	height: 15px;
	width: 221px;
}
#respond #email, #respond #url {
	text-align: left;
}
#respond #author:focus, #respond #email:focus, #respond #url:focus {
	background: #FDFDCE;
}
.says {
	display: none;
}
.thread-alt, .thread-even .alt {
	background-color: #f7f8fc;
}
.thread-alt .odd, .thread-even {
	background-color: #f7f8fc;
}
.even, .alt {
	border-right: 1px solid #ddd;
}
.bypostauthor, .thread-alt .bypostauthor, .thread-even .bypostauthor {
	background-color: rgba(255, 255, 255, 0.7);
}
.wp-pagenavi{
	display:block;margin:14px 0px;
	text-align:center; 
}
.wp-pagenavi a,.wp-pagenavi span{
	display:inline-block;border:1px #5F1E06 solid;border-radius:5px;
	color:#333333;
}
.current{
	background-color:#5E1E06;color:#fff !important;
}
.left-cc{
	border:2px #4D1601 solid;
}
#stcpDiv{
	display:none;
}
.comment-body p{
	clear:both;font-family:jff;
	margin-top:10px;
}
/**********nav***************/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	text-decoration:none;
}

.navigation li {
	display: inline-block;
	direction:rtl;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
	color:#000;
	display:inline-block;
	height:20px;
	line-height:20px;
	margin-top:10px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #9F0528;
	color:#fff;
}
#navy ul{
	display:block;margin:0 auto;vertical-align:text-top;
	padding:0px;
	height:67px;
	text-align:center;
}























/***********  tabs  ***************/

			.tabs li {
				list-style:none;
				display:inline-block;
			}

			.tabs a {
				padding:5px 16.5px;
				display:inline-block;
				background:#666;
				color:#fff;
				text-decoration:none;
			}

			.tabs a.active {
				color:#fff;
			}
			.tabs{
	text-align:center;
	padding:5px 2px;
	margin:0px;
}



