/*
Theme Name: Arab Feeds 2.0
Version: 2.0
Author: Ahmed AL-Jazar
*/


* {
margin: 0;
padding: 0;
}

li {
list-style: none;
}


table { 
border-collapse: collapse; 
border-spacing: 0;
}

a {
text-decoration: none;
color: #0b83cc;
outline: none;
}

img {
border: none;
}

.clear {
clear: both;
}

html, body {
height:100%;
width:100%;
overflow:auto;
}

body {
font-family: tahoma;
font-size: 13px;
background: #F3F3F3;
}

#page {
width: 960px;
margin: auto;
padding: 10px;
}

#all_it {
background: #FFF;
padding: 10px 6px 9px 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top: 20px;
}

/* =========================== Header Area ============================= */

#header {
padding-top: 10px;
}

#logo {
float: right;
width: 450px;
}

#logo a {
background: url(img/logo.png);
display: block;
width: 214px;
height: 36px;
text-indent: -9999px;
float: right;
}

#logo_des {
margin: 11px 11px 0px 0px;
float:right;
font-family: arial;
font-weight: bold;
font-size: 17px;
color: #666;
text-shadow: 1px 1px 1px #FFF;
}

#logo_des span {
font-size: 19px;
color: #3c5fac;
}

#social {
float: left;
}

#social li {
float: left;
}

#social li a#twt{
background: url(img/twt.png);
width: 28px;
height: 28px;
display: block;
text-indent: -9999px;;
}

#social li a#rss{
background: url(img/rss.png);
width: 26px;
height: 27px;
display: block;
text-indent: -9999px;;
}

#social li a#fcb {
background: url(img/fcb.png);
width: 26px;
height: 27px;
display: block;
text-indent: -9999px;;
}

#top_menu {
float: left;
margin: 2px;
}

#top_menu li {
float: left;
}

#top_menu li a {
background: url(img/top_menu.png);
display: block;
text-indent: -9999px;;
}

#top_menu li a#contact_us {
background-position: 0px 0px;
width: 60px;
height: 26px;
}

#top_menu li a#blogs_list{
background:transparent url(img/top_menu_blog_list.png) no-repeat scroll -4px -1px;
height:27px;
width:78px;
}

#top_menu li a#add_blog {
background-position: -64px 0;
width: 77px;
height: 26px;
}

#top_menu li a#about_site{
background-position: -140px 0;
width: 69px;
height: 26px;
}

#top_menu li a#home{
background-position: -208px 0;
width: 57px;
height: 26px;
}

/* =========================== Menu Area ============================= */

#menu {
margin-top: 10px;
}

#nav{
font-size:1.1em;
}

#nav, #nav ul {
list-style: none;
line-height: 1;
}

#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}

#nav li {
float: right;
list-style:none;
}

#nav a {
display:block;
font-weight:bold;
background: url("img/menu.png");
width: 215px;
height: 37px;
}

#nav ul li a {
background: none;
color: #FFF;
}

#nav a, #nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration:none;
color: #FFF;
}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 174px;
}

#nav li li {
background: #FFF;
}

#nav li li a, #nav li li a:visited {
color:#000;
}

#nav li li a:hover, #nav li li a:active {
background:#000;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

a.main:hover {
background:none;
}

#menu_left {
float: left;
background: url(img/menu_left.png);
width: 724px;
height: 37px;
}


/* =========================== Home Note Area ============================= */


#home_note {
background: #FFF;
padding: 10px;
margin: 20px 0px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #dedede;
font-size: 12px;
height: 40px;
}

#home_note p {
width: 740px;
line-height: 19px;
float: right;
}

#home_note p span {
color: #3c5fac;
}

#add_blog_2 a {
background: url(img/add_blog.png);
display: block;
width: 188px;
height: 40px;
text-indent: -9999px;
float: left;
}

#trend_post {
background: #fcf9da;
padding: 7px;
-moz-border-radius: 5px;
margin: 10px 0px;
color: #666;
border: 1px solid #f2e98c;
}

