@font-face{
    font-family:'GESSTwoMedium';
    /*src:url("../font/GESSTwoMedium.otf");*/
	src:url("../font/Cocon_Next_Arabic_Light.otf");

    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: "GESS";
    src: url(".../fonts/gess-Reg.eot");
}
@font-face {
    font-family: "GESS";
    src: url("../fonts/gess-Reg.ttf");
}
@font-face {
    font-family: "GESS bold";
    src: url("../fonts/gess-Bold.eot");
}
@font-face {
    font-family: "GESS bold";
    src: url("../fonts/gess-Bold.ttf");
}


body { background-color:#f6f6f6;}
.logo { margin-top:20px;}

.top-header { background-color:#1f1f1f; padding-top:10px; padding-bottom:10px;}
.top-menu-bg {background-color:#efd75b; border-bottom:1px solid #333;}

.main-menu{ float:right; }
.main-menu li { float:right;}
.main-menu li a{ font-family:"GESS"; font-size:18px; display:block; padding:15px; color:#1f1f1f; font-weight:normal; padding-top:5px; padding-bottom:5px; border-left:1px solid #c8b035}

.main-menu li.first, .main-menu li:hover { background-color:#1f1f1f;}
.main-menu li.first, .main-menu li:hover a { color:#fff;}
.main-menu li.first a{ color:#fff;}
.main-menu li.logo-w a { padding:0px; padding-left:28px; margin:0px; padding-top:5px; font-size:10px; }

.slide-menu { display:none;}

/*------------- Fixed Menu Top  Start ----------------*/

.top-menu-bg.fixed{ position:fixed !important; top:0 !important;  z-index:9999; margin-left:auto; margin-right:auto; width:100%; left:0; right:0; }
.top-menu-bg.fixed ul{ font-size:90%; float:none; margin-left:auto; margin-right:auto; }


/*------------- Fixed Menu Top End ----------------*/

.logo-w { display:none;}
.logo-w  img{ height:31px;}

.ticker-bg { background-color:#1f1f1f; overflow:hidden;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.ticker-title {font-family:"GESS"; font-size:18px; color:#FFF; padding:5px; padding-right:10px; text-align:right; }
#ticker-container.fixed { position:fixed !important; top:43px !important;  z-index:9999; margin-left:auto; margin-right:auto; }
.ticker-logo { margin-top:5px;}

.ticker-bg a { color:#FFF; font-family:"GESS"; font-size:16px; color:#FFF;}
marquee { margin-top:10px;}

.date { direction:rtl; text-align:left; font-family:"GESS"; font-size:13px; color:#fff; }
.date-mobile { direction:rtl; text-align:right; font-family:"GESS"; font-size:11px; color:#333; display:none }

.banner-top { text-align:left; margin-top:5px}
.banner-left { margin-bottom:5px; }
.banner-left.last { margin-bottom:0px;}
.banner-left img { width:100%; height:71px; border:1px solid #CCC;}


.banner-half-right { height:77px; margin-right:0px;}
.banner-half-left { height:77px; margin-right:10px;}
.banner-half-left img { width:100%; height:77px; border:1px solid #CCC;}
.banner-half-right img { width:100%; height:77px; border:1px solid #CCC;}

.one-third-right {height:100px; margin-right:0px;}
.one-third-left {height:100px;margin-right:10px; }
.one-third-left img { width:100%; height:100px; border:1px solid #CCC;}
.one-third-right img { width:100%; height:100px; border:1px solid #CCC;}




.google-ads { overflow:hidden; padding:10px; text-align:center}
.ads { font-family:arial; font-size:11px; color:#999;}

.search-box { float:left;  overflow:hidden; padding-top:0px; margin-bottom:5px; }
.search-box .search-text { border:none; direction:rtl; padding:5px; float:left; margin-top:4px; width:70%; padding-bottom:6px;border-bottom-right-radius:4px;border-top-right-radius:4px;  }
.search-box .search-btn { float:left; border:none; margin-right:0px; margin-top:4px; background-color:#efd75b;
border-bottom-left-radius:4px;border-top-left-radius:4px; padding:5px; 
 }

.search-box-mobile { float:left; width:250px; overflow:hidden; padding-top:0px; margin-left:5px; }
.search-box-mobile .search-text { border:none; direction:rtl; padding:5px; float:left; margin-top:2px; width:180px;}
.search-box-mobile .search-btn { float:left; border:none; margin-right:5px; margin-top:2px; }

#floating-icons{ position:fixed; top:210px; z-index:3147483649; margin-left:10px;}
.facebook { background-position:0px 0px; margin-bottom:5px;}
.twitter { background-position:0px -33px; margin-bottom:5px;}
.youtube { background-position:0px -66px; margin-bottom:5px;}
.gplus { background-position:0px -132px; margin-bottom:5px;}
.rss { background-position:0px -99px; margin-bottom:5px;}

.facebook,.twitter,.youtube,.rss,.gplus { display:block;width:32px; height:32px; background-image:url(../images/social-icons.png); background-repeat:no-repeat;}


.main-story { border:1px solid #CCC;  margin-top:15px; padding:0px; overflow:hidden;}
.main-story h3 {color:#333; text-align:right; direction:rtl;}
.main-story img { width:95%; height:66%; border:1px solid #999;}
.main-story p { font-family:tahoma; font-size:13px; font-weight:normal; direction:rtl; line-height:18px;}
.text-layer { background-color:#FFF;	text-align:center; padding:5px;     height: 63px;  direction:rtl;}

.text-layer a{ 
    font-family: "GESS";
    font-size: 20px;
    color: #333;
    direction: rtl;
    padding: 10px;

    line-height: 25px;
	font-weight:bold;

}
.main-story2 { border:1px solid #CCC;  margin-top:15px; padding:0px; overflow:hidden; height:490px}

.rsContent { text-align:center}
.rsContent  h2 {font-family:"GESS"; font-size:23px; color:#333; direction:rtl; padding:10px; height:52px; line-height:28px; }
.rsContent  h2 a { color:#333;}
.rsTmb.last{ border-bottom:none;}



.med-size { margin-left:10px; margin-right:10px; direction:rtl; min-height:234px;}
.med-size.first { margin-right:0px;}
.med-size.last { margin-left:0px;}
.med-size img {width:100%; height:150px; text-align:center;}
.med-size a { font-family:"GESS"; font-size:14px; color:#000; line-height:14px; font-weight:normal; }
.med-size p { font-family:tahoma; font-size:13px; margin-top:10px;}


.box-border {border:1px solid #CCC; border-top:3px solid #333; margin-top:15px; padding:15px; overflow:hidden; margin-left:10px; margin-right:10px; background-color:#FFF;}
.box-border.first{ margin-right:0px;}
.box-border.last{ margin-left:0px;}

.box-border.mt0 { margin-top:0px;}

.box-border h2 {font-family:"GESS"; font-size:17px; color:#666; line-height:18px; border-bottom:1px solid #CCC; padding-bottom:5px; text-align:right;  }
.box-border h2 a {color:#666;}

.full-box-border {border:1px solid #CCC; margin-top:15px; padding:10px; overflow:hidden; background-color:#FFF; }
.full-box-border h3 {text-align:right; background-color:#efd75b; padding-right:10px;}
.full-box-border h3 a {font-family:"GESS"; font-size:20px; color:#333;}

.box-header { text-align:right; background-color:#efd75b; padding-right:10px; margin-bottom:10px}
.box-header h3 a {font-family:"GESS"; font-size:20px; color:#333;}

.site-path { padding:5px;}
.site-path a {font-family:"GESS"; font-size:14px; color:#333; font-weight:normal;}

.post-item { margin-right:10px; padding-left:10px;line-height:18px;}
/*.post-item img { width:100%; margin-bottom:5px;}*/
.post-item a {font-family:"GESS"; font-size:14px; color:#333; direction:rtl; font-weight:normal; }

.footer { background-color:#333; margin-top:15px; text-align:right; padding-top:15px; padding-bottom:15px; margin-bottom:0px;}
.footer-logo { width:100px; margin-top:10px;}

.header-menu{ float:right; margin-top:0px;}
.header-menu li { float:right;}
.header-menu li a{ font-family:"GESS"; font-size:15px; display:block; padding:15px; color:#FFF; font-weight:normal; padding-top:5px; padding-bottom:5px;}

.editor{font-family:"GESS"; font-size:15px; display:block; padding:15px; color:#FFF; font-weight:normal; padding-top:5px; padding-bottom:5px;}
.mobile-editor { display:none;font-family:"GESS"; font-size:12px; display:block; padding:0px; color:#FFF; font-weight:normal;}

.footer-menu{ float:right; margin-top:10px;}
.footer-menu li { float:right;}
.footer-menu li a{ font-family:"GESS"; font-size:15px; display:block; padding:15px; color:#FFF; font-weight:normal; padding-top:5px; padding-bottom:5px;}

.footer-social { margin-top:10px;}
.footer-facebook { background-position:-24px 0px; margin-right:15px; width:20px;}
.footer-twitter { background-position:0px 0px; margin-right:15px; width:24px;}
.footer-youtube { background-position:-150px 0px; margin-right:15px; width:55px;}
.footer-gplus { background-position:-72px 0px; margin-right:15px;width:24px;}
.footer-rss { background-position:-48px 0px; margin-right:15px;width:24px;}

.footer-facebook,.footer-twitter,.footer-youtube,.footer-rss,.footer-gplus { display:block; height:24px; background-image:url(../images/social-sprite.png); background-repeat:no-repeat; float:left;}


.thumb-right{}
.thumb-right li{ overflow:hidden; padding:10px 5px 10px 5px; border-bottom:1px dotted #CCC; direction:rtl; text-align:right;}
.thumb-right li.last { border-bottom:none;}
.thumb-right li img{ float:right; margin-left:10px; width:60px; height:50px;}
.thumb-right li a { font-family:"GESS"; font-size:14px; color:#333; font-weight:normal; line-height:14px;}
.thumb-right li span.writer { color:#C00;font-family:"GESS"; font-size:13px; font-weight:bold; display:block; }
.thumb-right.big li { padding-top:17px; padding-bottom:17px;}


.med-right { }
.med-right li { direction:rtl; overflow:hidden; border-bottom:1px solid #EFEFEF; padding-bottom:15px; padding-top:15px; text-align:right;}
.med-right li .image img { width:90%; margin-left:10px; }
.med-right li .content { float:right;  }
.med-right li .brief { overflow:hidden; font-size:12px; font-family:"GESS"; margin-top:10px; color:#666; text-align:justify; direction:rtl; }
.med-right li .content a { font-family:"GESS"; font-size:14px; color:#333; font-weight:normal; line-height:14px ; text-align:justify; direction:rtl; }


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

.share-50 { width:50%; float:left;}
.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;text-decoration: none; font-family:"GESS";}
.share-twitter{display:block; background-color:#00aced; border-radius:4px;  padding:15px; color:#fff; margin-left:10px; text-align:right}

.share-next{display:block; background-color:#C00; border-radius:4px;  padding:15px; color:#fff; margin-right:10px; text-align:left;text-decoration: none; font-family:"GESS";}
.fa.fa-facebook { float:left; font-size:20px;}






/*--------------- Content Area ---------------------*/

.content-area h1 {direction: rtl; margin-top:15px; margin-bottom:15px; font-size:25px; font-family:"GESS"; text-align:right;}

.content-text {   direction: rtl; font-family: "GESS"; font-size: 14px; margin-top: 15px; overflow: hidden;text-align: justify; padding:10px;}
.content-related h3{ font-size:13px; margin-top:15px; text-align:left; overflow:hidden; font-family:"GESS"; text-align:right;}
.post-image { text-align:center; margin-bottom:10px; margin-top:10px;width:90%; }
.post-image img {border:1px solid #ccc; border-radius:4px; padding:4px; width:90%;}

.post-photos li { text-align:center;}
.post-photos li img { padding:4px; border:1px solid #CCC; border-radius:4px; max-width:400px; margin-bottom:15px; margin-left:auto; margin-right:auto;width:95%;}


/*-----------------------------------------------*/
#formResponse{ font-family: "GESS"; font-size: 14px; text-align:right;}
.comment-footnote {font-family: "GESS"; font-size: 14px; text-align:center; direction:rtl;}

.counter {font-family: arial; font-size: 12px;}
.comm li { overflow:hidden;}
.comm li:nth-child(odd) {
	background-color:#FFF; border-radius:4px; padding:5px;
}
.comm li:nth-child(even) {
	background-color:#f2f2f2; border-radius:4px;padding:5px;
}

#comments, #email, #name, #catid, #FileImage, #captcha, #subject, #writer, #message { width:95%; border-radius:4px; border:1px solid #CCC; padding:3px; text-align:right;font-family: "GESS"; font-size: 14px;}
.comm-field { padding-top:5px; padding-bottom:5px; padding-right:10px;}
 

.avatar { float:right;}
.avatar img { width:60px; margin:5px;}
.comm-name { text-align:right; font-family:tahoma; font-weight:bold; color:#C00; font-size:12px;}
.comm-text {direction: rtl; font-family: "GESS"; font-size: 14px; margin-top: 10px; overflow: hidden;text-align: right; line-height:16px;} 

.form-btn {font-family: "GESS"; font-size: 13px; padding-left:10px; padding-right:10px; border-radius:4px;}


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

.breaking-news { position:fixed !important; bottom:0 !important;  z-index:100; margin-left:auto; margin-right:auto; width:100%; left:0; right:0;  background-color:#C00 }



#type1 .newsticker{text-align:right; direction:rtl; padding-right:135px; padding-top:7px;}
#type1 .newsticker a:link, #type1 .newsticker a:visited{ font-weight:bold; color:#036;}
#type1 .newsticker a:hover{ font-weight:bold; color:#C00;}

.newsticker{text-align:right; direction:rtl; padding-right:10px; padding-top:2px; font-weight:bold; margin-top:10px;}
.newsticker a:link, .newsticker a:visited{ font-family: "GESS"; font-size: 25px;  color:#FFF;text-shadow: 2px 2px #333; }
.newsticker a:hover{ font-weight:bold; color:#ffffff;}

.breaking {font-family: "GESS"; font-size: 25px; font-weight:bold; color:#FFF; padding:10px; direction:rtl;}
ul.marquee {display: block;padding: 0;margin: 0;list-style: none;line-height: 1;position:relative;overflow: hidden;float:left; text-align:right; width:100%; direction:rtl; margin-top:10px; height:60px; }
ul.marquee li {position: absolute;top: -999em;right: 0;display: block;white-space: nowrap;padding:10px 5px 3px 5px; z-index:10000;}

ul.marquee li a{
font-family: "GESS"; font-size: 25px;  color:#FFF;text-shadow: 2px 2px #333;
}




.mobile-mt15 { margin-top:0px;}

.big-image { text-align:center; }
.big-image a { display:block;font-family: "GESS"; font-size: 18px; font-weight:bold; color:#333; margin-bottom:5px;}
.big-image li img { width:100%; height:161px;}

.date-time { text-align:right; direction:rtl; background-color:#efefef; border-radius:4px;font-family: "GESS"; font-size: 14px; padding-right:15px;}


.rsContent embed, .rsContent iframe, .rsContent object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
object {
	position: absolute;
	top: 0;
	left: 0;
/*	width: 100%;
	height: 100%	*/
}
.facebook-embed embed, .facebook-embed iframe, .facebook-embed object {
	width: 100%!important
}

.main-list {width:40%;}
.main-article { width:60%;} 
.main-story { background-color:#fff;}

.main-list ul {
    margin-right: 0;
    margin-top: 0;
/*    width: 260px;*/

}
.main-list ul li {
    background-color: #f5f5f5;
    direction: rtl;
    font-family: "GESS";
    font-size: 12px;
    height: 70px;
    margin-bottom: 2px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: right;
}
.main-list ul li img {
    border: 1px solid #333;
    float: right;
    height: 50px;
    margin-left: 5px;
    margin-top: 0;
    width: 60px;
}
.main-list ul li a:link, .main-list li a:visited {
    color: #000;
    display: block;
    font-family: "GESS";
    font-size: 13px;
    height: 55px;
    line-height: 22px;
}
.main-list ul li a:hover {
    color: #000;
}
.main-list ul li.last {
    border: medium none;
}
.main-list ul li .brief {
    color: #666;
    font-family: yakout;
    font-size: 15px;
}
.main-arrow {
    background-image: url("../images/main-arrow-big.png");
    float: left;
    height: 75px;
    margin-left: -43px;
    margin-top: -60px;
    position: absolute;
    visibility: hidden;
    width: 38px;
    z-index: 10000;
}
.main-list ul li.active {
    background-color: #efd75b;
    background-image: none;
}
.main-list ul li.active a {
    color: #000;
}
.main-list ul li.active .main-arrow {
    visibility: visible;
}
.mainstory {
    background-color: #fff;
    margin-left: 0;
    margin-top: 0;
    padding: 0px;
/*    width: 445px;*/
/*width:58%*/
}
.mainstory img {
    height: 380px;
    width: 99%;
}
.mainstory .main_brief {
    background-color: #fff;
    height: 75px;
}
.mainstory h4 a {
    color: #000;
    direction: rtl;
    display: block;
    font-family: "GESS";
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    padding: 10px;
    text-align: justify;
}

@media print { 
	/* your print styles go here */
	.banner-top { display:none;}	
	#top-menu { display:none;}
	h1 { font-size: 18pt; } 
	h2 { font-size: 16pt; color: #000; }
}


@media all and (max-width: 768px) {
	
.main-list {display:none}
.main-article { width:100%;} 	

.mainstory img {
    height: 100%;
    width: 100%;
}
	
.logo img{ width:150px; float:right;}
.main-menu { display:none; float:none;}
.main-menu li { float:none;}
.top-header { padding-bottom:0px;}
/*#ticker-container { display:none;}*/

.main-story { height:auto;}
.main-story2 { height:auto}

.slide-menu { display:block; background-color:#efd75b; padding-top:5px;}
.logo-w { display:none;}
.ticker-title{ display:none;}
.banner-top { display:none;}
.search-box { display:none;}

.date { display:none}
.mobile-editor { display:block; float:left} 
.date-mobile { display:block}

#floating-icons{ position:absolute; left:10px; margin-top:20px; z-index:9999; top:0px;}

.facebook,.twitter,.youtube,.rss,.gplus { float:left; margin-right:5px;}
.banner-left {  margin-right:0px; margin-top:15px;}
.rsNav { display:none;}
.main-story img { width:100%; height:255px; border:1px solid #999; float:none;  margin-bottom:10px;}

.med-size { margin-left:0px; margin-right:0px; direction:rtl; margin-top:15px;}
.med-size.first { margin-right:0px;}
.med-size.last { margin-left:0px;}
.med-size img {width:100%; height:auto; text-align:center;}

.box-border { margin-left:0px; margin-right:0px;}
.box-border.first { margin-left:0px; margin-right:0px}
.box-border.last { margin-left:0px; margin-right:0px}
.comm-field { padding-top:5px; padding-bottom:5px; padding-right:10px;}

.banner-half-right { margin-bottom:10px;}
.banner-half-left { margin-right:0px;}
.mobile-mt15 { margin-top:15px;}

.rsContent { text-align:center}
.rsContent  h2 {font-family:"GESS"; font-size:16px; color:#333; direction:rtl; padding:10px; height:52px; line-height:28px; }
.rsContent  h2 a { color:#333;}
.rsTmb.last{ border-bottom:none;}


.breaking {font-family: "GESS"; font-size: 18px; font-weight:bold; color:#FFF; padding:10px; direction:rtl; display:none}
ul.marquee {display: block;padding: 0;margin: 0;list-style: none;line-height: 1;position:relative;overflow: hidden;float:left; text-align:right; width:100%; direction:rtl; margin-top:10px; height:60px; }
ul.marquee li {position: absolute;top: -999em;right: 0;display: block;white-space: normal;padding:10px 5px 3px 5px; z-index:10000;}

ul.marquee li a{
font-family: "GESS"; font-size: 16px;  color:#FFF;text-shadow: 2px 2px #333;
}


.text-layer { background-color:#FFF;	text-align:center; padding:5px;     }

.text-layer a{ 
    font-family: "GESS";
    font-size: 15px;
    color: #333;
    direction: rtl;
    padding: 10px;

    line-height: 18px;
	font-weight:bold;

}


}