/*
	Theme Name: Qafilah
	Theme URI: https://qafilah.com/
	Description: تصميم وبرمجة ثيم قافلة بواسطة منزلك الآلي
	Author: منزلك الآلي
	Author URL: http://manzilak.com/
	Version: 2.3
*/


@import url("css/960.css");
@import url(css/animate.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);


html, body {
    margin: 0;
    padding: 0;
    outline: 0;
}
body {
    background: #AFB1B4;
}
body.popup {
    min-width: 0;
    background: #ffffff;
}

#main {
    width: 960px;
    /*position: relative;*/
    margin: 0 auto;
    background: #FFF;
}
img {
    border: 0;
}

.table   td {
    padding:0 20px;
}
.mejs-container {direction:ltr;}
.maintenance button {
	background: url('img/close.png') no-repeat center;
	width: 35px;
	height: 35px;
	cursor:pointer;
	border: 0;
	float: left;
	outline: 0;
	margin: 0px 0 0 10px;
}
.maintenance {
	width: 940px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	font-family: 'Droid Arabic Naskh', serif;
	color: #FFF;
 	font-size: 16px;
	display:none;
	background: #B60C0C;
}

#email-opinion-form , #email-post-form{
	width: 250px;
	margin: 0 auto;
}
.back-to-articale{
	float: left;
	color: #0D1FA3;
	text-decoration: none;
}

 

/*
#content2 a[rel="gallery"]  {
	display:block;
}
#content2 a[rel="gallery"]:before {
  content: "اضغط هنا لرؤية الصورة مكبرة";
  position: absolute;
  background: #FFFFFF;
  border: 1px solid;
  color: black;
   width: 170px;
  height: 24px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.22);
  text-align: center;
  font-size: 12px;
  line-height: 24px;
   -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  opacity: 0;
}
#content2 a[rel="gallery"]:hover:before {
  opacity: 1;
}



/* aGalleryTip */


#aGalleryTip {
	
	position:absolute;
	z-index:9999;
	display:none;
	font-size:10px;
 	width: 170px;
    height: 30px;
	background: #FFFFFF;
	border: 1px solid;
	color: black;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.22);
	text-align: center;
	font-size: 12px;
}


/* ////////////////////////////////////  */




img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.capty-wrapper.alignright {float:right; margin:0 0 1em 1em;}
.capty-wrapper.alignleft {float:left; margin:0 1em 1em 0;}
.capty-wrapper.aligncenter {display: block; margin-left: auto; margin-right: auto}

.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.right {float: right;}
.left {float: left;}

#content {
	position:relative;
    background:#fff;
    margin-bottom: 20px;
}

.okStyle {
    font-family: 'Droid Arabic Naskh', serif;
    padding: 10px;
    border: 1px dotted #229E36;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    background: #B7E0BC;
    color: #006110;
}
.ExclamationStyle {
    background: #FFDA84;
    padding: 10px;
    text-align: center;
    border: 1px dotted #474747;
    font-family: 'Droid Arabic Naskh', serif;
    font-size: 13px;
    color: #77550A;
    font-weight: bold;
}
.errorStyle {
    border: 1px dotted #E40000;
    background: #FFCFCF;
    padding: 10px;
    color: #D10000;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    direction: rtl;
    font-family: 'Droid Arabic Naskh', serif;
    text-align: right;
}

.keybiurd2 {
    width: 100%;
    text-align: center;
    background: #F00;
    vertical-align: middle;
    color: #AAA;
    font: bold 11pt arial;
    text-align: center;
}

#header {
    width: 960px;
    margin: 0 auto;
}
#banner {
    height:119px;
    background:url('img/headerbg.jpg');
}
#navbar {
    width:960px;
    margin:0 auto;
    background:#004d65;
}

.metaheader{
    width: 960px;
    padding: 5px 0;
}
.post-title {
    padding: 25px 0 0px 0;
    margin: 0;
}
#social {float:left;margin-top: 15px;}
#socialh {float:right}
.socialh {
    background:url('img/social.jpg') no-repeat;
    width:25px;
    height:25px;
    float:right;
    margin-left: 5px;
    display:block;
}
.socialh:hover {background:url('img/socialh.jpg') no-repeat;}
.tw.socialh {background-position:left;}
.fb.socialh {background-position:center;}
.rs.socialh {background-position:right;}

