@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css');
@import url('https://fonts.googleapis.com/css?family=tajawal');

.mobile-menu { display: none;}

.source {font-family: tajawal; font-size: 17px; font-weight: bold; color: #19509b;}

.desktoplogo img {width:200px; margin-top: 5px; margin-bottom: 5px;}

.side-banner img{ width:100% !important; height:133px;}
.side-banner { margin-bottom: 5px; margin-left: 20px; margin-right: 5px;}




.local { margin-left: 15px; margin-bottom: 0px; margin-right: 15px; height: 250px;}
.local img { width:100%; height: 150px;}
.local a {font-family: tajawal; color: #000; font-weight: 600px;}


.stick-bg { background-color: #E0E0E0; border: 1px solid #ccc; overflow: hidden;}
.stick { margin-left: 10px; margin-bottom: 25px; margin-right: 10px; overflow: hidden;}
.stick img { width:80px; height: 70px; float: right; margin-left: 10px;}
.stick a {font-family: tajawal; color: #000; font-weight: 600px; font-size: 14px;}



.jordan { margin-left: 10px; margin-bottom: 25px; margin-right: 10px; height: 60px;}
.jordan img { width:80px; height: 70px; float: right; margin-left: 10px;}
.jordan a {font-family: tajawal; color: #000; font-weight: 600px; font-size: 14px;}




ul.marquee-now {display: block;padding: 0;margin: 0;list-style: none;line-height: 1;position: relative;overflow: hidden;height:35px; float:left; text-align:right; width:100%; direction:rtl; margin-top:5px; }
ul.marquee-now li {position: absolute;top: -999em;right: 0;display: block;white-space: nowrap;padding:2px 5px 3px 5px;}

ul.marquee-now li a:link{
	font-family:'FrutigerLTW20'; font-size:15px; font-weight:normal;
	color:#FFF;
	text-decoration:none;
}

ul.marquee-now li a:visited{
	font-family:'FrutigerLTW20'; font-size:15px; font-weight:normal;
	color:#FFF;
	text-decoration:none;
}

ul.marquee-now li a:hover{
	font-family:'FrutigerLTW20'; font-size:15px; font-weight:normal;
	color:#FFF;

	text-decoration:none;
}




.marquee-box { border:1px solid #ccc; overflow: hidden; height: 354px; margin-right: 15px; background-color: #e0e0e0}
.grey-bg { background-color:#e0e0e0; overflow: hidden;border:1px solid #ccc; padding-top: 15px; }

.bullets-list { margin: 10px;}

.bullets-list li { margin-bottom: 15px; border-bottom: 1px solid #ccc; padding: 10px;font-family: tajawal; font-size: 13px;}


.developer {}
.developer a { color:#fff088;}

.big-right {}
.big-right li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; padding-bottom: 10px}
.big-right li .content { height:57px}
.big-right li img { float:right; width:200px; height:150px;  margin-left:10px; border:1px solid #ccc}
.big-right li a {font-family:'tajawal'; font-size:18px; color:#333; font-weight:bold;}
.big-right.side li { float:right; direction:rtl; text-align:right; padding:5px; width:50%}



.footer { background-color: #000 !important; color:#fff; text-align: center; padding: 20px;}

ul.marquee {
    direction: rtl;
    display: block;
    float: right;
    height: 25px;
    line-height: 1;
    list-style: outside none none;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: right;
    width: 600px;
}
ul.marquee li {
    direction: rtl;
    display: block;
    padding-top: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: -999em;
    white-space: nowrap;
}
ul.marquee li a:link, ul.marquee li a:visited {
    color: #000000;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
ul.marquee li a:hover {
    color: #000000;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
ul.marquee_large {
    direction: rtl;
    display: block;
    float: right;
    height: 70px;
    line-height: 1;
    list-style: outside none none;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: right;
    width: 220px;
}
ul.marquee_large li {
    direction: rtl;
    display: block;
    padding-top: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    top: -999em;
}
ul.marquee_large li a:link, ul.marquee_large li a:visited {
    color: #000000;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
ul.marquee_large li a:hover {
    color: #06c;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
ul.marquee_banner {
    display: block;
    float: right;
    height: 63px;
    line-height: 1;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 202px;
}
ul.marquee_banner li {
    direction: rtl;
    display: block;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    top: -999em;
}
ul.marquee_banner li a:link, ul.marquee_banner li a:visited {
    color: #000000;
    font-family: "Arabic Transparent",Arial,Helmet,Freesans,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
}
ul.marquee_banner li a:hover {
    color: #06c;
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}
.path {
    color: #fff;
    font-weight: bold;
    padding-right: 15px;
    padding-top: 5px;
    text-align: right;
}
.path a:link, .path a:visited {
    color: #fff;
    font-weight: bold;
}
.more {
    direction: rtl;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    padding: 20px;
    text-align: justify;
}
.more #tools {
    overflow: hidden;
    padding-bottom: 10px;
}
.more #tools #social {
    width: 400px;
}
.more #tools #date {
    width: 200px;
}
.more #title_key {
    color: #069;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.more #title {
    color: #000000;
    font-family: arial;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.more #ph_name {
    padding-bottom: 15px;
    padding-right: 10px;
    text-align: center;
}
.more #ph_name img {
    border: 1px solid #ccc;
    padding: 3px;
}
.section {
    border-bottom: 1px dotted #ccc;
    direction: rtl;
    float: right;
    height: 60px;
    margin-right: 10px;
    overflow: hidden;
    padding: 5px 5px 13px;
    text-align: right;
    width: 295px;
}
.section #linkText a:link, .section #linkText a:visited {
    color: #000000;
    direction: rtl;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}
.section #linkText a:hover {
    color: #036;
    direction: rtl;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}
.section #brief {
    color: #a14092;
    direction: rtl;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    padding-bottom: 5px;
    text-align: right;
}
.section #brief img {
    border: 1px solid #ccc;
    float: left;
    margin-right: 5px;
    padding: 3px;
}
.section img {
    border: 1px solid #ccc;
    float: right;
    margin-left: 5px;
    padding: 3px;
}
.section:hover {
    background-color: #d1dde5;
}
.pages {
    font-family: arial;
    font-size: 11px;
    height: 30px;
    margin-left: 10px;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 720px;
}
.pages A {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 0 0 0.2em;
    padding: 0.3em 0.7em;
    text-decoration: none;
}
.pages a:visited {
    color: #000;
}
.pages a:link {
    color: #000;
}
.pages SPAN {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    font-size: 0.9em;
    margin: 0 0 0 0.2em;
    padding: 0.3em 0.7em 0.4em;
    text-decoration: none;
}
.pages A:hover {
    background: none repeat scroll 0 0 #f2f2f2;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 0 0 0.2em;
    padding: 0.3em 0.7em;
    text-decoration: none;
}
.pages SPAN.current {
    background: none repeat scroll 0 0 #6ac;
    border-color: #6ac;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}
.pages .active {
    background: none repeat scroll 0 0 #6ac;
    border-color: #6ac;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}
.pages A.active:hover {
    background: none repeat scroll 0 0 #f2f2f2;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 0 0 0.2em;
    padding: 0.3em 0.7em;
    text-decoration: none;
}
.pages SPAN.hellip {
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    padding: 0.3em;
}
.pages_title {
    border-bottom: 1px solid #cccccc;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 0 2px 10px 0;
    padding: 0 5px 5px 0;
}
.pages a img {
    margin: 0;
    padding: 0;
}
.gallery {
    float: left;
    margin-left: 2px;
    padding-top: 2px;
    text-align: center;
}
.photo_caption {
    height: 50px;
    text-align: center;
}
.gallery img {
    border: 1px solid #ccc;
    height: 250px;
    padding: 3px;
    width: 370px;
}
.gallery_list {
    float: right;
    overflow: hidden;
    padding-top: 2px;
    width: 100px;
}
.gallery_list li {
    float: right;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-right: 5px;
}
.gallery_list li img {
    border: 1px solid #ccc;
    height: 50px;
    padding: 3px;
    width: 81px;
}
.poll_question {
    direction: rtl;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-align: right;
}
.poll_answer {
    direction: rtl;
}
.poll_answer li {
    direction: rtl;
    font-family: tahoma;
    font-size: 12px;
    padding: 3px;
    text-align: right;
}
.poll_button {
    padding: 10px 20px 3px 3px;
    text-align: right;
}
.poll_results {
    direction: rtl;
    list-style: outside none none;
    margin: 0;
    padding: 10px 15px 10px 10px;
}
.poll_results li {
    font-family: tahoma;
    font-size: 12px;
    padding: 3px;
}
.poll_count {
    direction: rtl;
    font-family: tahoma;
    font-size: 11px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: right;
}
.orange {
    color: #f90;
    font-weight: bold;
}
#formResponse {
}
#formResponse td {
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
}
#formResponse textarea, #formResponse input {

}
.comment_footnote {
    direction: rtl;
    text-align: center;
	font-weight: bold;
	background: none repeat scroll 0 0 #f0f0f0;
    border-top: 1px solid #f8f8f8;
    padding: 10px;
}
.comm li {
    overflow: hidden;
    padding: 5px;
}
.comm_container {
    background-color: #efefef;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 3px;
}
.comm_no {
    float: right;
    text-align: center;
    width: 40px;
}
.comm_text {
    direction: rtl;
    font-family: tahoma;
    font-size: 15px;
    padding-right: 40px;
    padding-top: 10px;
    text-align: right;
}
.comm_name {
    color: #069;
    float: right;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
.comm_comments {
    direction: rtl;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    text-align: right;
}
.comm_date {
    color: #000000;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    text-align: center;
}
.comm_footer {
    color: #333;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
.galleries_album ul {
    margin: 0;
    padding: 0;
}
.galleries_album li {
    float: right;
    margin-right: 20px;
    padding: 10px;
    width: 180px;
}
.galleries_album li img {
    border: 1px solid #ccc;
    height: 120px;
    margin: 5px 40px 5px 5px;
    padding: 3px;
    width: 120px;
}
.blue_inner_header {
    background-color: #069;
    background-repeat: no-repeat;
    color: #fff;
    font-family: tahoma;
    font-size: 11px;
    height: 26px;
    padding-top: 5px;
    text-align: center;
    width: 210px;
}
.gallery_inner_title {
    display: block;
    padding-top: 5px;
    text-align: center;
}
.galleries_inner {
    margin: 10px;
}
.galleries_inner ul, .galleries_inner li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.galleries_album ul, .galleries_album li {
    padding-top: 10px;
}
.galleries_inner li {
    float: right;
    padding: 2px 10px;
    width: 160px;
}
.gallery_inner_title {
    color: #fff;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 5px;
    text-align: center;
}
.more_photo {
    text-align: center;
}
.more_photo li {
    display: inline;
}
.more_photo li img {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 3px;
}
.photo_full {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}
.photo_full img {
    border: 1px solid #ccc;
    padding: 3px;
}
.photo_full_title {
    color: #999;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: center;
}
#type1 .newsticker {
    direction: rtl;
    height: 22px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 7px;
    text-align: right;
}
#type1 .newsticker a:link, #type1 .newsticker a:visited {
    color: #fff;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}
#type1 .newsticker a:hover {
    color: #c00;
    font-weight: bold;
}
.newsticker {
    direction: rtl;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 2px;
    text-align: right;
}
.newsticker a:link, .newsticker a:visited {
    color: #000000;
    font-weight: bold;
}
.newsticker a:hover {
    color: #000000;
    font-weight: bold;
}
.nowstyle {
    background-color: #f00;
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    height: 24px;
    padding-top: 3px;
    text-align: center;
}
.page_title {
    color: #000;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
    text-align: right;
    text-decoration: none;
}
.page_text {
    direction: rtl;
    font-family: tahoma;
    font-size: 12px;
    text-align: right;
}
.writer {
    color: #c30;
    font-family: "Arabic Transparent",Arial,Helmet,Freesans,sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.writer_name {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.inner_header_title {
    color: #333;
    direction: rtl;
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding-right: 40px;
    padding-top: 15px;
    text-decoration: none;
}
.inner_header_section {
    color: #333;
    direction: rtl;
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding-top: 15px;
    text-decoration: none;
}
.main_list {
    text-align: center;
}
.main_list li {
    display: inline-block;
    height: 60px;
    margin-bottom: 8px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}
.main_list li img {
    border: 1px solid #cccccc;
    height: 63px;
    padding: 3px;
    width: 95px;
}
.main_list li img.active {
    background-color: #9c0;
}
.main_list li img:hover {
    background-color: #9c0;
}
.mainstory {
    margin-left: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    width: 100%;
}
.mainstory img {
    border: 1px solid #cccccc;
    height: 400px;
    width: 100%;
}
.mainstory .title {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    height: 50px;
    margin-left: 1px;
    margin-top: -62px;
    padding: 5px;
    position: relative;
	direction:rtl;
    text-align: right;
    width: 100%;
    z-index: 99999;
}
.mainstory .title a:link, .mainstory .title a:visited {
    color: #fff;
    display: block;
    font-family: "Droid Arabic Kufi",serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
.mainstory .title a:hover {
    color: #fc0;
}
.weather {
    float: right;
    font-family: tahoma;
    font-size: 11px;
    margin-right: 45px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100px;
}
.weather img {
    border: 5px solid #966;
}
.list_section {
    overflow: hidden;
    padding: 0;
    text-align: center;
}
.list_section li {
    float: right;
    height: 200px;
    overflow: hidden;
    padding: 6px;
    text-align: center;
    width: 139px;
}
.list_section li img {
    border: 1px solid #ccc;
    height: 115px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 3px;
    width: 130px;
}
.list_section li a:link, .list_section li a:visited {
    color: #000000;
    direction: rtl;
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}
.list_section li a:hover {
    color: #c00;
    direction: rtl;
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}
.blink2 {
    background-color: rgba(180, 46, 83, 0.42);
}
.blink2 a {
    color: #000 !important;
}



/*-------------------------------------------------------------------------*/
.copy-right { text-align: center; font-size: 11px;}

body{margin:0px; background-color:#fff;  }
.wbg { background-color:#fff;}


.top-menu {  overflow: hidden; height: 45px;  border-top:none;
border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;

}

.top-header {

	/*overflow:hidden;*/
	padding-top:0px;
	padding-bottom:0px;
	}

.top-side-border{

	margin-top: 15px; 
	background-color: #FFF !important;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	
	
}


.social-icons li { float:left; margin-right: 10px; font-size: 32px;}
.fa-facebook-square {color:#4267b2}
.fa-twitter-square{color:#1da1f2}
.fa-youtube-square {color:#ff0000}
.fa-whatsapp-square{color:#44c453}
.fa-instagram-square{color:#e0122f; width:30px}


.top-banner { margin-top: 20px;}
.box-no { overflow: hidden; padding: 0px;}

.wsmenu-list li { }
.wsmenu-list li ul li { background: none !important}

.weather { margin-top: 15px;}

.mt15 { margin-top: 15px;}
.ml10 {  margin-left: 10px;}

.box-header { 
text-align: Center; 
padding: 5px;

background-repeat: repeat-x; background-position: 0px 22px;
height: 30px;
overflow: hidden;
padding-right: 0px;margin-left: 10px; margin-bottom: 10px; 
}

.box {  overflow: hidden;}

.box-header h4 {  margin-left: 10px;  height: 30px; padding-left: 10px; padding-right: 0px; margin-right: 35px; border-bottom:1px solid; text-align: right; margin-right: 15px;}


.header-link { margin-right: 0px;}
.header-link a { display: block; color:#FFF; font-size: 16px; font-family: 'Tajawal'; padding-left: 10px; padding-right: 10px;  background-color: #00689f; width:100px; padding-top: 5px; padding-bottom: 5px; text-align: center; }


.header-link-post { margin-right: 0px;}
.header-link-post a { display: block; color:#FFF; font-size: 16px; font-family: 'Tajawal'; padding-left: 10px; padding-right: 10px;  background-color: #00689f; width:180px; padding-top: 5px; padding-bottom: 5px; text-align: center; }



.banner { padding:10px; text-align:center;}
.banner-inner { padding:10px !important; text-align:center; padding-bottom:0px;}
.banner-inner  img { width:100%; height:75px; border:1px solid #ccc;}



.banner { padding:10px; text-align:center;}
.banner { padding:10px !important; text-align:center; padding-bottom:0px;}
.banner img { width:100%; height:75px; border:1px solid #ccc;}


.banner-bottom { padding:5px; text-align:center; padding-bottom:0px; width:336px;}
.banner-bottom  img { width:100%; height:75px; border:1px solid #ccc;}

.banner-bg {
  
    background: #f1f1f1; 
	border:1px solid #ccc;
	border-bottom-left-radius: 4px;	
	border-bottom-right-radius: 4px;		

}
	


.logo { text-align:right;}
.logo-text {text-align:right; padding-top:15px;} 
.footer { background-color:#1c5d6a;}

.print-icon { float:left; width:90px;}

.social-box { margin-top:5px; overflow:hidden; height:40px;}
.date {color:#355a77; font-family:tajawal; font-size:12px; height:30px; margin-top:5px;}

.search-box { margin-top:7px; text-align:left; overflow:hidden; padding-left: 10px; margin-bottom: 7px;}
.search-text { width:80%; float:left;  border:none; direction:rtl; font-family:'cairo'; border:1px solid #ccc;}
.search-btn { float:left; border:none; margin-right:10px;}





.menu-info-bg { background-color:#000; padding-bottom:12px; margin-top: 5px; border-top-right-radius: 4px;border-top-left-radius: 4px;}
.menu-info { margin-top:10px; margin-bottom:10px; text-align: center; overflow: hidden;}
.menu-info li { display: inline-block;}
.menu-info li a {display:inline;  padding-left:10px; padding-right:10px; border-left:1px solid #fff; color:#fff; font-family:tajawal; font-size:14px; }
.menu-info li:first-child a {border:none}


.menu-top { }
.menu-top li { float:right}
.menu-top li a { display:block; padding-left:10px; padding-right:10px;  color:#666666; font-family:tajawal; font-size:14px;padding-top:5px; padding-bottom:5px; }

.ticker-bg { background-color:#7e9d5c;}
.ticker-lable {font-family:Tajawal; font-size:14px; color:#fff; background-color:#d51212; padding:10px; text-align:center; margin-top:0px; }

.ticker-area a { font-family: tajawal !important; font-weight: bold; color: #000;}
.ticker-area img { margin-top:5px !important}



.stick-news {
	overflow:hidden;

	padding-bottom:0px;
/*	border-bottom:2px solid #b80102*/
}

.stick-news-bg {
	padding-top:10px;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #f0f0f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f0f0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f0f0f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f0f0f0); /* Standard syntax */	

/*	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;*/

	
}

.date-time { font-size:12px; color: #666}
.date-time .fa-clock { margin-left: 10px;}




#video-section .item-content img{ height: 200px  !important; }
#video-section .item-content a { font-size:18px !important}


#main-stories .item-content img { height: 360px;}

.play-icon { 
	position: absolute;
	width:100px; height: 100px; 
	background-image: url(../images/play.png;); 
	background-position: center; 
background-repeat: no-repeat; z-index: 100;}



.local-right { margin-left: 0px; margin-right: 0px; }
.local-right li {width:50%; float: right;direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; margin: 0px; padding: 0px; padding-bottom: 10px; margin-bottom: 10px; height: 90px}

.local-right li img { float:right; width:80px; height:63px;  margin-left:10px;  }
.local-right li a {font-family: tajawal; color: #000; font-weight: 600px; font-size: 14px; font-weight: bold;}
.local-right li:last-child{ border-bottom:none;}




.thumb-right { margin-left: 0px; margin-right: 0px; }
.thumb-right li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; margin: 0px; padding: 0px; padding-bottom: 10px; margin-bottom: 10px;}

.thumb-right li img { float:right; width:80px; height:63px;  margin-left:10px;  }
.thumb-right li a {font-family: tajawal; color: #000; font-weight: 600px; font-size: 14px; font-weight: bold;}
.thumb-right li:last-child{ border-bottom:none;}



.thumb-writers { margin-left: 0px; margin-right: 0px; }
.thumb-writers li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; padding-bottom: 10px; height: 80px;; margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px;}

.thumb-writers li img { float:right; width:80px; height:63px;  margin-left:10px; border:1px solid #ccc; }
.thumb-writers li a {font-family: tajawal; color: #000; font-weight: 600px; font-size: 14px;}

.thumb-writers li:last-child{ border-bottom:none;}



.thumb-right-main { margin-left: 10px; margin-right: 10px;}
.thumb-right-main li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; padding-bottom: 10px; height: 60px; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 10px;}

.thumb-right-main li img { float:right; width:60px; height:50px;  margin-left:10px; border:1px solid #ccc; padding: 3px; }
.thumb-right-main li a {font-family:'Amiri'; font-size:13px; color:#333; font-weight:bold;}

.thumb-right-main li:last-child{ border-bottom:none;}



.thumb-left {}
.thumb-left li { direction:ltr; text-align:left; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; padding-bottom: 10px; height: 80px;; margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px;}

.thumb-left li img { float:left; width:80px; height:70px;  margin-right:10px; border:1px solid #ccc; border-radius: 4px;}
.thumb-left li a {font-family:arial; font-size:13px; color:#333; font-weight:bold;}
.thumb-left.width50 li{ width:50%; float:left;}
.thumb-left.width50 li .title-box { padding-right: 10px;}

.thumb-left.width50 li{ width:50%; float:right;}
.thumb-left li:last-child{ border-bottom:none;}
.thumb-left.width50 li:nth-child(5){border-bottom:none;}

.writer { font-family:tahoma; font-size:11px; font-weight:bold; color:#D9060A;}



.read-more { background-image:url(../images/plus.png); background-position:40px 3px; background-repeat:no-repeat; height:32px; width:70px;font-family:'Amiri'; font-size:13px; color:#333; font-weight:bold;  border:1px solid #ccc; border-radius:4px; padding:5px; background-color:#FFF; margin-left:5px }
.read-more a { display:block; color:#E80F12; padding-top:0px;}


.thumb-writer {}
.thumb-writer li { direction:rtl; text-align:right; padding:5px; margin-bottom:10px; overflow:hidden;}
.thumb-writer li img { float:right; width:80px; height:70px;  margin-left:10px; border-radius:4px;}
.thumb-writer li a {font-family:tajawal; font-size:13px; color:#000;}
.thumb-writer li .writer  { color:#c60001; font-family:tajawal; font-size:13px; font-weight:bold;}

.writer-name-home { font-size: 11px; color:#BC1C1E !important; font-weight: bold}


.thumb-right-mid {}
.thumb-right-mid li { direction:rtl; text-align:right; padding:5px; padding-bottom:10px; padding-top:10px; overflow:hidden; text-align:right;  }
.thumb-right-mid li img { float:right; width:250px; height:150px; margin-left:10px;}
.thumb-right-mid li a {color:#000; direction:rtl; font-family:tajawal; font-size:18px; font-weight:bold;line-height:24px;}
.thumb-right-mid li:nth-child(even) { background-color:#fafafa; }


.thumb-right-small {}
.thumb-right-small li { direction:rtl; text-align:right; padding:5px; border-bottom:1px solid #efefef}
.thumb-right-small li img { float:right; width:60px; height:50px;  margin-left:10px;}
.thumb-right-small li a {font-family:tajawal; font-size:13px; color:#333;}

.header-dark-red { background-color:#a20000; text-align:center; font-family:tajawal; font-size:13px; color:#fff; font-weight:bold; padding:5px;}

.section-name { text-align:right; font-size:18px; color:#333;  font-weight:bold;padding-right:0px; margin-right:0px; font-weight:bold;}



.gray-bg { background-color:#f6f6f6;}
.dark-gray-bg { background-color:#828282;}



.blue-rippon { border-top:3px solid #22e4eb; padding-top:10px;  }
.dark-blue-rippon {border-top:3px solid #4923ed;padding-top:10px;}
.red-rippon { border-bottom: 1px solid #000;padding-top:0px;padding-bottom:0px; height:34px;

  background: #227684; /* For browsers that do not support gradients */
/*  background: -webkit-linear-gradient(-90deg, #9c3616, #fff);
  background: -o-linear-gradient(-90deg, #9c3616, #fff); 
  background: -moz-linear-gradient(-90deg, #9c3616, #fff);
  background: linear-gradient(-90deg, #9c3616, #fff); */

 border-top-right-radius: 4px;border-top-left-radius: 4px;color:#FFF; font-family:'tajawal' ; font-weight:normal; padding-right:10px;
}
.red-rippon span{ display:block; width:150px; float:right; padding-top:3px; padding-bottom:3px;} 

.black-more { background-color:#000; width:70px; float:left;  border-top-left-radius: 4px; padding-bottom:5px; padding-top:2px; text-align:center;}
.red-rippon.black-more a {font-family:'Amiri'; font-size:13px; color:#FFF; font-weight:bold;}


.red-rippon a { } 
.red-rippon .black-more a {font-family:'Amiri'; font-size:13px; color:#FFF; font-weight:bold;}


.red-rippon-inner { border-top: 3px solid #000;padding-top:0px; margin-bottom:15px;} 
.red-rippon-inner a { color:#FFF; 

    background: #1c5d6a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1c5d6a, #256673); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1c5d6a, #256673); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1c5d6a, #256673); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1c5d6a, #256673); /* Standard syntax */
	
 padding:1px; padding-left:15px; padding-right:4px; margin-bottom:4px;/*border-top-right-radius: 10px;*/ border-bottom-left-radius: 4px; font-family:'tajawal'; font-size:14px; font-weight:normal;} 




.gold-rippon { border-top: 3px solid #eea423;padding-top:10px;} 
.green-rippon { border-top: 3px solid #23ee4e;padding-top:10px;} 
.brown-rippon { border-top: 3px solid #754d1d;padding-top:10px;} 
.pink-rippon { border-top: 3px solid #f708de;padding-top:10px;} 

.blue-border { border:5px solid #88bab9; background-color:#fff; overflow:hidden}
.red-border { border:5px solid #ca0001; background-color:#fff;  overflow:hidden}

.section-name.red-bg { color:#fff; background-color:#ca0001; padding:10px;}
.section-name.gold-bg { color:#fff; background-color:#f1a41f; padding:10px;}



.item-content { margin: 0px;}


.overlay {

	width:100%;
	background-color: #333;
	position:absolute; margin-top: -100px; height: 100px;

}

.overlay h4 { padding: 10px; text-align: center; font-size: 18px;}
.overlay h4 a { color:#FFF; font-family: 'Amiri'}



.main-story { display:none; padding-right:7px; padding-left:4px; margin-top:10px; overflow:hidden; margin-bottom:10px; }
.main-story img { width:100%; height:360px; margin-bottom:-5px;border:1px solid #666; border-bottom:0px;}
.main-story .main-black { background-color:#000; padding:15px; height:119px}
.main-story .main-black a { display:block; text-align:right; direction:rtl; color:#FFF;font-family:'Amiri', serif; font-size:20px; line-height:32px; font-weight:bold;}


ul.main-list  { padding-left:7px; margin-top:5px;}
ul.main-list  li {direction:rtl; text-align:right; padding:10px; border-bottom:1px solid #efefef;  overflow:hidden; height:60px; background-color:#FFF; }
ul.main-list  li a {font-family:tajawal; font-size: 14px;font-weight: 600; color:#333; }
ul.main-list li:nth-child(even) { background-color:#fafafa; }
ul.main-list  li.active, ul.main-list  li:hover { background-color:#00689f}
ul.main-list  li.active a, ul.main-list  li:hover a { color:#FFF;}
ul.main-list  li img { width:70px; height:60px; float:right; margin-left:5px;}




ul.main-list  li.last { border:none;}

.post-meta { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.post-meta ul li a {color:#999;}

.post-meta ul li .fas { margin-left: 5px;}

                .post-meta ul li {
					font-size: 12px; color:#999; font-weight: bold;
                    display: inline-block;
                    margin-right: 10px;
                    float:right;
                    direction:rtl;
     
                }

                    .post-meta ul li:last-child {

                    }

.writer-profile {float:right; margin-left: 15px; margin-bottom: 10px; margin-top: 10px;}
.writer-profile  img { width:215px; height: 250px; margin-bottom: 10px;}
.writer-profile  .writer-name { text-align: center; color:#E40C10}
/*------------------- Post Page -------------------------------------*/

.content-text h1 { font-family:'Amiri'; font-size:25px; font-weight:bold; text-align:right; direction:rtl; color:#0a4066; margin-bottom:15px; margin-top:15px; line-height:30px;  }


.content-text h2 { font-family:'Amiri'; font-size:18px; font-weight:bold; text-align:right; direction:rtl; color:#3D3D3D; margin-bottom:15px; margin-top:15px; line-height:30px;  }


.content-text { font-family:'Amiri'; font-size:16px; font-weight:bold; text-align:right; direction:rtl; padding:5px;overflow:hidden;}
.post-date { font-family:'Amiri'; font-size:13px; font-weight:normal; border-bottom:1px solid #EFEFEF;  border-top:1px solid #EFEFEF; padding:10px; margin-bottom:15px; text-align:right; color:#333; padding-bottom:48px; padding-top:5px;}
.post-date  img { float:right; margin-bottom:5px; margin-top:9px; }

.date-text { float:right; padding-top:14px;}

.content-text br { margin-bottom:15px;}
.content-text div { margin-bottom:15px;}

.post-content h1 { font-size: 28px; color: #333; font-family: tajawal}

.post-content  {font-family:'Amiri'; font-size:16px; font-weight:bold; text-align:justify; direction:rtl; padding:15px;overflow:hidden; line-height:180% !important}
.post-content img{ margin-left:auto; margin-right:auto; max-width:600px; border:1px solid #ccc; display:block; overflow:hidden;}
.post-content p { margin-bottom:20px;}

.post-image { text-align:center;}
.post-image img{ border:1px solid #EFEFEF; border-radius:4px; max-width:600px;   margin-right:10px; margin-top: 15px;}

.site-path .home-icon { float:right; width:16px; height:16px; background-image:url(../images/home-icon.png); margin-left:5px; margin-top:5px;}
.site-path .arrow-left { float:right; width:16px; height:16px; background-image:url(../images/arrow-left.png); margin-left:5px;margin-top:5px;}

.site-path { text-align:right; direction:rtl; padding:10px; overflow:hidden; border-bottom:1px solid #EFEFEF; padding-top:0px;}
.site-path a { display:block; float:right;/* border-radius:6px;*/ background-color:#1c5d6a; color:#fff; font-family:'Amiri'; padding-left:10px; padding-right:10px; margin-left:0px; padding-top:5px; padding-bottom:5px; 
}

.post-photos li { text-align:center; margin-bottom: 20px;}
.post-photos li img { max-width:600px; border:1px solid #ccc; }
.traingle {
	display:block; float:right;
	margin-left:5px;
	
	border-bottom: 14px solid transparent;
    border-right: 20px solid #1c5d6a;
    border-top: 14px solid transparent;
    height: 0;
    width: 0;
	}


.share { overflow:hidden;}
.share  li{ float:left; border:none; margin-right:10px; padding:0px; margin-top:10px;}

.share-50 { width:50%; float:left; margin-bottom:15px;}
.share-40 { width:40%; float:left;}
.share-20 { width:20%; float:left;}

.share-facebook{display:block; background-color:#3b5998; border-radius:4px;  padding:15px; color:#fff; margin-left:10px; text-align:right}
.share-twitter{display:block; background-color:#ba1717; border-radius:4px;  padding:15px; color:#fff; margin-right:10px; text-align:right}

.social-top { float:left;}

/*------------------ YouTube ----------------*/

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.thumb-right-mid {}
.thumb-right-mid li { direction:rtl; text-align:right; padding-bottom:8px; padding-top:8px; overflow:hidden; min-height:110px;  width:33.33%; float: right; padding: 0px;  }
.thumb-right-mid li .box{ padding: 5px !important; padding-top: 8px; }
.thumb-right-mid li img { float:right; width:60px; height:59px;  margin-left:10px;}
.thumb-right-mid li a {font-family:'Amiri'; font-size:14px;font-weight:bold; color:#333;}
.thumb-right-mid li.last { border-bottom:none;}
/*.thumb-right-mid li:nth-child(even) { background-color:#EFEFEF; }*/
.thumb-right-mid li .li-content .writer  {font-family:'Droid Arabic Kufi'; font-size:13px; color:#DB1212; font-weight:bold;}



/*--------------------- Category ------------------*/

.thumb-top-category {}
.thumb-top-category li { margin-top:0px; text-align:right; padding-bottom:0px;padding-top:10px; }
.thumb-top-category li img { width:150px; height:110px; border:1px solid #DDDBDB; float:right; margin-left:10px}
.thumb-top-category li a { display:block; color:#000; text-align:right; direction:rtl;   margin-left:10px; font-family:'Amiri'; font-size:16px;font-weight:bold;}
.thumb-top-category li .createdate  { font-size:12px; color:#C80F12 ; font-family:arial}
.thumb-top-category li .createtime   { font-size:12px; color:#C80F12; font-family:arial}

.thumb-top-category li {  background-color:#FFF; overflow:hidden; margin-bottom:10px; }
.thumb-top-category .li-content  { height:215px; text-align:right;}
.thumb-top-category .li-content .writer  {font-family:'Droid Arabic Kufi'; font-size:13px; color:#DB1212; font-weight:bold;}


.trending-stories {font-family:'Amiri'; font-size:18px; font-weight:bold; text-align:right; color:#ba1717; margin-top:15px; margin-right:15px;}

.pagination { margin-top:15px; padding-bottom:10px; overflow:hidden; }
.pagination ul a { padding:5px; border:1px solid #EFEFEF; text-align:center;}
.pagination ul a { float:left; margin:0px; width:30px; font-family:'Amiri'; font-size:11px; font-weight:normal; color:#666;}
.pagination ul a.text { width:auto;}
.pagination ul span { display:block; padding:5px; float:left; margin:0px; border:1px solid #000; background-color:#000; color:#fff; width:30px;font-family:'Amiri'; font-size:11px; font-weight:normal; text-align:center;}
.pagination ul a:hover { background-color:#EFEFEF;}


.copyright { font-family:'Amiri'; font-size:12px; color:#FFF; text-align:center; overflow:hidden; padding:15px; line-height:22px;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {width: 100% !important;}

.shadow {
border:1px solid #ccc;

-webkit-box-shadow: 0px 2px 0px 0px rgba(232,232,232,1);
-moz-box-shadow: 0px 2px 0px 0px rgba(232,232,232,1);
box-shadow: 0px 2px 0px 0px rgba(232,232,232,1);
}


.top-red {border-top:3px solid #000;}

.CommForm { text-align:right;font-family:'Amiri';}
.CommForm  li {  overflow:hidden; padding:5px;}
.CommForm  li div { text-align:right;}
.CommForm  li div input { width:100%; font-size:18px; border-radius:4px; direction:rtl}
.CommForm  li div textarea { width:100%; font-size:18px; border-radius:4px;direction:rtl}
.CommForm  li span { display:block; padding:5px; font-weight:bold; direction:rtl; font-family:'Amiri';}

.comment_footnote {text-align:center;font-family:'Amiri'; font-weight:bold; padding:15px;font-size:15px; line-height:150%; direction:rtl;}

.CommForm  li div input.send-btn { width:30%; padding:10px;}

.comm li { padding:10px;}
.comm-number { overflow:hidden; text-align:center; padding:5px;}
.comm-name { overflow:hidden; text-align:right;font-family:'Amiri'; font-weight:bold; font-size:15px; line-height:150%; direction:rtl; color:#BC080B}
.comm-text { overflow:hidden; text-align:right;font-family:'Amiri'; font-weight:bold; font-size:15px; line-height:150%; direction:rtl;}
.comm-date { overflow:hidden; font-family:arial; font-size:12px; text-align:center; padding:5px;}


.page-form input { width:100%;font-size:18px; border-radius:4px; direction:rtl }


#mobile-box { display:none;}


#type1 .newsticker{text-align:right; direction:rtl; padding-right:10px; padding-top:10px;}
#type1 .newsticker a:link, #type1 .newsticker a:visited{ font-weight:bold; color:#FFF; font-family:'Amiri';}
#type1 .newsticker a:hover{ font-weight:bold; color:#fff000;}

.newsticker{text-align:right; direction:rtl; padding-right:10px; padding-top:6px; font-size:18px; font-family:arial;font-weight:bold;}
.newsticker a:link, .newsticker a:visited{ font-weight:bold; color:#FFF;}
.newsticker a:hover{ font-weight:bold; color:#FFF;}


.now-news { background-color:#e50505; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-top:10px; overflow:hidden }
.now-lable {font-family:'Amiri', seri; font-size:22px;font-weight:bold; 
			color:#b90102; background-color:#fff; padding:5px 0px 5px 0px ; text-align:center; margin-top:0px; width:100%;
			float:right;  border-left:1px solid #ccc; ;border-right:1px solid #ccc;}
.now-area { margin-top:10px;}
.now-area a { color:#FFF; font-size:16px; font-weight:bold;}


#nownews { width:100%; margin-right: 0px; padding-right: 0px; margin-left: 10px}
#nownews li { margin: 0px !important; padding-top: 0px; padding-right: 40px; padding-bottom: 10px;}


.now {
	margin-top: 0px;
	list-style: none;
	padding-left: 0px;
	padding: 10px;
	background-color: #ba1717;
	border: 1px solid #811212;
	margin-bottom: 15px;
	overflow: hidden;
}

.now-lable {
	margin-top: 0px;
	list-style: none;
	padding-left: 0px;
	padding: 10px;
	background-color: #000;
	border: 1px solid #000;
	margin-bottom: 15px;
	overflow: hidden;	
	font-family: 'Tajawal'; font-size: 16px;  color: #fff; font-weight: bold; text-align: center;
}

.now-11 { padding-right:0px !important;height: 42px; }
.now-1 { margin-right:0px !important; margin-left: 0px !important; padding-left: 0px !important }

.now li { text-align: right; padding-right: 10px; }
.now li a { color: #fff;font-family: 'Tajawal'; font-size: 16px; direction: rtl; font-weight: bold;}




.wsmenu-list > li.search-box-mobile { display:none !important; }


.photo-today { text-align: center;}
.photo-today h2 { line-height: 140%; height:55px; overflow: hidden;}
.photo-today li { padding: 10px}
.photo-today h2 { padding:5px; font-family: tajawal; font-weight: bold; font-size: 16px;margin-bottom: 10px}
.photo-today img { width: 90%; height: 319px; }


.video-today { text-align: center;}
.video-today h2 { line-height: 140%; height: 55px; overflow: hidden;}
.video-today li { padding: 10px}
.video-today h2 { padding:5px; font-family: tajawal; font-weight: bold; font-size: 16px; margin-bottom: 10px}


#demo1 { width:100%; margin-right: 0px; padding-right: 0px; margin-left: 10px}
#demo1 li { margin: 0px !important; padding-top: 8px; padding-right: 10px;}





.catg1_nav{}
.catg1_nav li{float:right; display:inline; width:100%;height: 250px;position: relative; overflow: hidden;right: 10px;}
.catg1_nav li a{}

.catg1_nav li .post_titile{height:61px; color:#434c51; float:right; margin:10px 0px; font-size:14px; width:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.catg1_nav li .post_titile a{color:#383838; font-family: 'Tajawal', serif; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.catg1_nav li .post_titil{color:#434c51; float:right; margin:0px 0px; font-size:12px; width:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.catg1_nav li .post_titil a{color:#383838; font-family: 'Tajawal', serif;-webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}


#breaking-news-mobile { display: none; visibility: hidden;}


/*--------------------------- Mobile CSS -----------------------*/
@media (max-width:767px) {
	
	
#breaking-news-mobile {
	
	display: block; visibility: visible;
		
 position:fixed !important; bottom:48px ;  z-index:9999; margin-left:auto; margin-right:auto; width:100%; left:0; right:0;  background-color:#C00; overflow: hidden; height: 60px;
		
}	
	
#non-mobile, #non-mobile-2 { display: none !important;}	
	
.thumb-right.width33 li{ width:95%; float:none; margin-top: 5px; overflow: hidden; margin-right: 20px; height: 55px !important}
.thumb-right.width33 li .title-box { padding-left: 10px;}
.thumb-right.width33 li { border:none;}
.thumb-right.width33 li img { width:60px; height: 50px}
	
	
	
	.mobile-menu { display: none;}
	

	

.big-center-float {}
.big-center-float li { direction:rtl; text-align:right; overflow:hidden;  padding-bottom: 10px; width:100%; float: none; padding-top: 10px; overflow: hidden;}
.big-center-float li .box { padding: 5px;}
.big-center-float li .content { height:57px}
.big-center-float li img { width:250px; height:200px; border:1px solid #ccc; border-radius: 4px}
.big-center-float li a {font-family:'Amiri'; font-size:18px; color:#000; font-weight:bold;}	
	
	
	#main-stories .item-content img { height: 230px;}
	.box { padding-left: 0px; padding-right: 0px;}
	
	.big-right li img { float:right; width:80px; height:70px;  margin-left:10px; border:1px solid #ccc}
	
	
	.overlay h4 { font-size: 18px;}
	
	.weather { display: none;}
	
#desktop-only { display:none !important;}
.top-header { display:none;}
.stick-news { margin-top:70px;}
.ticker-bg { display:none;}	
.logo { text-align:center;}	
.logo img {width:100px;}

#mobile-box { display:block; margin-top:90px;}
#main-box { display:none;}

.thumb-top li { width:50%; margin-top:15px; overflow:hidden;}
.thumb-right.side li { width:100%; overflow:hidden;}


.item-big { 
    background-size:cover;
	background-position:center;
	background-repeat:no-repeat center center fixed;

    box-shadow: 0 -190px 120px -50px rgba(0, 0, 0, 0.8) inset;
    height: 200px;
    width: 100%;
	
}

.overlay {
	height: 200px;
	width:100%;
    transition: all 0.3s ease 0s;
}

.item-big .title-main {  
direction:rtl;
position:absolute; /*height:100%;*/ 
margin-top:100px; 
padding:15px;transition: all 0.3s ease 0s; 
width:100%;  padding-right:15px; margin-right:15px; margin-bottom:10px; }	
.item-big .title-main a { color:#FFF; }

.item-small .title-main { width:95%}


.thumb-box li { width:100%; margin-top:10px;  }
.print-icon { display:none;}

#type1 .newsticker{text-align:right; direction:rtl; padding-right:10px; padding-top:0px; padding-bottom:10px}
#type1 .newsticker a:link, #type1 .newsticker a:visited{ font-weight:bold; color:#FFF; font-family:'Amiri'; font-size:14px;}

.now-news {margin-top:109px; position:fixed; display:block; z-index:100; width:100%}
#now-mobile-text { display:none;}


.content-text h1 { font-family:'Amiri'; font-size:18px; font-weight:bold; text-align:right; direction:rtl; color:#0a4066; margin-bottom:5px; margin-top:5px; line-height:150%;  }
.post-date { font-family:'Amiri'; font-size:13px; font-weight:normal; border-bottom:1px solid #EFEFEF;  border-top:1px solid #EFEFEF; padding:5px; margin-bottom:5px; text-align:right; color:#333; padding-bottom:0px; padding-top:0px;}

#post-content-area { margin-top:80px; overflow:hidden;}

.post-content img{ margin-left:auto; margin-right:auto; width:95%; border:1px solid #ccc; display:block; overflow:hidden;}
.post-image img {margin-left:auto; margin-right:auto; width:95%; border:1px solid #ccc; display:block; overflow:hidden;}


.post-photos li img {width:95%; border:1px solid #ccc; }

.mobile-top { margin-top:70px; position:fixed; display:block; z-index:100; width:100%}
.mobile-top li{ float:right; width:25%;  padding:10px; background-color:#1c5d6a; text-align:center; border-left:1px solid rgba(0, 0, 0, 0.1);
padding-left:5px; padding-right:5px;}
.mobile-top li a {font-family:'Amiri'; color:#fff;}



.search-box-mobile { margin-top:5px; text-align:center; overflow:hidden; padding-left:20px;}
.search-text { width:60%; float:left;  border:none; direction:rtl; font-family:'Droid Arabic Kufi';}
.search-btn { float:left; border:none; margin-right:10px;}

}

.copyrights { font-family:'Amiri', seri; font-size:13px; color:#fff; text-align:center; padding:15px; direction:rtl; line-height:150%}