#trend_post i {
font: bold 15px arial;
float: right;
margin-left: 10px;
}

#trend_post a {
color: #000;
text-decoration: underline;
}


/* =========================== Week Post Area ============================= */

#week_post_thumb {
background: url(img/week_post.png);
width: 191px;
height: 155px;
display: block;
float: right;
}

#week_post_content {
background: url(img/week_post_content.png);
width: 466px;
height: 155px;
float: right;
overflow: hidden;
}

#week_post_content img {
display: none;
}

#week_post_content_p h6, #week_post_content_p .notez {
display: none;
}

#week_post_content #week_post_content_p { 
margin: 33px 10px;
}

#week_post_content_p h2 {
font-size: 22px;
font-weight: bold;
font-family: arial;
display: block;
margin-bottom: 3px;
}

#week_post_content_p p {
padding: 1px 7px;
text-align: justify;
line-height: 20px;
}

/* =========================== Content Area ============================= */


.post {
padding: 9px 5px 3px;
}

#all_content {
float: right;
width: 680px;
}

#content {
margin-top: 15px;
}

#content ul li {
float: right;
margin-left: 24px;
margin-bottom: 20px;
width: 316px;
}

#content ul li h1 {
font-family: arial;
font-size: 19px;
line-height: 42px;
}

	
#content ul li h1 {
background: url(img/li_bg.png);
width: 302px;
height: 40px;
border-bottom: 4px solid #067bc2;
padding-right: 14px;
}


	#content ul li #science_rss  h1 {
	border-bottom: 4px solid #76882b;
	}

		#content ul li #science_rss ul li a:hover {
		color: #76882b;
		}

	#content ul li #art_rss  h1 {
	border-bottom: 4px solid #bf2575;
	}

		#content ul li #art_rss ul li a:hover {
		color: #bf2575;
		}
	

	#content ul li #personal_rss  h1 {
	border-bottom: 4px solid #8c3a51;
	}

		#content ul li #personal_rss ul li a:hover {
		color: #8c3a51;
		}

	#content ul li #podcast_rss  h1 {
	border-bottom: 4px solid #292a2a;
	}

		#content ul li #podcast_rss ul li a:hover {
		color: #292a2a;
		}

	#content ul li #islam_rss  h1 {
	border-bottom: 4px solid #e02000;
	}

		#content ul li #islam_rss ul li a:hover {
		color: #e02000;
		}

	#content ul li #kok_rss  h1 {
	border-bottom: 4px solid #004d8a;
	}

		#content ul li #kok_rss ul li a:hover {
		color: #004d8a;
		}

	#content ul li #literature_rss  h1 {
	border-bottom: 4px solid #f09402;
	}

		#content ul li #literature_rss ul li a:hover {
		color: #f09402;
		}

	#content ul li #economy_rss h1 {
	border-bottom: 4px solid #176B69;
	}

		#content ul li #economy_rss ul li a:hover {
		color: #176B69;
		}

	#content ul li #policy_rss  h1 {
	border-bottom: 4px solid #E80808;
	}

		#content ul li #policy_rss ul li a:hover {
		color: #E80808;
		}


#content ul li a {
color: #000;
text-shadow: 1px 1px 1px #FFF;
}

#content ul li ul {
background: #f5f5f5;
height: 144px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomright: 5px;
-webkit-border-radius-bottomleft: 5px;
}

#content ul li ul li {
margin: 7px 26px 7px 26px;
list-style: circle ;
}

#content ul li ul li a {
color: #666;
}

#content ul li ul li a:hover {
color: #0b83cc;
}


#content ul li ul li h3 {
font-size: 12px;
font-weight: normal;
overflow: hidden;
height: 15px;
width: 285px;
}


.post form {
width: 338px;
}

.post form p {
color: #666;
display: list-item;
list-style: none;
}