.searchinput {
    font-size: 12px;
    width: 210px;
    border: 1px solid #DEDEDE;
    background: #F3F3F3;
    height: 26px;
    color: #353535;
    text-indent: 5px;
    outline: none;
    float: right;
}
#qafilah_search {
    width: 315px;
    height: 30px;
    margin-left: 11px;
    position: relative;
    float: left;
}
.search-submit {
    border: 0;
    width: 15px;
    height: 17px;
    background: url(img/zoom.png);
    cursor: pointer;
    position: absolute;
    margin-top: 6.5px;
    margin-left: 108px;
    left: 0px;
}
#qafilah_search a.advanced-search {
    float: left;
    background: #004D65;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding: 0px;
    font-size: 12px;
    height: 30px;
    width: 90px;
    text-decoration: none;
    font-family: 'Droid Arabic Naskh', serif;
}
#qafilah_search a.advanced-search:hover {
    background: #1D9F8E;
}
#sidebar .search-submit {
    margin-left: 5px;
}
.current-post-link {
color: #E2A928!important;
}
.sidebarActive {
	position: fixed;
	width: 250px;
	bottom: 0;
	z-index: 999;
}


.sidebarActive.sidebarActive1{
	position: absolute!important; 
}

.TitleReport {
	display: block;
	color: #FAFF79;
	text-align: right;
	font-size: 12px;
	padding: 4px 10px;
	font-weight: bold;
	font-family: 'Droid Arabic Naskh', serif;
}

.LinkReport {
	color: #fff;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding: 0 10px 10px 10px;
	display: block;
	text-decoration: none;
}
.BlockReport {
	background: #000;
	position:relative; 
	width: 190px; 
	padding: 0;
}
.BlockPadding {padding:10px 30px 10px 10px;}

.qafilahlogo {
    display: block;
    float: left;
    height: 66px;
    width: 156px;
    margin-top: 43px;
    margin-left: 26px;
}
.aramcologo {
    display: block;
    float: right;
    margin-top: 27px;
    margin-right: 26px;
}


.clear {
    clear: both;
}


#tip7-title {direction: rtl; text-align: left; }

#tip7-title b { display: block; }

#tip7-title span { float: right; }


.loading {
    background:  url('img/loading.gif') center no-repeat;
    height:100px;
    width:650px;

}

.loadingSend {
	background: #B7E0E0 url('img/loadingSend.gif') 10px center no-repeat;
	height: 20px;
	font-family: 'Droid Arabic Naskh', serif;
	padding: 10px;
	border: 1px dotted #22769E;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #004A61;
	line-height: 20px;
	display: none;
}





