/*
Theme Name: Jarayid.com
Description: Modern theme for Jarayid.com main website
Author: Ricky Kamil
Company: Graffix Studio LLC
Version: 1
.
This templete is licensed by Graffix Studio LLC.
.
[Table Of Contents] 
	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- SubNavigation
	7- Middle 
	8- Forms
	9- Extras
   10- Footer 

[Color Scheme]
	#1b5891 - blue
	#ffaf00 - yellow
	#800000 - red
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	line-height: 1;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	background: #e5ecf4;
	color: #000;
}
#wrapper {
	width:980px; /*1200px;*/ 
	margin: 0;
	padding: 0;
	margin-top:10px;
	margin-bottom:50px;
	margin:auto;
	overflow-x:hidden;
}
.right {
	float: right;
}
.left {
	float: left;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color: #333;
}
a:hover {
	color: #111;
}
a:active {
	color: #111;
}

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font: bold 2em "Times New Roman", Times, serif;
}
h2 {
	font: bold 1.5em "Times New Roman", Times, serif;
}
h3 {
	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;
}
h4 {
	font: bold 1em Arial, Geneva, Helvetica, sans-serif;
}
h5 {
	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}
.countryname 
{
	font:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	vertical-align:middle;
	color:#fff;
	text-align:center;
}
.categoryname 
{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	color:#fff;
	text-align:center;
}

.countrynameMenu 
{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	color:#fff;
	text-align:center;
}
.largeblacktext 
{
	font:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	vertical-align:middle;
	color:#000;
	text-align:center;
}
.largeblacktext2 
{
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	color:#000;
	text-align:center;
}
.smallwhitetext 
{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;	
}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#menu_top
{
	background:url(../images/back_menu_top.gif) repeat-x;
	color:#333366;
	overflow:auto;
	padding:8px 8px 8px 8px;
	border-right:solid 1px #b0bec7;
	border-left:solid 1px #b0bec7;
	border-top:solid 1px #b0bec7;
}
#date_country {
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
}
#menu_top_links {
	float:right;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}
#menu_top_navigation li{
	color:#333366;
	display:inline;
	list-style-type: none;
	/*margin: 0 -.5em 0 .5em;*/
	/*padding: 0 .5em 0 .5em;*/
	vertical-align:middle;
}
#menu_top_navigation a{
	color:#333;
	text-decoration:none;
}
#menu_top_navigation a:hover{
	color:#990000;
	text-decoration:underline;
}
#header {
	background:url(../images/back_banner2.jpg) repeat-x;
	height:240px; /*159px*/
	position:relative;
	border-right:solid 1px #b0bec7;
	border-left:solid 1px #b0bec7;
}
#logo {
	background:url(../images/logo_banner3.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logo a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logo h1{
	display:none;
}

#rss_left_title 
{
	color:#fff;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	background:#800000;
}

#rss_right_title 
{
	color:#fff;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	background:#800000;
}

#rss_left 
{
	top:1px;
	left:5px;
	position: absolute;
	width:301px;
}
#rss_right {
	top:1px;
	left:670px;
	position: absolute;
	width:301px;
}
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#navwrapper {
	background:url(../images/menu_off_white.jpg);
	width: 979px;/*1199px;*/
	height:44px;
		border-left: 1px solid #9cabb5;
}
#navcontainer
{
	clear:both;
	margin: 0;
	padding: 0 0 0 0;
	background:url(../images/menu_off_white.jpg);
}
#navcontainer UL
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#navcontainer LI
{
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	width: autopx;
}
#navcontainer A
{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	display: block;
	width: auto;
	height:26px;
	text-decoration: none;
	margin: 0;
	padding: 13px 8px 5px 8px;
	/*margin: 0 -5px 0 5px;*/
	border-right: 1px solid #9cabb5;
	background:url(../images/menu_off_white.jpg);
}
#navcontainer A:hover { 
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	background:url(../images/menu_off_white.jpg);
}
#navcontainer A.active:link, #navcontainer A.active:visited
{
	color: #fff;
	position: relative;
	z-index: 102;
	background:url(../images/menu_on.jpg);
	font-weight: bold;
}
#navcontainer BR { clear: both; }