.post form textarea {
	width: 334px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
	border: 1px solid #cccccc;
}

#subm input {
width: 68px;
height: 28px;
}

.post form input {
	margin: 5px 0px 5px 0;
	border: 1px solid #cccccc;
	height: 24px;
	width: 340px;
}



/* ====> Category CSS <==== */

#content-in {
float: right;
width: 630px;
padding: 0px 10px;
}

#content-in h3 {
font-size: 17px;
font-weight: bold;
font-family: arial;
}

#content-in .post {
margin-bottom: 24px;
border: 1px solid #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}


#title_in h2 {
font-size: 19px;
border-bottom: 1px dotted #ccc;
margin-bottom: 20px;
padding-bottom: 3px;
font-family: arial;
}

/* =====> Post CSS <====  */ 

#content-in-single {
float: right;
width: 630px;
padding: 0px 10px;
}

#content-in-single h2 {
font-size: 19px;
font-weight: bold;
font-family: arial;
padding-bottom: 4px;
}

#content-in-single .iLikeThis { display:inline; }
#content-in-single .iLikeThis .counter { border : none; background:url(img/heart.png) center left no-repeat; padding:0 0 0 32px; font-weight:bold; margin-left:5px; }
#content-in-single .iLikeThis .counter a { cursor:pointer; }
#content-in-single .iLikeThis .counter a.image { background:url(img/add.png) center right no-repeat; padding:0 22px 0 0; }

.post {
padding: 9px 5px 3px 5px;
}

	.post ol {
	padding: 4px 26px;
	}

	.post ul {
	padding: 4px 26px;
	}

	.post li {
	padding: 5px 0;
	list-style: circle;
	}

	.post a {
	color: #0000c7;
	}
	
	.post a:hover {
	color: #96a2f7;
	text-decoration: underline;
	}
	.post h2 {
	font-size: 19px;
	margin-bottom: 10px;
	}

	.post p {
	font-size: 11px;
	padding-top: 1px;
	line-height: 21px;
	font-size: 12px;
	text-align: justify;
	margin-bottom: 3px;
	}

	

	.post div {
	font-size: 11px;
	padding-top: 1px;
	line-height: 21px;
	font-size: 12px;
	text-align: justify;
	}

	div.abt_lab  {
	font-size: 11px;
	color: red;
	text-align: left;
	}
	
	blockquote {
	padding: 1px 10px;
	background: #f3f3f3;
	border: 1px solid #eee;
	margin: 3px;
	}

#post_in_info {
background: #F7F7F7;
padding: 10px;
height: 53px;
border: 1px solid #eee;
margin-top: 15px;
position: relative;
}

#post_in_info div {
	line-height: 15px;
	padding-top: 0px;
	}

#post_in_info a {
color: #666;
}

#post_in_info_right {
float: right;
position: absolute;
right: 5px;
}

	#post_in_info_right p {
	font-family: arial;
	float: right;
	font-weight: bold;
	font-size: 15px;
	}

	#like_but {
	float:right;
	}

	#fav_but {
	float: right;
	position: relative;
	top: 3px;
	margin-right: 26px;
	}

	#fav_but a {
	position: relative;
	top: 2px;
	}

	#fav_but img {
	position: relative;
	top: 1px;
	}

	#viw_but {
	float: right;
	margin-top: 8px;
	}
	
	#viw_but span {
	position: relative;
	top: 3px;
	right: 4px;
	}

	#cat_but {
	margin-top: 8px;
	margin-right: 33px;
	float: right;
	}

	#cat_but a {
	float: left;
	position: relative;
	top: 2px;
	right: 4px;
	}

	#rep_but {
	float: right;
	margin-right: 44px;
	width: 173px;
	margin-top:8px;
	}

	#rep_but a {
	position: relative;
	top: 3px;
	margin-right: 3px;
	}

	 
#post_in_info_left {
float: left;
}

	#twt_but {
	float: left;
	}

	#fcb_but {
	float: right;
	position: relative;
	top: 3px;
	}