a.mn-main {width: auto;padding: 12px 4px!important;background: url(img/home.png) center no-repeat;border-right: 0!important;}
a.mn-main:hover ,.mn-main.hvrmenu{background:#E2A928 url(img/home.png) center no-repeat!important;}
.hvrmenu{background:#E2A928;}
.mn-contact {border-left: 0!important;}










.writers {
    margin: 5px 0;
    padding:0;
}
.writers li {
    float:right;
    list-style:none;
}
.writers li a {
    color: #222;
	text-decoration: none;
}
.writers li .w {
    margin:0 5px;
}

.gallerys {
    padding:0 30px 10px 0;
}
.gallerys li{
    float:right;
    list-style:none;
    margin:1px;
    height: 150px;
    width: 150px;
}
.gallerys li a{
    display:block;
    height: 150px;
    width: 150px;
}
.gallerys li a img {
    height: 150px;
    width: 150px;
}
.clears {clear:both;}

.footermenu li {list-style: none;}


.FacebookURL {
    display: inline-block;
    margin-left: 14px;
    height:17px;
    width:17px;
    background:url('img/facebook_n.png');
}

.TwitterURL {
    display: inline-block;
    height:17px;
    width:17px;
    background:url('img/twitter_n.png');
}
.FacebookURL:hover {background:url('img/facebook_hover.png');}
.TwitterURL:hover{background:url('img/twitter_hover.png');}

.cetegorymenuhome {
    float: right;
    margin-left: 22px;
}

.pagenationstyle{
    background: #DDD;
    text-align: center;
    margin: 10px 0;
    padding: 10px 0;
    font-size: 16px;
    color: #000;
}
.pagenationstyle a{
    color:#003BB6;
    text-decoration:none;
}
.pagenationstyle .page-numbers.current{
    font-size:15px
}

.crntcat {
    background: url(img/line.png) left center no-repeat;
    height: 35px;
    font-family: 'Droid Arabic Naskh', serif;
    width: auto;
    padding-left: 10px;
    line-height: 37px;
    float: right;
    font-size: 14px;
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 10px;
}











.gohome {
    height: 100%;
    display: block;
    width: 100%;
}


.mainTitle {
    float: right;
    margin: 5px 10px;
    font-size: 17px;
    font-family: arial;
    color: #7E7E7E;
	white-space: nowrap;
}



#footer{
    direction:rtl;
    width:960px;
    height:65px;
    margin: 0 auto;
    background:#fff;
}
.borderfooter{
    height: 45px;
    width: 939px;
    margin: 0 auto;
    border: 1px solid #d5d5d5;
}
.footermenu{
    float: right;
    padding-right: 0px;
    margin: 13px 5px 10px 10px;
    min-width: 590px;
}
.footermenu li{float:right;}
.social {
    float: left;
    margin-left: 3px;
    display: block;
    width: 16px;
    height: 16px;
    opacity:0.8;
}
.twitter {margin-left: 5px;background:url(img/twitter.png) no-repeat;background-size: contain;}
.facebook {background:url(img/facebook.png) no-repeat;background-size: contain;}
.rss {background:url(img/rss.png) no-repeat;background-size: contain;}
.facebook:hover , .twitter:hover , .rss:hover{opacity:1;}





.footermenu a:hover{color:#293575}
.footermenu a {
    color: #7e7e7e;
    font: 13px arial bold;
    padding: 0 4px;
    text-decoration: none;
    text-align: center;
    display: block;
	white-space:nowrap;
    line-height: 26px;
}

#esc {
    margin: 6px 15px 0 0;
    font-size: 7.5pt;
    text-transform: lowercase;
}

.fn span {
    display: block;
    margin: 14px 5px 0 0;
    text-align: right;
    font: bold 6pt arial;
    text-transform: uppercase;
}

.key:active {
    color:#999;

    border-bottom:1px solid #ccc;

    -webkit-box-shadow:inset 0 0 2em rgba(0,0,0,.075), 0 0 2px rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 0 2em rgba(0,0,0,.075), 0 0 2px rgba(0,0,0,.5);
    box-shadow:inset 0 0 2em rgba(0,0,0,.075), 0 0 2px rgba(0,0,0,.5);
}

.keybiurd {
    width: 200px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 20px;
    left: 20px;

    color: #AAA;
    font: bold 11pt arial;
    text-align: center;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
.keybiurd:hover{
    opacity:1;

    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;

}


/* Layout Helpers */

.content-wrapper {
    padding: 0 20px;
}

/* Single Writer */

.writer-name {
    border-bottom: 1px #ccc solid;
}
.writer-posts-list li {
    margin-bottom: 10px;
}
.writer-posts-list li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.writer-posts-list .post-issue-info {
    color: #222;
    margin-top: 2px;
    font:normal 11px Tahoma;
}

/* Email Post (Page Template) */

#email-post-form label,
#email-opinion-form label {
    font: bold 12px Tahoma;
}
#email-post-form textarea,
#email-post-form input[type="url"],
#email-post-form input[type="text"],
#email-post-form input[type="email"],

#email-opinion-form select,
#email-opinion-form textarea,
#email-opinion-form input[type="url"],
#email-opinion-form input[type="text"],
#email-opinion-form input[type="email"] {
    font: normal 12px Tahoma;
    padding: 5px 0;
    width: 250px;
}

/* Advanced Search (Page Template) */

.search-section {
    padding: 20px;
}
.search-section .section-title {
    font: bold 26px 'Droid Arabic Naskh',serif;
    margin-bottom: 10px;
    color: #3A4E82;
}
.search-section .section-header {
    border-bottom: 1px dashed #ccc;
}

.search-results {
    list-style: none;
    padding: 0;
    margin: 0;
}
.search-results .hentry {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.search-results .post-title {
    margin-bottom: 5px;
}
.search-results .post-header {
    margin-bottom: 15px;
}
.search-results .post-header a {
    text-decoration: none;
    color: #000;
}
.search-results .post-meta {
    font: normal 12px Tahoma;
}
.search-results .post-meta div {
    margin-left: 7px;
    display: inline;
}
.search-results .post-meta div a {
    color: #0079be;
}

.advanced-search-link {
    color: #000;
    padding: 10px;
    display: block;
    background: #eee;
    text-align: center;
    font:bold 20px Arial;
    text-decoration: none;
    border: 1px #ccc solid;
}
#advanced-search-form {
    margin: 10px auto;
    width: 90%;
}
#advanced-search-form input[type="search"] {
    font-family: Tahoma;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
}
#advanced-search-form fieldset {
    border-color: #e1e1e1;
    margin-bottom: 10px;
    background: #eee;
}
#advanced-search-form fieldset legend {
    font: normal 12px Tahoma;
    color: #222;
}
#advanced-search-form fieldset input[type="number"] {
    width: 60px;
}