/* =6 SubNavigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#subnavigation {
	z-index:99;
	text-align:right;
	height:50px;
	background:#800000;
}

/* =7 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#leftcolumn{
	display:inline;
	float:left;
	margin-top: -1em;
	width:190px;/*267px;*/
	overflow:hidden;
	margin-right:10px;
}
#leftcolumn li{
	margin-top: 1em;
	list-style-type:none;
}
#middlecolumn{
	display:inline;
	float:left;
	margin-top: -1em;
	width: 580px;/*668px;*/
	overflow:hidden;
}
#middlecolumn li{
	margin-top: 1em;
	list-style-type:none;
}
#rightcolumn{
	float:left;
	margin-top: -1em;
	width:190px; /*265px;*/
	overflow:hidden;
}
#rightcolumn li{
	margin-top: 1em;
	list-style-type:none;
}

.box_big_top_country {
	/*background:url(../images/box_big_top2.gif) no-repeat;*/
	font-weight:bold;
	color:#fff;
	padding-top: 2px;
	margin-bottom: 40px;
	/*padding-left: 2%;
	padding-right: 3%;*/
	/*width: 570px;*/
	width: 550px;
	height: 33px;
	text-align:center;
	background-color:#800000;
}
.box_big_top_countryMain {
	/*background:url(../images/box_big_top2.gif) no-repeat;*/
	font-weight:bold;
	color:#fff;
	padding-top: 2px;
	margin-bottom: 10px;
	/*padding-left: 2%;
	padding-right: 3%;*/
	/*width: 570px;*/
	width: 550px;
	height: 33px;
	text-align:center;
	background-color:#800000;
}

.box_big_top {
	background:url(../images/box_big_top2.gif) no-repeat;
	font: normal 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding-top: 10px;
	margin-bottom: -10px;
	padding-left: 2%;
	padding-right: 3%;
	width: 570px; /*665px;*/
	height: 33px;
}
.box_big_mid {
	background:url(../images/box_big_mid2.gif) repeat-y;
	min-height:500px;
	 /*padding-top: 2%;
	padding-left: 4px;
	padding-right: 20px;
	overflow:auto;*/
	width:560px;
	padding:4px;
}
.box_big_mid2 {
	background:url(../images/box_big_mid2.gif) repeat-y;
	min-height:500px;
	padding-top: 2%;
	padding-left: 20px;
	padding-right: 30px;
	overflow:auto;
}
.box_big_bottom {
	background:url(../images/box_big_bottom2.gif) no-repeat 2px 0px;
	width:568px; /*665px;*/
	height:17px;
	padding-left:4px;
}

.box_small_top {
	background:url(../images/box_small_top.gif) no-repeat;
	font: normal 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding-top: 3%;
	margin-bottom: -3%;
	padding-left: 5%;
	padding-right: 7%;
	width: 265px;
	height: 33px;
}
.box_small_mid {
	background:url(../images/box_small_mid.gif) repeat-y;
	padding-top: 3%;
	padding-left: 5%;
	padding-right: 7%;
}
.box_small_bottom {
	background:url(../images/box_small_bottom.gif) no-repeat;
	width:265px;
	height:17px;
}

#box_politic_wrapper{
	margin-left:0px;
}

.box_politic_top {
	background:url(../images/box_politic_top.gif) no-repeat;
	width: 520px; /*640px;*/
	height: 8px;
}
.box_politic_mid {
	background:#e3e3d9;
	width: 516px; /*636px;*/
	padding-left: 2px;
	padding-right: 2px;
	overflow:auto;
}
.box_politic_bottom {
	background:url(../images/box_politic_bottom.gif) no-repeat;
	width: 520px; /*640px;*/
	height: 8px;
}

div.politic_thumb 
{
	padding-right:1px;
	margin-right:3px;
	margin-left: 3px;
	height:auto;
	float: right;
}


div.thumb 
{
	padding-right:14px;
	margin-left:8px;
	margin-right: 8px;
	margin-bottom: 8px;
	/*border: 1px solid #A0ACC0;*/
	height: auto;
	/*float:right;*/
	line-height:20px;
	display:inline;
	direction:rtl;
	
	
}
.thumb img{
	display: inline;
	margin: 1px;
	border: 1px solid #A0ACC0;
}
.thumb a:hover img {border: 1px solid black;}



div.mid_thumb 
{
	padding:5px 1px 0 0;
	margin-right:3px;
	margin-left: 3px;
	height:auto;
	float: right;
	display:inline;
	width:auto;
	text-align:right;
	 direction:rtl;
}