.post_info p {
font-size: 10px;
}
/* =========================== Sidebar Area ============================= */

#sidebar {
float: left;
width: 267px;
}

#ads  {
margin-bottom: 15px;
}

#ads a {
background: url(img/ads2.png);
width: 267px;
height: 243px;
display: block;
text-indent: -9999px;
}

#related h3 {
background: #eee;
font: bold 18px arial;
text-align: center;
margin-bottom: 8px;
padding: 3px;
}

#related ol li, #related ul li {
font-size: 12px;
width: 267px;
overflow: hidden;
height: 18px;
margin-bottom: 8px;
padding-bottom: 3px;
border-bottom: 1px dashed #ccc;
line-height: 20px;
}

#related ol li a, #related ul li a  {
color: #000;
}

#related ol li a:hover, #related ul li a:hover {
color: #0000C7;
}


/* =========================== Slide-Menu Area ============================= */

.widget {  
width: 267px; 
height: 365px;
margin: 10px 0px;  

}  
  
.widget a {  
color: #222;  
text-decoration: none;  
}  
  
.widget a:hover {  
color: #009;  
text-decoration: underline;  
}  
  
.tabnav li {  
display: inline;  
list-style: none;  
padding-right: 5px;  
}  

ul.tabnav {
background: url(img/tab_ul.png);
width: 267px;
height: 34px;
line-height: 36px;
text-align: center;
}
  
.tabnav li a {  
text-decoration: none;  
text-transform: uppercase;  
color: #FFF;  
padding: 5px 6px 9px 6px;  
outline: none;  
font-size: 12px;
}  
  
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {  
color: #FFF;  
text-decoration: none;  
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font: bold 18px arial;
}  
  
.tabdiv {  
margin-top: 2px;  
background: #fff;  
}  
  
.tabdiv li {  
overflow: hidden;
height: 28px;
padding: 0px 6px;
margin: 4px 0px;
font-size: 12px;
line-height: 29px;
background: #F5F5F4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.tabdiv a {
color: #000;
display: block;
width: 248px;
height: 27px;
}

.tabdiv li:hover, .tabdiv a:hover {
background: #087ec5;
color: #FFF;
text-decoration: none;
}
  
.ui-tabs-hide {  
display: none;  
}

/* =========================== Footer Area ============================= */

#footer {
background: #FFF;
padding: 11px;
-moz-border-radius: 5px;
font-size: 11px;
margin-top: 5px;
color: #666;
}

.notez {
background: #edeff4;
border: 1px solid #d8dfea ;
margin: 16px 0px 13px 0px;
padding: 7px;
font-size: 12px;
}

	.notez a { 
	color: #222;
	font-weight: bold;
	}

	.notez a:hover {
	text-decoration: underline;
	}

/* ============================ */

form#sbc-search { 
clear: both; 
display: block;
}


form#sbc-search * {
margin: 0px; 
display: block;
}

form#sbc-search input#s {
background: url(search.png); 
width: 374px;
height: 27px;
color: #ccc; 
float: right;
margin: 5px 7px;
border: none;
padding: 0 7px;
}

form#sbc-search select#cat {
background: url(cat_search_list.png); 
height: 26px; 
float: right;
width: 194px;
padding: 4px 4px; 
border: none;
margin: 5px 7px;
-khtml-appearance: none; /* fix default safai styling */
border-radius: 15px 0px 0px 15px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius: 0px 3px 3px 0px;
}
							
form#sbc-search select#cat option {
padding: 2px 4px;
}
							
form#sbc-search input#sbc-submit {
height: 26px;  
background: url(search_submit.png); 
width: 53px;
border: none;
text-indent: -9999px;
float: right;
margin: 5px 7px;
border-radius: 0px 15px 15px 0px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
}

.xsearch {
height: 64px;
margin-top: 22px;
}