/* Writers List (Page Template) */

#writers-indexes {
    float: right;
    margin-bottom: 15px;
}
#writers-indexes ul {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: none;
    display: inline-block;
}
#writers-indexes li {
    float: right;
    margin: 0 5px;
    display: inline-block;
}
#writers-indexes a {
    color: #000;
    text-decoration: none;
    font: normal 14px Tahoma;
}
#writers-search {
    float: left;
}

/* Issues Archive (Page Template) */

#issues-archive .section-title {
    display: inline-block;
}

#issues-list {
    clear: both;
}
#issues-list .row {
    float: right;
}
#issues-list .issue {
    float: right;
    margin: 10px;
    padding: 10px;
    text-align: center;
    border: 1px #ccc solid;
}
#issues-list .issue-month {
    display: block;
    margin-bottom: 10px;
    font: bold 14px Tahoma;
}
#issues-list .issue-util-links {
    margin-top: 10px;
}
#issues-list .issue-util-links a {
    color: #000;
    margin: 0 5px;
    text-decoration: none;
    font: bold 12px Tahoma;
}
#issues-list .issue-util-links a:hover {
    color: #222;
}

/* Issues Files (Page Templates) */

#issues-files {
    padding: 0 10px;
}
#issues-files .section-title {
    display: inline-block;
}

#issues-files .row {
    clear: both;
    width: 100%;
    float: right;
    padding: 0 5px;
    text-align: center;
}

#issues-files .loop-post {
    float: right;
    width: 145px;
    padding: 10px 5px;
    min-height: 150px;
    display: inline-block;
}

#issues-files .loop-post .post-info {
    width: 100%;
    float: right;
    text-align: center;
    display: inline-block;
}
#issues-files .loop-post .post-title {
    font-size: 18px;
    margin-bottom: 10px;
}
#issues-files .loop-post .post-title a {
    color: #000;
    text-decoration: none;
}
#issues-files .loop-post .issue-info {
    color: #222;
    margin-bottom: 15px;
    font: bold 12px Tahoma;
}
#issues-files .loop-post .post-summery {
    color: #666;
    font-weight: bold;
}

/* FlipBook (Page Templates) */

#flipbook {
    background: #FFF url('img/bg.jpg') bottom repeat-x;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-top: 30px;
    top: 0;
    z-index: 99999;
    left: 0;
}
#magazine-wrapper {
    width: 1164px;
    margin: 0 auto;
}
#magazine-title {
    margin-top: 0;
    cursor: pointer;
    color: #9C9C9C;
    text-align: center;
    margin-bottom: 20px;
    font: bold 22px Arial;
}
#magazine{
    width:1164px;
    height:801px;
    -webkit-transition:margin-left 0.2s ease-in-out;
    -moz-transition:margin-left 0.2s ease-in-out;
    -ms-transition:margin-left 0.2s ease-in-out;
    -o-transition:margin-left 0.2s ease-in-out;
    transition:margin-left 0.2s ease-in-out;
}
#magazine .sheet {
    background-color:#ccc;
    background-size:100% 100%;
}
#magazine   {
    -webkit-transition:margin-left 0.2s ease-in-out;
    -moz-transition:margin-left 0.2s ease-in-out;
    -o-transition:margin-left 0.2s ease-in-out;
    -ms-transition:margin-left 0.2s ease-in-out;
    transition:margin-left 0.2s ease-in-out;
}
#magazine .hard{
    width:1164px;
    height:801px;
    background-color:white;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
}

