/* ########################################### CSS that I am using ################################################*/

body {
	background:#ffffff url(/Images/bg-2.png) repeat-x top;
	margin:0;
	color:#333333;
	font-size:18;
	font-family: "simplified arabic";
	text-align: center;
}
img.right {
	float: right;
	margin: 0px 5px 0px 5px;
}
textarea {
	font-family:"simplified arabic";
}
a:link {
	color:#003366;
	text-decoration:none;
}
a:visited {
	color:#003366;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
a.headerlink:link {
	color:#ffffff;
	font:30px "Times New Roman";
	text-decoration:none;
}
a.headerlink:visited {
	color:#ffffff;
	font:30px "Times New Roman";
	text-decoration:none;
}
a.headerlink:hover {
	color:#ffffff;
	font:30px "Times New Roman";
	text-decoration:none;
}
a.headtextlink:link {
	color:#88aa88;
	font-size:13px;
	text-decoration:none;
}
a.headtextlink:visited {
	color:#88aa88;
	font-size:13px;
	text-decoration:none;
}
a.headtextlink:hover {
	color:#88aa88;
	font-size:13px;
	text-decoration:underline;
}
a.whitelink:link {
	color:#ffffff;
	font-size:13px;
	text-decoration:underline;
}
a.whitelink:visited {
	color:#ffffff;
	font-size:13px;
	text-decoration:underline;
}
a.whitelink:hover {
	color:#ffffff;
	font-size:13px;
	text-decoration:underline;
}
a.bodytitlelink:link {
	color:#ffffff;
	font-size:15px;
	text-decoration:none;
}
a.bodytitlelink:visited {
	color:#ffffff;
	font-size:15px;
	text-decoration:none;
}
a.bodytitlelink:hover {
	color:#ffffff;
	font-size:15px;
	text-decoration:underline;
}
a.PostTitle:link {
	color:#FF1100;
	font-size:15px;
	text-decoration:none;
}
a.PostTitle:visited {
	color:#FF1100;
	font-size:15px;
	text-decoration:none;
}
a.PostTitle:hover {
	color:#FF1100;
	font-size:15px;
	text-decoration:underline;
}
#headtitle {
	color:#ff7777;
	font-family:"Traditional Arabic";
	font-size:26px;
	font-weight: bold;
}
#headtext {
	color:#ffffff;
	font-family:tahoma;
	font-size:10px;
}
.bodytext {
	color:#000000;
	font-family:"simplified arabic";
	font-size:16px;
	padding:0 5px 0 5px;
}
a img {
	border-width:0;
}
h2.ah {
	margin:0 0 10px;
	font-size: 17px;
	font-family: "Times New Roman";
	font-weight: 900;
	line-height: 1.0em;
	text-transform:none;
	letter-spacing:0em;
	color:#fff;
	background: #0B3754 url(/Images/widget-title.png) repeat-x bottom;
	padding:5px 10px;
}
.endline {
	margin:0 0 10px;
	padding:10px 0;
	border-bottom:1px solid #ddd;
	/*font: 15px georgia, times, 'times new roman', tahoma;
	color:#083777;
	background:#fff;
	font-weight: bold;*/
}
.boxed {
	margin:0 0 5px;
	font: 16px "simplified arabic";
	/*font: 15px georgia, times, 'times new roman', tahoma;
	color:#083777;
	padding:10px 0;
	background:#fff;
	border-bottom:1px solid #ddd;
	font-weight: bold;*/
	line-height: 1.4em;
	text-transform:none;
	letter-spacing:0em;
	padding:4px;
	background:#eee;
	border:1px solid #cccccc;
}
.boxed1 {
	margin:0 0 2px;
	padding:0 7px 0 4px;
	font: 16px "simplified arabic";
	/*font: 15px georgia, times, 'times new roman', tahoma;
	color:#083777;
	background:#fff;
	border-bottom:1px solid #ddd;
	padding:0px;
	font-weight: bold;*/
	line-height: 1.4em;
	text-transform:none;
	letter-spacing:0em;
	background:#fff;
	border:1px solid #cccccc;
}
.boxed2 {
	margin:0 0 2px;
	padding:2px;
	font: 16px "simplified arabic";
	/*color:#083777;
	padding:0px;
	background:#fff;
	border-bottom:1px solid #ddd;
	font-weight: bold;*/
	line-height: 1.4em;
	text-transform:none;
	letter-spacing:0em;
	background:#FFF3F3;
	border:1px solid #cccccc;
}
.boxed3 {
	margin:0 0 2px;
	font: 16px "simplified arabic";
	line-height: 1.4em;
	text-transform:none;
	letter-spacing:0em;
	padding:0px;
	background:#FFA3A3;
	border:1px solid #cccccc;
}
.feature { /* The blue box to show something important */
	overflow: hidden;
	width: 560px;
	height: 210px;
	padding: 10px 10px 0 10px;
	color: #ccc;
	background: #093653;
	border: none !important;
}
.sidebar1 {
	margin:0 0 5px;
	font: 16px "simplified arabic";
	font-weight: bold;
	line-height: 1.4em;
	text-transform:none;
	letter-spacing:0em;
	color:#083777;
	border-bottom:1px solid #ddd;
	background:#fff;
	padding:10px 0;
}
/* ########################################### CSS for AddThis bottun ################################################*/