#search_cat_text {
float: right;
color: #FFF;
font-family: arial;
font-weight: bold;
font-size: 16px;
padding-top: 8px;
}

.abt_lab {
font-size: 11px;
color: red;
text-align: left;
}

/* =========================== 404 Area ============================= */


#for_all h2 {
background: #ccc;
text-align: center;
text-shadow: 1px 1px 1px #FFF;
-moz-border-radius: 3px;
padding: 3px;
line-height: 27px;
}

#best_viw, #best_ran {
float: right;
width: 284px;
margin-top: 15px;
}

#best_ran {
margin-right: 20px;
}

#best_viw li, #best_ran li {  
overflow: hidden;
height: 28px;
padding: 0px 6px;
margin: 4px 0px;
font-size: 12px;
line-height: 29px;
background: #F5F5F4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#best_cont a, #best_viw a, #best_ran a {
color: #000;
display: block;
width: 398px;
height: 27px;
}

#best_viw li:hover, #best_ran li:hover {
background: #087ec5;
color: #FFF;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#best_viw a:hover, #best_ran a:hover {
color: #FFF;
}

.breadcrumb {
display:  none;
-moz-border-radius-topleft:3px;
-webkit-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-radius-topright:3px;
background:none repeat scroll 0 0 #FAFAFA;
bottom:10px;
left:6px;
padding:7px 6px;
position:relative;
width:948px;
border-bottom:1px solid #eee;
font-size: 11px;
}

.rss_i a{
background: url(img/rss_i.png);
width: 16px;
height:  16px;
display: block;
text-indent: -9999em;
float: right;
position: relative;
top: 10px;
margin: 3px 3px 3px 6px;
}

/* ============================================== */
.ddsmoothmenu {font: normal 12px tahoma;width: 100%;}
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;}

.ddsmoothmenu ul li{position: relative;display: inline;float: right;}

.ddsmoothmenu ul li a{display: block;color: #000;text-decoration: none;font-weight:bold;background: url("img/menu.png");width: 192px;height: 37px;text-indent: -9999px;padding: 0px 23px 0px 0px;}

* html .ddsmoothmenu ul li a{display: inline-block;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: #666;}

.ddsmoothmenu ul li a.selected{color: #000;}

.ddsmoothmenu ul li a:hover{color: #000;}

.ddsmoothmenu ul li ul li a:hover {background: #eee;}
	
.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none; visibility: hidden;}

.ddsmoothmenu ul li ul li{display: list-item;float: none;}

.ddsmoothmenu ul li ul li ul{top: 0;}

.ddsmoothmenu ul li ul li a{width: 210px; height: 25px;padding: 6px 7px 0px 0px;margin: 0;border-top-width: 0;border-bottom: 1px solid #eee;background: #f3f3f3;text-indent: 0px;font-family: arial;font-size: 17px;font-weight: bold;position: relative;right: 1px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

* html .ddsmoothmenu{height: 1%;}

.downarrowclass{position: absolute;top: 13px;right: 19px;}

.rightarrowclass{position: absolute;top: 6px;left: 5px;}

.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;}

/* ================================================= */

td {
padding: 9px 5px;
font-size: 12px;
border:0;
}

tr {
color: #000;
}

tr:hover {
color: #8c8c8c;
}

td a {
color: blue;
background: url(img/b_rss.png);
width: 20px;
height: 20px;
display: block;
text-indent: -9999px;
text-align: center;
margin-right: 30px;
}

td.blogs_title_main, td.blogs_count_main, td.blogs_url_main, td.blogs_active_main {
background: #eee;
font: bold 16px arial;
text-shadow: 1px 1px 1px #FFF;
color: #666;
text-align: center;
padding: 6px;
border-bottom: 1px solid #ccc;
}

td.blogs_active {
width: 130px;
text-align: center;
}

td.blogs_count, td.blogs_url {
width: 90px;
text-align: center;
}

tr.rowclass2 {
background: #f6f6f6;
}