@font-face{
font-family:"GE_Dinar_One_Medium";
src:url(fonts/GE_Dinar_One_Medium.eot) format("eot");
src:url(fonts/GE_Dinar_One_Medium.otf) format("opentype");
src:url(fonts/GE_Dinar_One_Medium.ttf) format("truetype");
}
/*======================================================================*\

|| #################################################################### ||

|| # Package - Joomla Template based on YJSimplegrid Framework          ||

|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||

|| # license - PHP files are licensed under  GNU/GPL V2                 ||

|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||

|| # bound by Proprietary License of Youjoomla.com                      ||

|| # for more information visit http://www.youjoomla.com/license.html   ||

|| # Redistribution and  modification of this software                  ||

|| # is bounded by its licenses                                         ||

|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||

|| #################################################################### ||

\*======================================================================*/

/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */

body {

	color: #888888;

}

#logo {

	background: url(../images/blue/logo.png) no-repeat 0px 0px;

}

/* SITE LINKS */

a {

	text-decoration: none;

	color: #41b1e5;

}

/* SITE HOVERS */

a:focus,

a:hover {

	color: #111111;

}

/* SITE HEADINGS */

h1,

h2,

h3,

h4,

h5,

h6 {

	color: #111111;

}

/* SITE LI IMAGE */

ul li {

	background: url(../images/blue/bodyli.gif) no-repeat 0px 7px;

}

/* ARTICLE TABLE OF CONTENTS */

fieldset,

#article-index ul {

	border: 1px solid #dcdcdc;

}

#article-index ul li {

	border-bottom: 1px solid #dcdcdc;

}

#article-index ul li:last-child {

	border: none;

}

/* INPUTBOXES */

.inputbox {

	color: #888888!important;

	background: #f7f7f7!important;

	border: none!important;

	border-bottom: 4px solid #eeeeee!important;

	-webkit-border-radius: 0;

	-khtml-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0!important;

	box-shadow: none!important;

}

.inputbox:hover,

.inputbox:focus {

	border-bottom: 4px solid;

}

/*BUTTONS AND READON

--------------------- */

.button, .validate, a.readon, {

 color:#fff;

 text-shadow:none;

 -webkit-border-radius:0;

 -khtml-border-radius:0;

 -moz-border-radius:0;

 border-radius:0;

 -webkit-box-shadow:none;

 -khtml-box-shadow:none;

 -moz-box-shadow:none;

 box-shadow:none;

 border:none;

}

.button:hover,

.validate:hover,

a.readon:hover {

	background: #111111;

	color: #fff;

}

/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN

--------------------- */

#topmenu_holder.yjsgmega,

#topmenu_holder.topmodpoz,