.addthis_toolbox .hover_effect {
    width: 284px;
    padding: 10px 0 6px 10px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.addthis_toolbox .hover_effect div {
    float: left;
}
.addthis_toolbox .hover_effect a {
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}
.addthis_toolbox .hover_effect a:hover {
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}
.addthis_toolbox .hover_effect span {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}

/* ################################################################################################## User tabs ################ */
.container {
        width: 100%;
        padding: 0px;
        margin: 3px 0 22px 0;
        /* border: 1px solid #ccc; */
        /*background: #fff;*/
}
/* circle */
#navCircle {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}
#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}
#navCircle a:link, #navCircle a:visited {
        float: right;
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}
#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(/Images/circle.gif) no-repeat bottom center;
}
/* ############################################# END of CSS that I am using ################################################*/
#navbar-iframe  {
	height : 0;
	visibility : hidden;
	display : none;
}
#navigation {
	/*width: 960px;*/
	height: 25px;
	margin: 0 auto;
	/*background: #00070f;*/
	overflow:hidden;
	padding:0;
}
#page-nav {
	float: right;
	width: 700px;
	margin: 0 0 0 -15px;
}
#page-nav ul {
	list-style: none;
	margin: 0;
}
#page-nav li {
	float: right;
	margin: 6px 0 0 0;
	padding: 0 0 8px 0;
}
#page-nav a {
	display: block;
	font: normal normal normal 11px/11px tahoma;
	color: #999;
	padding: 0 15px 0 15px;
	border-right: 1px solid #353535;
}
/* Drop-down styles */
#page-nav li:hover ul, #page-nav li.sfHover ul  {
	top: 19px;
}
#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
	top: -1px;
}
#page-nav ul ul {
	border-top: 1px solid #222;
	background: #111;
}
#page-nav li li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #222;
}
#page-nav li li a {
	padding: 7px 7px;
	border: none;
}
/**
* Search form (in navigation)
************************************************/
#navigation .search {
	float: right;
	width: 200px;
	height: 25px;margin:0;padding:0;
}
#navigation input {
	float: right;
	width: 170px;
	height: 15px;
	margin: 4px 0 0 0;
	padding: 1px 22px 1px 8px;
	font: normal normal normal 11px/15px tahoma;
	color: #aaa;
	background: url(/Images/search-icon.png) no-repeat 5px 0;
	/*background-color: #dedede;*/
	background-position:right;
	border: 0px solid #011e3f;
}
#navigation .search-submit, #navigation .button {
	display: none;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