/* =8 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#searchengine 
{
	/*background:#50a7dd;*/
	padding:5px 0px 2px 5px;
	width:370px;
	height:50px;
	left:380px;
	position:absolute;
	top:150px;
}
.searchbox {
	width:150px;
	display:inline;
	
}
.searchbutton {
	background:#800000;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif #fff;
	font-size: 14px;
	font-weight:bold;
	height:24px;
	width:80px;
	margin-left:2px;
}

.text_content 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
}
.text_content_english 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
.form_textfield {
	width:260px;
}
.form_right 
{
	direction:rtl;font-size:18px;
}

/* =9 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*Yamli*/
#yamlisearch {
	font-family: Arial, Helvetica, sans-serif #fff;
	font-size: 16px;
	color:#ccc;
	margin:0 0 0 0;
}
#yamlisearchoption 
{
	padding-left:40px;
}
#yamlisearchoption li{
	display:inline;
	margin-right:2px;
}
#yamlisearchoption_web, #yamlisearchoption_images, #yamlisearchoption_video, #yamlisearchoption_news, #yamlisearchoption_wiki{
	color:#fff;
	text-decoration:none;
	padding:2px 2px 2px 2px;
}
#yamlipowerby {
	color:#fff;
	font-size:10px;
}

/* RSS */

@import url('gfdynamicfeedcontrol.css');




/* =10 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.footer_top {
	background:url(../images/footer_top.gif) no-repeat;
	width:980px;
	height:10px;
}
.footer_mid {
	background:url(../images/footer_mid.gif) repeat-y;
	color:#666;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#footer_mid_content 
{
	background:#fff;
	width:95%;
}
#footer_mid_content li{
	display:inline;
}
#footer_mid_content a{
	color:#666666;
	font-size:16px;
}
.ctl00_footerlinks a{
	color:#666666;
}
.footer_bottom {
	background:url(../images/footer_bottom.gif) no-repeat;
	width:980px;
	height:14px;
}
.subnav a:hover
{
	color:Yellow;
}
#subnav
{
	margin-top:4px;
}
#subnav li
{
	float:left;
	padding:3px 3px;
	-moz-border-radius:8px 8px 8px 8px; 
	-webkit-border-radius:8px;
	background:url(../../on.png) repeat-x top;
}
#subnav li a
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	color:White;
	text-decoration:none;
	background:none;
}
#subnav li a:hover
{  
	color:Yellow;
	background:none;
}
#navcontainer1
{
	color: #FFFFFF !important;
	background:none repeat scroll 0 0 #800000 !important;
}
#navcontainer1:hover 
{ 
	color: #FFFFFF !important;
	background:none repeat scroll 0 0 #800000 !important;
}
#navcontainer1:visited
{
	color: #FFFFFF !important;
	background:none repeat scroll 0 0 #800000 !important;
}

#logoa {
	background:url(../images/a.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logoa a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoa h1{
	display:none;
}

#logob {
	background:url(../images/b.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logob a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logob h1{
	display:none;
}

#logoc {
	background:url(../images/c.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logoc a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoc h1{
	display:none;
}

#logod {
	background:url(../images/d.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logod a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logod h1{
	display:none;
}


#logoe {
	background:url(../images/e.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logoe a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoe h1{
	display:none;
}


#logof {
	background:url(../images/f.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}


#logof a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logof h1{
	display:none;
}


#logog {
	background:url(../images/g.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}


#logog a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logog h1{
	display:none;
}


#logoh {
	background:url(../images/h.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}

#logoh a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoh h1{
	display:none;
}


#logoi {
	background:url(../images/i.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logoi a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoi h1{
	display:none;
}


#logoj {
	background:url(../images/j.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logoj a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoj h1{
	display:none;
}


#logok {
	background:url(../images/k.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logok a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logok h1{
	display:none;
}


#logol {
	background:url(../images/l.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logol a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logol h1{
	display:none;
}


#logom {
	background:url(../images/m.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logom a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logom h1{
	display:none;
	
}


#logon {
	background:url(../images/n.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logon a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logon h1{
	display:none;
}


#logoo {
	background:url(../images/o.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logoo a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoo h1{
	display:none;
}

#logop {
	background:url(../images/p.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logop a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logop h1{
	display:none;
}

#logoq {
	background:url(../images/q.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logoq a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logoq h1{
	display:none;
}

#logor {
	background:url(../images/r.jpg);
	height:240px;
	left:330px;
	width:311px;
	position:absolute;
}
#logor a{
	height:100px;
	left:0;
	position:absolute;
	top:0;
	width:454px;

}
#logor h1{
	display:none;
}