#topmenu_holder.topmodpoz_navbar {

    background-color: #000;

    background-image: -webkit-gradient(linear,center center,0,center center,460,from(#222),to(#000011));

    background-image: -webkit-linear-gradient(top,#222,#000011);

    background-image: -moz-linear-gradient(top,#222,#000011);

    background-image: -o-linear-gradient(top,#222,#000011);

	background-repeat: no-repeat;

	-webkit-border-radius: 0;

	-khtml-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

}

.top_menu ul li a:hover, .top_menu li.active a.activepath {

    background-color: #222;

    background-image: -webkit-gradient(radial,center center,0,center center,460,from(#222),to(#000011))!important;

    background-image: -webkit-radial-gradient(circle,#222,#000011)!important;

    background-image: -moz-radial-gradient(circle,#222,#000011)!important;

    background-image: -o-radial-gradient(circle,#222,#000011)!important;

    background-repeat: no-repeat !important; 

}


.top_menu ul.group_holder ul.subul_main.level2,

.top_menu ul.group_holder ul.subul_main.level4 {

	border: none;

	-webkit-border-radius: none;

	-moz-border-radius: none;

	border-radius: none;

}

.top_menu ul.subul_main a.first {

	-webkit-border-top-left-radius: 0;

	-moz-border-top-left-radius: 0;

	border-top-left-radius: 0;

	-webkit-border-top-right-radius: 0;

	-moz-border-top-right-radius: 0;

	border-top-right-radius: 0;

}

.top_menu ul.subul_main a.last {

	-webkit-border-bottom-left-radius: 0;

	-moz-border-bottom-left-radius: 0;

	border-bottom-left-radius: 0;

	-webkit-border-bottom-right-radius: 0;

	-moz-border-bottom-right-radius: 0;

	border-bottom-right-radius: 0;

}

.top_menu li {

	background-image: none;

}

/* sub ul border */

.top_menu ul.subul_main {

	border: none;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

}

/* reset Bootstrap navbar */

.navbar-inner {

	-webkit-box-shadow: none;

	-khtml-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	border: none;

}

/* TOP LEVEL LINKS */

.top_menu ul li a {

	color: #fff;

}

/* active and hover */

.top_menu ul li a:hover,

.top_menu li.active a.activepath {

	color: #fff;

}

/*SUBTITLE */

.top_menu ul li a span.yjm_desc {

	color: #979797;

}

/* HASCHILD ARROWS */

.top_menu ul li.haschild span.child a {

	position: relative;

}

.top_menu ul li.haschild span.child a:after {

	font-family: 'FontAwesome';

	content: "\f104";

	position: absolute;

	top: 33%;

	right: 0px;

	padding: 2px;

	font-size: 90%;

}

.top_menu ul.subul_main li.haschild span.child a:after {

	font-family: 'FontAwesome';

	content: "\f105";

	position: absolute;

	top: 30%;

	left: auto;

	right: 10px;

}

.top_menu ul.subul_main li.haschild span.child a:hover:after {

	content: "\f105";

}

/* rtl arrows */

body.yjsgrtl .top_menu ul.subul_main li.haschild span.child a:after {

	right: auto;

	left: 10px;

	content: "\f104";

}

/* side menu arrow */

body.yjsgrtl ul.defaultmenu li a:after {

	content: "\f104";

	left: auto;

	right: -15px;

}

/*SUB LEVELS A*/

.top_menu ul.subul_main li a {

	background: #fff;

	border-bottom: 4px solid;

}

.top_menu ul.subul_main li a:hover,

.top_menu ul.subul_main li a.activepath {

	color: #fff;

}

/* Group holder title*/

.top_menu ul.subul_main.group_holder li.holdsgroup ul.subul_main {

	border: none;

}

.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle {

	border: none;

	color: #fff;

}

.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle:after {

	display: none;

}

/* MODULE IN MENU */

.top_menu ul.subul_main li.has_module a.yj_menu_module_holder:hover,

.top_menu ul.subul_main li.has_modpoz a.yj_menu_module_holder:hover {

	background: #fff;

}

.top_menu ul.subul_main li.has_module .yjsquare_in,

.top_menu ul.subul_main li.has_modpoz .yjsquare_in {

	cursor: default;

}

.top_menu ul.subul_main li.has_module .module_title,

.top_menu ul.subul_main li.has_modpoz .module_title,

.top_menu ul.subul_main li.has_module .module_title span,

.top_menu ul.subul_main li.has_modpoz .module_title span {

	color: #fff;

}

.top_menu ul.subul_main li.has_module a:hover,

.top_menu ul.subul_main li.has_modpoz a:hover {

	color: #111111;

}

/* SEPARATOR */

span.separator {

	color: #fff;

	border-bottom: 4px solid;

}

/* DROPLINE */

ul.subul_main.dropline.dlevel1 {

	background: #333333;

	border: none;

	-webkit-box-shadow: inset #414141 0 4px 0 0;

	-moz-box-shadow: inset #414141 0 4px 0 0;

	-khtml-box-shadow: inset #414141 0 4px 0 0;

	box-shadow: inset #414141 0 4px 0 0;

	-webkit-border-radius: 0px;

	-khtml-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

ul.subul_main.dropline.dlevel1 a.dlevel1a {

	background: none;

}

/*SIDE MENU MODULE

--------------------- */

.defaultmenu li a {

	border-bottom: 4px solid #eeeeee;

}

.defaultmenu li a {

	position: relative;

	display: block;

}

.defaultmenu li a:after {

	font-family: 'FontAwesome';

	content: "\f105";

	position: absolute;

	top: 11px;

	left: -15px;

	font-size: 100%;

}

.defaultmenu a.alast {

	border: none;

}

.defaultmenu a.isactivea,

.defaultmenu li a:hover {

	background: none;

	color: #111111;

}

/* Accordion side menu */

ul.defaultmenu.yjsgacc li.active_yjsgacc a.yjsgtoggler:after {

	content: "\f105";

}

/* FOOTER MENU MODULE*/

#footmod ul.defaultmenu li a,

#footmod ul.defaultmenu li a:hover,

#footmod ul.defaultmenu a.isactivea {

	border: none;

	background: none;

}

/*USER PAGES STYLES */

div.userpageswrap.offline div.userpages {

	border: none;

	background: #fff;

}

div.userpages dt {

	background: #fff;

	border: 1px solid #ccc;

}

/* PAGINATION */

ul.pagination li a,

ul.pagination li span,

th.pagenav_prev a,

th.pagenav_next a,

div.back_button a,

li.pagenav-next a,

li.pagenav-prev a {

	background-image: url(../images/blue/pagination.png);

}

/* active one*/

ul.pagination li span {

	color: #fff;

}

/* hover*/

ul.pagination li a:hover {

	color: #fff;

}

/*SECTION TABLE */

table.category {

	border: 1px solid #DDD;

	border-collapse: separate;

	border-bottom: none;

}

table.category td {

	border-bottom: 1px solid #DDD;

}

th.sectiontableheader {

	border-bottom: 1px solid #DDD;

	background: #fff;

}

tr.sectiontableentry1 td {

	background-color: #fafafa;

}

tr.sectiontableentry2 td {

	background-color: #fff;

}

tr.sectiontableentry1:hover td,

tr.sectiontableentry2:hover td {

	background-color: #f7f7f7;

}

.yjsglogo {

	background: url(../images/blue/yjsglogo.png) no-repeat center center;

}

/* responsive menu */

#mmenu_holder {

	color: #fff;

	background: none!important;

	border: none;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	box-shadow: none;

}

/* Switcher */

#layout_type {

	background: #fff;

}

/* Module styles */

.yj3 .h2_holder {

	border-bottom: 4px solid #111111;

}

.yj3 .module_title {

	background: #111111;

}

.yj2 .module_title,

.yj2 .module_title span,

.yj3 .module_title,

.yj3 .module_title span,

.yj4 .module_title,

.yj4 .module_title span,

.yj5 .module_title,

.yj5 .module_title span,

.yj6 .module_title,

.yj6 .module_title span,

.yj4,

.yj5,

.yj6 {

	color: #fff;

}

.yj5 {

	background: #34495e;

}

.yj6 {

	background: #f39c12;

}

/* Backgrounds */

#centertop,

.bottom_out {

	background-color: #000;

	background-image: -webkit-gradient(radial,center center,0,center center,460,from(#111),to(#000011));

	background-image: -webkit-radial-gradient(circle,#111,#000011);

	background-image: -moz-radial-gradient(circle,#111,#000011);

	background-image: -o-radial-gradient(circle,#111,#000011);

	background-repeat: no-repeat;

}

#centertop .module_title,

#centertop .module_title span,

.bottom_out .module_title,

.bottom_out .module_title span,

#centertop a:hover,

.bottom_out a:hover {

	color: #fff;

}

#yjsg7 {

	border-bottom: 4px solid #303030;

}

/* YJ Live Search */

.dlivesearch .yj_inputbox {

	color: #757575;

	border-bottom: 4px solid #333333;

}

.dlivesearch .icon-search {

	color: #fff;

}

.LiveSearchResults,

.LiveSearchContainer .noResults,

.LiveSearchResults .LiveSearchResultHover,

.LiveSearchResults a {

	color: #fff;

}

.LiveSearchResults .LiveSearchResult {

	color: #fff;

	border-bottom: 4px solid;

}

.LiveSearchResults .LiveSearchExpandDetails,

.LiveSearchResults .LiveSearchResultHover .LiveSearchExpandDetails {

	background: #fff;

}

.LiveSearchResults a.next,

.LiveSearchResults a.back {

	background: #fff;

	color: #111111;

}

.LiveSearchHeader {

	background: none;

}

/*hover*/

.LiveSearchResult:hover a {

	color: #111111;

}

.LiveSearchResult:hover a.LiveSearchExpandDetails {

	background: #111111;

}

.LiveSearchResults a.next:hover,

.LiveSearchResults a.back:hover {

	background: #111111;

	color: #fff;

}

/* Title ticker */

.title_out .title_nav a.next,

.title_out .title_nav a.prev {

	color: #fff;

}

.title_out .title_nav a.next:hover,

.title_out .title_nav a.prev:hover,

.title_out #yj_nt2 a:hover {

	color: #111111;

}

/* Media slider */

.dmediaslider.right .yjmediaslider .slide .slide-details .slide-title {

	background: #000;

}

/*arrows*/

.dmediaslider .yjmediaslider a.next,

.dmediaslider .yjmediaslider a.prev {

	color: #fff;

}

.dmediaslider .yjmediaslider a.next:hover,

.dmediaslider .yjmediaslider a.prev:hover {

	color: #111111;

}

/*bottom nav*/

.dmediaslider .yjmediaout .secondary-nav ul li a {

	background: #fff;

}

/*buttons*/

.dmediaslider .yjmediaslider .slide .slide-details .buttons a {

	color: #fff;

}

.dmediaslider .yjmediaslider .slide .slide-details .buttons a:hover {

	color: #111111;

}

/* Module engine */

.dyjme .yjme_item a.item_title {

	color: #111111;

}

.dyjme .item_category a {

	color: #fff;

}

.dyjme .item_category:hover {

	color: #fff;

	background: #111111;

}

/* Newsflash 4 */

.dyjnf4 .yjnewsflashu4 a.itemtitle {

	color: #111111;

}

.dyjnf4 .yjnewsflashu4 .itemcdate {

	color: #fff;

}

/*pagination*/

.dyjnf4 div.yjnf4_navigation {

	border-top: 4px solid #eeeeee;

	border-bottom: 4px solid #eeeeee;

}

.dyjnf4 div.yjnf4_navigation .pagination_yjn {

	background: #eeeeee;

	color: #888888;

}

.dyjnf4 div.yjnf4_navigation .pagination_yjn:hover,

.dyjnf4 div.yjnf4_navigation .pagination_yjn_on {

	color: #fff;

}

/*more title*/

.dyjnf4 .yjnf_title {

	color: #111111;

}

/* Module engine user2, user6*/

.dyjme2 a.item_title,

.dyjme3 a.item_title {

	color: #111111;

}

/*first item*/

.dyjme2 .yjme_item.first a.item_title {

	color: #fff;

}

.dyjme2 .yjme_item.first .item_cdate {

	color: #fff;

}

.dyjme3 .yjme_item.first .item_cdate {

	color: #fff;

}

.dyjme3 .yjme_item.first .item_author a {

	color: #fff;

}

.dyjme3 .yjme_item.first .item_author a:hover {

	color: #111111;

}

/*category*/

.dyjme2 .items_category a,

.dyjme3 .items_category a {

	border-top: 4px solid #eeeeee;

	border-bottom: 4px solid #eeeeee;

	color: #111111;

}

/* Twitter */

.dtwitter div.yj_twitter_title a {

	color: #fff;

}

.dtwitter div.yj_twitter_title a:hover {

	color: #111111;

}

/* K2 Comments */

.dcomments:before {

	color: #42586e;

}

.dcomments .k2LatestCommentsBlock li.even,

.dcomments .k2LatestCommentsBlock li.odd {

	border-bottom: 4px solid #42586e;

}

.dcomments div.k2LatestCommentsBlock ul li a.lcAvatar img {

	border: 4px solid #42586e;

}

.dcomments div.k2LatestCommentsBlock ul li span.lcComment {

	color: #fff;

}

/*arrows*/

.dyork .yy_container .linkForward,

.dyork .yy_container .linkBackward {

	color: #fff;

}

.dyork .yy_container .linkForward:hover,

.dyork .yy_container .linkBackward:hover {

	color: #111111;

}

/*bottom nav*/

.dyork ul.yy_bottom_navigation li a {

	background: #fff;

}

.dyork ul.yy_bottom_navigation li a.active,

.dyork ul.yy_bottom_navigation li a:hover {

	background: #111111;

}

/* Bottom list */

.dailynews_list li a {

	color: #888888;

}

/* Bottom k2 tags */

.dtags div.k2TagCloudBlock a {

	background: #303030;

	color: #888888;

}

.dtags div.k2TagCloudBlock a:hover {

	color: #fff;

}

/* Socials */

.dsocials a {

	background: url(../images/socials.png) no-repeat left bottom;

}

.dsocials .yj_twitter {

	background: url(../images/socials.png) no-repeat -32px bottom;

}

.dsocials .yj_rss {

	background: url(../images/socials.png) no-repeat -64px bottom;

}

.dsocials .yj_pinterest {

	background: url(../images/socials.png) no-repeat -96px bottom;

}

.dsocials .yj_dribbble {

	background: url(../images/socials.png) no-repeat -128px bottom;

}

.dsocials .yj_youtube {

	background: url(../images/socials.png) no-repeat -160px bottom;

}

.dsocials .yj_googleplus {

	background: url(../images/socials.png) no-repeat -192px bottom;

}

.dsocials .yj_flickr {

	background: url(../images/socials.png) no-repeat -224px bottom;

}

.dsocials .yj_blogger {

	background: url(../images/socials.png) no-repeat -256px bottom;

}

.dsocials .yj_vimeo {

	background: url(../images/socials.png) no-repeat -288px bottom;

}

.dsocials .yj_picasa {

	background: url(../images/socials.png) no-repeat -320px bottom;

}

.dsocials .yj_instagram {

	background: url(../images/socials.png) no-repeat -352px bottom;

}

/* K2 */

.k2path {

	border-bottom: 4px solid #eeeeee;

}

/* Additional */

/* pagination */

.pagination a,

.pagination span {

	border: 2px solid #eeeeee;

}

body.yjsgerror-page #header {

	background: #202020;

}

.top_menu ul.subul_main li.has_module .inputbox,

.top_menu ul.subul_main li.has_modpoz .inputbox {

	border: 1px solid #fff!important;

}

.top_menu ul.subul_main li.has_module .input-prepend .add-on,

.top_menu ul.subul_main li.has_modpoz .input-prepend .add-on {

	color: #111111;

}

/* template readmore */

.tempalte_readmore {

	border-top: 4px solid #eeeeee;

	border-bottom: 4px solid #eeeeee;

	color: #111111;

}

/* Hover effect */

.yj_hover.hover {

	background: #111;

}

/* Module Class Suffix Style */

div.moduletable.tit h3 {margin:10px;background: url(../images/patt.png) no-repeat #000;padding: 10px;box-shadow: 0 0 2px;border: 1px solid #888;
font-family: Traditional Arabic;font-weight: bold;text-align: center;font-size: 28px;color:#fff;}

div.moduletable.tit {
margin: 10px;
background: #eee;
padding: 10px;
min-height: 310px;
}

div.moduletable.tit:hover {box-shadow: 0 0 10px;border: 1px solid #888;}

/* End */
div.k2ItemsBlock ul li h2 a:before {
content: url(../../../images/draligomaa-icon.png);
padding-left: 5px;
}
body li {background: none!important;}