#magazine .loader{
    background-image:url(img/loader.gif);
    width:22px;
    height:22px;
    position:absolute;
    top:400px;
    left:219px;
}
.controllerM {
    background: #EDE8EC;
    height: 50px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.controllerM  .buttons{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height:50px;
    width: 400px;
    margin: 0 auto;
    display: table;
    z-index: 9999;
}
.controllerM  .buttons div {
    display: table-cell;
    height: 50px;
    text-align: center;
    vertical-align: middle;

    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

#magazine .shadow {
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -ms-box-shadow: 0 0 10px #999;
    -o-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
}
.own-size {
    overflow: hidden;
    background-image: url(img/pages.png);
}

.buttons .nxtbtn {
    width:10px;
    height:10px;
    display:block;
    cursor:pointer;
    margin: 0 auto;
    background: url(img/pn.png) no-repeat top right;
}
.buttons .next:hover .nxtbtn {
    background-position: bottom right;
}

.buttons .prvbtn {
    width:10px;
    height:10px;
    display:block;
    cursor:pointer;
    margin: 0 auto;
    background: url(img/pn.png) no-repeat top left;
}
.buttons .prev:hover .prvbtn {
    background-position: bottom left;
}

.pagesnum {
    color: #797979;
    font: 16px Tahoma;
    text-align: center;
}

.manzilak_logo {
    position: absolute;
    bottom: 0;
    left: 0px;
    opacity: 0.3;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.manzilak_logo:hover{
    opacity: 1;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.ksc {
    color: #AAA;
    font: bold 12pt arial;
    text-align: center;
}


.key {
    display: block;
    color: #AAA;
    font: bold 9pt arial;
    text-decoration: none;
    text-align: center;
    height: 26px;
    width: 46px;
    background: #EFF0F2;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #F5F5F5;
    -webkit-box-shadow: inset 0 0 25px #E8E8E8, 0 1px 0 #C3C3C3, 0 2px 0 #C9C9C9, 0 2px 3px #333;
    -moz-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    box-shadow: inset 0 0 25px #E8E8E8, 0 1px 0 #C3C3C3, 0 2px 0 #C9C9C9, 0 2px 3px #333;
    text-shadow: 0px 1px 0px #F5F5F5;
    color: #AAA;
    font: bold 9pt arial;
    text-align: center;
    text-shadow: 0px 1px 0px #F5F5F5;
    margin-bottom:5px;

}

/* Photo Break (Page Template) */

#photo-break {
    color: #fff;
    background: #000;
}
#photo-break .section-title {
    color: #F2DF00;
    display: inline-block;
}
#photo-break #issues-by-year-nav a {
    color: #fff;
}

#photo-break .loop-posts {
    display: block;
}
#photo-break .loop-post {
    float: right;
    width: 920px;
    margin-bottom: 20px;
    border-bottom: 1px #eee dashed;
}
#photo-break .post-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    text-decoration: none;
    outline: 0 !important;
}
#photo-break .post-title h1 {
    margin: 0px;
    font-size: 20px;
}
#photo-break .post-summery {
    color: #eee;
    float: right;
    width: 660px;
    margin: 5px 0;
    display: inline-block;
    font: normal 13px Tahoma;
}
#photo-break .post-thumbnails {
    float: left;
    width: 240px;
    display: inline-block;
}
#photo-break .post-thumbnails img {
    display: inline-block;
    border: 1px #666 solid;
    margin: 0 5px 30px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#photo-break .post-thumbnails img:hover {
    opacity: 0.8;
}
#photo-break .post-meta {
    margin-top: 10px;
}
#photo-break .post-meta a {
    color: #fff;
    margin: 0 5px;
    font: bold 12px Tahoma;
}

/* Issues Posters (Page Templates) */

#issue-posters .section-title {
    display: inline-block;
}

/* Issues Media (Page Templates) */

#issue-media .section-title {
    display: inline-block;
}
#issue-media .issue-media {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px #ccc dashed;
}
#issue-media .issue-media a {
    color: #000;
}

/* Shared (Page Templates) */

#issues-by-year-nav,
#posters-by-issue-nav {
    float: left;
    margin: 25px 0;
    display: inline-block;
    vertical-align: middle;
}
#issues-by-year-nav form,
#posters-by-issue-nav form {
    margin: 0 10px;
    display: inline;
}
#issues-by-year-nav input,
#posters-by-issue-nav input {
    width: 60px;
    text-align: center;
}
#issues-by-year-nav .prev-link,
#issues-by-year-nav .next-link,

#posters-by-issue-nav .prev-link,
#posters-by-issue-nav .next-link {
    color: #222;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
}
#issues-by-year-nav .prev-link,
#posters-by-issue-nav .prev-link {
    float: right;
}
#issues-by-year-nav .next-link,
#posters-by-issue-nav .next-link {
    float: left;
}