overflow: hidden;
height: 90px;
border-bottom: 1px solid #021f32;
width: 960px;
margin:0 auto;
}
#header-wrapper-help {
overflow: hidden;
height: 90px;
border-bottom: 1px solid #021f32;
margin:0 auto;
}
#header-inner {
background-position: center;
margin-right: auto;
margin-right: auto;
}
#header {
text-align: right;
color:#fafafa;
height: 60px;
margin: 0 auto;
margin: 15px auto;
float: right;
width: 450px;
}
#header h1 {
line-height: 35px;
font-size: 28px;
font-family: "Traditional Arabic" ;
font-weight:normal;
margin: 12px 0 0 0px;padding:0;
}
#header a {
color:#ffffff;
text-decoration:none;
}
#header a:hover {
color:#ffffff;
}
#header a:visited {
color:#ffffff;
}
#header .description {
margin:0;
padding:0 20px 10px;
text-transform:none;
letter-spacing:0em;
line-height: 1.4em;
font: normal bold 66% tahoma;
color: #e6e6e6;
}
#header img {
margin-left: auto;
margin-right: auto;
}
#header1 {
margin:5px 0px 0;
text-align: right;
color:#ffffff;
width:480px;
float:right;
height:60px;
overflow:hidden;
}
#cat-navigation {
width: 960px;
height: 28px;
margin: 0 auto;
font: normal normal bold 12px/12px tahoma;
text-transform: uppercase;
}
#cat-nav {
float: right;
width: 760px;
height: 25px;
border-left: 1px solid #2b526b;
}
#cat-navigation ul {
list-style: none;
margin: 0;
}
#cat-navigation li {
float: right;
border-right: 1px solid #2b526b;
}
#cat-navigation a {
display: block;
padding: 7px 20px 6px 20px;
text-transform: uppercase;
color: #fafafa;
}
#cat-navigation li li a {
width: 160px;
font: normal normal bold 10px/10px tahoma;
padding: 8px 10px;
color: #fff;
background: #2b526b;
border-top: 1px solid #244960;
}
/* Drop-down controls */
#cat-nav ul ul, #cat-nav ul ul ul {
width: 180px;
}
#cat-nav li li:hover ul, #cat-nav li li li:hover ul {
right: 180px;
}
#cat-nav li:hover ul, #cat-nav li.sfHover ul {
top: 2.1em;
}
#cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul  {
top: 0;
}
#cat-nav ul ul {
background: #2b526b;
}
/* Make sure page menu overlaps category menu */
#cat-nav ul.menu {
position: relative;
z-index: 98;
}
#page-nav ul.menu {
position: relative;
z-index: 99;
}
#page-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#page-nav ul {
line-height: 1.0;
}
.menu ul {
position: absolute;
top: -999em;
width: 10em;
}
#page-nav ul ul li {
width: 100%;
}
#page-nav li:hover {
visibility: inherit;
}
#page-nav li {
float: right;
position: relative;
}
#page-nav a {
display: block;
position: relative;
}
#page-nav li:hover ul, li.sfHover ul {
right: 0;
top: 2em;
z-index: 99;
}
#page-nav li:hover li ul, li.sfHover li ul {
top: -999em;
}
#page-nav li li:hover ul, li li.sfHover ul {
right: 10em;
top: 0;
}
#page-nav li li:hover li ul, li li.sfHover li ul {
top: -999em;
}
#page-nav li li li:hover ul, li li li.sfHover ul {
right: 10em;
top: 0;
}
/* Default category menu styles */
#cat-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#cat-nav ul {
line-height: 1.0;
}
.menu ul {
position: absolute;
top: -999em;
width: 10em;
}
#cat-nav ul ul li {
width: 100%;
}
#cat-nav li:hover {
visibility: inherit;
}
#cat-nav li {
float: right;
position: relative;
}
#cat-nav a {
display: block;
position: relative;
}
#cat-nav li:hover ul, li.sfHover ul {
right: 0;
top: 2em;
z-index: 99;
}
#cat-nav li:hover li ul, li.sfHover li ul {
top: -999em;
}
#cat-nav li li:hover ul, li li.sfHover ul {
right: 10em;
top: 0;
}
#cat-nav li li:hover li ul, li li.sfHover li ul {
top: -999em;
}
#cat-nav li li li:hover ul, li li li.sfHover ul {
right: 10em;
top: 0;
}
#cat-navigation #feed {
width: 180px;
float: right;
}
#feed li {
float: right;
border: none;
}
#feed li a {
padding: 7px 18px 6px 0;
background: url(/Images/feed-icon.png) no-repeat right 7px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 100%;
margin:0 auto;
padding:0px;
text-align:right;
vertical-align:text-top;
font: normal normal 100% tahoma;
}
#outer-wrapper-help {
margin:0 auto;
padding:0px;
text-align:right;
vertical-align:text-top;
font: normal normal 100% tahoma;
}
#container {
overflow: hidden;
width: 960px;
margin: 0 auto;
padding: 20px 0 0;
/*background: #fff url(/Images/container-bg-1.png) repeat-y right 0;*/
}
#container-help {
overflow: hidden;
margin: 0 auto;
padding: 20px 0 0;
/*background: #fff url(/Images/container-bg-1.png) repeat-y right 0;*/
}
#mainout-wrapper {
float: right;
width: 600px;
}
#main-wrapper {
float: right;
width: 600px;
padding: 0;
background: #fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#mainbottomleft {
float: left;
width: 280px;
padding: 0;
background: #fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#mainbottomright {
float: right;
width: 280px;
padding: 0;
background: #fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 320px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebarleft {
width: 155px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebarright {
width: 155px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0;padding:0;display:none;
}
.post {
margin:0 0 20px;
border-bottom: 1px solid #ddd;
padding-bottom:0px;
}
.post h3 {
margin:.25em 0 0 140px;
padding:0 0 4px;
line-height:1.4em;
color:#000000;
margin-bottom: 3px;
font: 15px tahome;
font-weight: bold;
background:transparent;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight: bold;
background:transparent;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-header-line-1 {
margin-left:140px;
margin-bottom:5px;
background:transparent;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin:0;
color:#999999;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78%  tahoma;
line-height: 1.4em;display:none;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
background:#eee;
border:1px solid #cccccc;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #999999;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0 0;
background-color: #f7f7f7;
border-top:1px solid #ccc;
}
#comments-block .comment-body {
padding:10px;margin:0;
background: #f7f7f7;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
background: #f7f7f7;
border-bottom:1px solid #ccc;
padding:10px;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: right;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar, .sidebar1 {
color: #666666;
line-height: 1.5em;
}
.sidebar1 {
color: #666666;
line-height: 1.5em;
font-size:11px;
color:#333;
}
.sidebar ul, .sidebar1 ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li, .sidebar1 li {
margin:0;
padding-top:0;
padding-right:30px;
padding-bottom:.25em;
padding-left:0;
text-indent:-15px;
line-height:1.5em;
background: url(/Images/bullet.png) no-repeat right center;
}
.sidebar1 li a {
font-weight:bold;
}
.sidebar .widget {
margin:0 0 1em;
padding:7px;
background:#ffffff;
border:1px solid #ccc;
}
.sidebar1 .widget  {
margin:0 0 1.5em;
padding:0px;
}
.main .widget {
margin:0;
padding:0;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: right;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
background:#eee;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% tahoma;
color: #999999;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% tahoma;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
overflow: hidden;
clear: both;
padding: 2px 0 0 0;
background: #001838;
border-top: 3px solid #00070F;
}
#footer {
overflow: hidden;
width: 1000px;
margin: 0 auto 14px auto;
padding: 2px 0 0 0;
}
.footer {
float: right;
width: 210px;
padding: 15px 20px 0 20px;
}
.footer .widget {
overflow: hidden;
float: right;
margin: 0;
font: 12px/21px tahoma;
color: #777;
background: transparent;
border: none;
}
#footer h2 {
margin: 0 0 3px 0;
padding: 0 0 3px 0;
font-size: 15px;
color: #bbb;
background: transparent;
border-bottom: 1px solid #072145;
}
#footer a {
color: #aaa;
}
#footer .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .widget ul li {
margin: 0 0 3px 0;
padding: 0 5px 3px 5px;
background: transparent;
border-bottom: 1px solid #072145;
}
#footer-wrapper{
overflow: hidden;
clear: both;
padding: 2px 0 0 0;
background: #001838;
border-top: 3px solid #00070F;
}
#credit {
overflow: hidden;
width: 960px;
margin: 0 auto;
padding: 20px 0 10px 0;
color: #f7f7f7;
}
#credit a {
font-style: normal;
color: #aaa;
}
#credit .copyright {
display: inline;
float: right;
margin-right: 9px;
}
/**
* Featured slider
************************************************/
#slider-container {
overflow: hidden;
width: 600px;
height: 250px;
margin: 0 0 30px 0;
background: #093653;
}
#slider {
overflow: hidden;
width: 580px;
height: 230px;
}
.feature {
overflow: hidden;
width: 560px;
height: 210px;
padding: 10px 10px 0 10px;
color: #ccc;
background: #093653;
border: none !important;
}
#slider-container a {
color: #ddd;
font-weight: bold;
}
.feature img {
border: 5px solid #001838;margin-right:10px;
}
#slider .feature .entry-title {
font-size: 21px;
}
#slider .feature .entry-title a {
color: #eee;
}
.feature .byline {
color: #aaa;
margin-bottom: 15px;
}
.more-link {
float: right;
text-indent: -9999px;
width: 100px;
height: 20px;
display: block;
background: url(/Images/more-link.gif) no-repeat 0 0;
}
.more-link:hover {
background: url(/Images/more-link.gif) no-repeat 0 -20px;
}
/* Slider controls */
.slider-controls {
float: right;
width: 66px;
height: 20px;
overflow: hidden;
clear: both;
line-height: 15px;
margin: 0 0 0;
padding: 0 10px 0 524px;
background: #062f4a;
border-top: 2px solid #03273f;
}
.slider-controls .slider-prev {
text-indent: -9999px;
float: right;
width: 22px;
height: 20px;
background: #062F4A url(/Images/slider-prev.gif) no-repeat 0 0;
border: none !important;
}
.slider-controls .slider-prev:hover {
background: #062F4A url(/Images/slider-prev.gif) no-repeat right -20px;
}
.slider-controls .slider-pause {
text-indent: -9999px;
float: right;
width: 22px;
height: 20px;
background: #062F4A url(/Images/pause.gif) no-repeat center 0;
border: none !important;
}
.slider-controls .slider-pause:hover, .slider-controls a.paused {
background: #062F4A url(/Images/pause.gif) no-repeat center -20px;
}
.slider-controls .slider-next {
text-indent: -9999px;
float: right;
width: 22px;
height: 20px;
background: #062F4A url(/Images/slider-next.gif) no-repeat right 0;
border: none !important;
}
.slider-controls .slider-next:hover {
background: #062F4A url(/Images/slider-next.gif) no-repeat right -20px;
}