/* Home Page */

#home-page {
    margin-bottom: 10px;
	overflow: hidden;
	min-height: 380px;
}
#home-left-bar {
    width: 236px;
    height: 380px;
    float: right;
}

#last-issue-cover {
    width: 280px;
    float: right;
    height: 380px;
    margin: 0 10px 0 0px;
}

#last-issue-posts {
    float: right;
    width: 425px;
    height: 380px;
    background: #fff;
    position: relative;
    margin: 0 0 0px 0px;
}

#last-issue-posts-slider {
    height: 380px;
}
#last-issue-posts-slider .issue-post-thumb {
    float:left;
    height:380px;
}
#last-issue-posts-slider .issue-post-info {
    left: 0;
    bottom: 0;
    color: #FFF;
    width: 210px;
    min-height: 120px;
    overflow: hidden;
    margin: 35px 0px;
    text-align: right;
    position: absolute;
    padding: 15px 15px 10px 10px;
    background: rgba(0, 0, 0, 0.5);
    font-family: 'Droid Arabic Naskh', serif;
}
/*original* #last-issue-posts-slider .issue-post-info {
    right: 0;
    color: #FFF;
    width: 210px;
    min-height: 150px;
    overflow: hidden;
    margin: 40px 0px;
    text-align: right;
    position: absolute;
    padding: 20px 20px 10px 10px;
    background: rgba(0, 0, 0, 0.79);
    font-family: 'Droid Arabic Naskh', serif;
}*/
#last-issue-posts-slider .issue-post-info > h1 {
    margin-top: 0;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 10px;
}
#last-issue-posts-slider .issue-post-info > p {
    overflow: hidden;
    font-size: 12px;
    height:66px;
    margin: 0;
}
#last-issue-posts-slider .issue-post-info .rml {
    font-size: 14px;
    font-family: tahoma;
    margin: 10px 0;
    float: right;
    display: block;
    line-height: 22px;
    width: 90px;
    height: 25px;
    background: url(img/rma.png) left center no-repeat;
    text-decoration: none;
    color: #FFF;
}

#last-issue-posts .issue-post {
    width: 425px !important;
    overflow: hidden;
}
#last-issue-posts .slider-nav {
    width: 100%;
    height: 42px;
    z-index: 999;
    background: #e9eef3;
    position: absolute;
    bottom: 0;
}
#last-issue-posts .slider-dots {
    max-width: 20px;
    background: url(img/line.png) right center no-repeat,
        url(img/line.png) left center no-repeat;
}
#last-issue-posts .slider-pager {
    text-align: center;
    margin: 8px 0;
    width: auto;
    display: block;
}
#last-issue-posts .slider-pager a {
    margin: 5px;
    width: 10px;
    height: 10px;
    padding:  0px;
    cursor: pointer;
    background:#9ba6ac;
    vertical-align: top;
    display: inline-block;
    text-indent: -999999px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#last-issue-posts .slider-pager a:hover {
    background:#004D65;
}
#last-issue-posts .slider-pager a:focus {
    background:#387487;
}
#last-issue-posts .slider-pager a.activeSlide {
    background:#004D65 !important;
}
#last-issue-posts .slider-prev a,
#last-issue-posts .slider-next a {
    width: 10px;
    height: 10px;
    display: block;
    margin: 12px 5px;
    background: url(img/pn.png) no-repeat;
}
#last-issue-posts .slider-prev-link {
    float: left;
    background-position: top right!important;
}
#last-issue-posts .slider-prev-link:hover {
    background-position: bottom right!important;
}
#last-issue-posts .slider-next-link {
    float: right;
    background-position: top left!important;
}
#last-issue-posts .slider-next-link:hover {
    background-position: bottom left!important;
}

.last-issue-cat-sticky-post {
    float: right;
    width: 236px;
    height: 187px;
    position: relative;
    margin: 0 0 6px 0;
}
.last-issue-cat-sticky-post .issue-post-info {
    bottom: 0px;
    color: #fff;
    width: 236px;
    height: 42px;
    display: block;
    position: absolute;
}
.last-issue-cat-sticky-post .issue-post-info .cat-name {
    margin: 0 10px;
    line-height: 42px;
    font-family: 'Droid Arabic Naskh', serif;
}
.last-issue-cat-sticky-post[data-cat="38"] .issue-post-info {
    background: #014d65;
}
.last-issue-cat-sticky-post[data-cat="31"] .issue-post-info {
    background: #0fb29d;
}

/* Meta Blocks */

#meta-blocks {
    margin: 0 40px 0 20px;
    text-decoration: none;
}
#meta-blocks .block {
    width:280px;
    float:right;
    color: #039;
    font: normal 12px Tahoma;
}
#meta-blocks .block h3 {
    height: 30px;
    color:#053d9e;
    text-align:right;
    line-height: 30px;
    border-top : 1px dotted #000;
    border-bottom : 1px dotted #000;
}
#meta-blocks .block ul {
    padding: 0 20px 0 0;
}
#meta-blocks .block a {
    color: #039;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
}
#meta-blocks .block a:hover {
    color: #039;
    text-decoration: underline;
}

/* Buttons */

#join_01 a {
    display: block;
    width: 90px;
    height: 19px;
    padding-right: 22px;
    font-size: 14px;
    text-decoration: none;
    color: #808080;
    background: url(img/join/sendtoafriend.gif) no-repeat right center;
}

#join_01 a:hover {
    color:#F59719;
    background: url(img/join_hover/sendtoafriend.gif) no-repeat right center;
}

#join_02 a {
    display: block;
    width: 100px;
    height: 19px;
    padding-right: 27px;
    font-size: 14px;
    text-decoration: none;
    color: #808080;
    background: url(img/join/print.gif) no-repeat right center;
}

#join_02 a:hover {
    color:#F59719;
    background: url(img/join_hover/print.gif) no-repeat right center;
}

#join_04 a {
    display: block;
    width: 78px;
    height: 19px;
    padding-right: 22px;
    font-size: 14px;
    text-decoration: none;
    color: #808080;
    background: url(img/join/sendusuropinion.gif) no-repeat right center;
}

#join_04 a:hover {
    color:#F59719;
    background: url(img/join_hover/sendusuropinion.gif) no-repeat right center;
}


#fileToUpload {
    border: 1px dotted;
    padding: 6px;
    direction: rtl;
    width: 376px;
}

/* Like & Dislike */

.ldc-ul_cont {
    border: none !important;
}

.ldc-buttons {
    float: right;
    display: inline-block;
}
.ldc-buttons > span {
    float: right;
}
.like-counter,
.dislike-counter {
    margin: 0 2px;
}
.like-counter img,
.dislike-counter img {
    display: none;
}
.like-counter > span,
.dislike-counter > span {
    margin: 0px;
    height: 30px;    
    color: #a0a0a0;
    box-shadow: none;
    line-height: 24px;
    font-weight: bold;
    padding-right: 24px;
}
.like-counter > span {
    background: url('img/like.png') no-repeat right top !important;
}
.dislike-counter > span {
    background: url('img/dislike.png') no-repeat right top !important;
}

/* Boxes */

.box-styleR {
    float:right;
    width:25%;
    height:auto;
    padding:10px;
    margin:10px 0 10px 10px;
    background:#F8F8F8;
    font-size: 12px;
    border:1px solid #e4e4e4;
    text-align:justify;
}
.box-styleL {
    float:left;
    width:25%;
    height:auto;
    padding:10px;
    margin:10px 10px 10px 0;
    font-size: 12px;
    background:#F8F8F8;
    border:1px solid #e4e4e4;
    text-align:justify;
}
.box-styleC {
    height:auto;
    padding: 10px;
    margin: 10px 0 10px 0;
    font-size: 12px;
    background:#F8F8F8;
    border:1px solid #e4e4e4;
    text-align:justify;
}
.box-styleR img,
.box-styleL img,
.box-styleC img{
	max-width:100%;
	height:auto!important;
}




/* Contact US */

#contact-form {
    width: 550px;
    margin: 0 auto;
}

#contact-form label {
    display: inline-block;
    width: 150px;
    color: #2B3381;
    margin: 0;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    direction: rtl;
    font-family: 'Droid Arabic Naskh', serif;		
}

#contact-form #friend-email ,
#contact-form input[type=text] ,
#contact-form input[type=email] {
    background-color: #F4F4F0;
    width: 315px;
    text-indent: 5px;
    height: 28px;	
}

.SendMassageH1 {
    color: #252D69;
    font-family: 'Droid Arabic Naskh', serif;
    font-size: 36px;
    font-weight: bold;
    border-bottom: 1px dotted #000;
    padding-bottom: 20px;
}

.area-form {
    margin: 25px 0;
}

.SelectFormType {
    background-color: #F4F4F0;
    width: 320px;
    height: 28px;	
}
.TextAreaStyle {
    background-color: #F4F4F0;
    width: 383px;
    height: 210px;
}

.BtnSendMassage{
    width: 50px;
    color: #FFF;
    float:left;
    background: #F00;
    height: 25px;
    font-size: 11px;
    font-family: 'Droid Arabic Naskh', serif;
}

.PrivacyPolicy {
    float:right;
    color:#6B70A0;
    margin:0;
    font-size:13px;
    font-weight:bold;
}		

#new-address ,
#address ,
#reason ,
#friend-address {
    background-color: #F4F4F0;
    width: 315px;
    height: 40px;
}

.uploadFile {
    border: 1px dotted #000;
    padding: 5px;
    width: 377px;
}
.ContactUs-border-top {
    border-top: 1px dotted #000;
    padding-top: 20px;	
}

.success { 
    background-color: #DFF0D8;
    border-right: 3px solid #468847;
    padding: 15px;
    margin: 20px 0;	
}
#contact-form .errors {
    background-color: #FDF7F7;
    border-right: 3px solid #D9534F;
    padding: 5px;
    margin: 20px 0;
}
#contact-form h4 {
    color: #D9534F;
    margin: 5px 10px;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Droid Arabic Naskh', serif;
}
#contact-form ul {
    color: #333;
    margin: 5px 10px;
    font-size: 14px;
    font-family: 'Droid Arabic Naskh', serif;
}
#contact-form .form-elements-group > div {
    margin: 15px 0;
}


#content2 img {
    max-width: 100%;
    height: auto;
}

span.highlight {
	background: #FF8;
}

.issue-posts-index-page {
padding:10px;
}
.issue-posts-index {
    width: 100%;
    border-collapse: collapse;
}
.issue-posts-index thead {
    background: #1D9F8E;
    color: #fff;
    font-family: 'Droid Arabic Naskh', serif; 
    font-size:12px
}

.issue-posts-index thead th {
	text-align:right;
    padding: 5px 10px;
}
 
.issue-posts-index td {
    padding: 10px;
}
 
.index-writers a {
    color: #222;
	text-decoration: none;
}
.index-writers .w {
    margin:0 5px;
}

.issue-posts-index tbody tr {
    border-bottom: 1px solid #ddd;
}
.issue-posts-index tbody tr:hover {
    background: #FAFAFA;
}

.issue-posts-index a {
	color: #000;
	text-decoration: none;
}

.issue-download {
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    color: #000;
    background: rgb(244, 244, 244);
    margin: 10px 0;
    text-decoration: none;  font-family: 'Droid Arabic Naskh', serif;
}

.issue-download span {
    display: block;
    color: inherit;
    font-size: 13px;
}

.issue-download a {
    text-decoration: none;
    color: inherit;
}

.issue-download:hover {
    background: #1D9F8E;  color: #fff;
}


/* print mode */

.print_setting {display: none;}

body.print_mode  {
    width: 100%;
    background:#fff!important;
}
.print_mode #header {
    display: none !important;
}

.print_mode #mycustomscroll_contentwrapper {top:0!important;}
.print_mode #accordion,
.print_mode .bgmetapost,
.print_mode .hdr,
.print_mode .hide_print {display:none;}
.print_mode #mycustomscroll {
    width: 100% !important;
    height: auto !important;
    overflow:visible !important;
    position: relative !important;
}
.print_mode #mycustomscroll_mcontentwrapper{
    height: auto!important;
    top: 0px!important;
    overflow: visible!important;
}
.print_mode table[width="700"]  {
    width: 100% !important;
}
.print_mode .highlight , .print_mode #main-content {background:none!important;}
.print_mode .print_setting {display: block;

width: 190px;
position: fixed;
top: 100px;
left: 10px;
color: #fff;
background: #05224C;
box-shadow: 0px 0 15px 1px #909090;
padding: 20px;
    z-index: 999;
}
.print_mode .print_setting .po-title {
    font-size: 24px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
.print_mode .print_setting .po-btn {
    width: 100%;
    height: 30px;
    font-size: 14px;
    margin-top: 30px;
}
.print_mode .print_setting #slider {
    margin: 10px 0;
    outline: none;
}