html, body {
height:100%;
}

body {
font-family:tahoma, "Times New Roman", Times, serif;
font-size:.8em; 
color:#000000;
margin:0;
padding:0;
background:#ffffff url('image/body_bg_gray.jpg') repeat-y;
text-align:center
}



#right_container_outer {
position:center;
left:0;
top:0;
width:58em;
height:100%;
margin:0;
padding:0;
background:#ffffff url(image/body_bg_gray.jpg) repeat-x top;
}

.navbar {
position:relative;
left:0;
top:0;
width:58em;
height:2em;
margin:0 0 0 0;
padding:0 0 0 0;
background:#ffffff;
}

#navbar_fade {
position:relative;
left:0;
top:0;
width:58em;
height:3em;
margin:0;
padding:0;
background:#ffffff url(image/navbar_fade_gray.jpg) repeat-x top;
border-left:1px solid #DFD8D2;
border-right:1px solid #DFD8D2
}

#right_container_inner {
position:relative;
left:0;
top:0;
width:58em;
margin:0 0 0 0;
padding:0 0 .2em 0;
background:#ffffff;
border-left:1px solid #DFD8D2;
border-right:1px solid #DFD8D2;
}

#rci_left_column {
position:relative;
width:44em;
margin:0px;
font-size:.9em;
color:#000000;
float:left;
}

#rci_right_column {
position:relative;
float:right;
clear:both;
width:18em;
margin:0 1em 0 0;
padding:0 0 0 0;
background:#ffffff;
font-size:.8em;
color:#9D958E;
text-align:left;
}

#rci_right_column ul {
margin:.9em 0 0 1.4em !important;
margin:.9em 0 0 1.6em;
padding:0 0 0 0;
list-style-type:circle;
}

#rci_right_column li {
margin:0 0 .3em 0;
padding:0 0 0 0;
}

#footer {
position:relative;
width:68.3em;
height:2.5em;
margin:0 0 0 0;
padding:.3em .5em 0 0;
background:#ffffff;
border-top:1px solid #DFD8D2;
font-size:.85em;
font-family:Arial, Helvetica, sans-serif;
color:#cccccc;
text-align:center;
}

/* top navigation bar */
#nav ul{
padding:0 0 0 0;
margin: 0 0 0 0;
white-space: nowrap;
font-size:1em;
color:#000000;
float:left;
width:100%;
height:2em;
background:transparent;
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: 0 .4em 0 0;
padding: .4em 1em .46em 1em;
color:#8E1F0D;
font-weight:bold;
text-decoration:none;
float: left;
background:#ffffff;
border-left:1px solid #DFD8D2;
border-top:1px solid #DFD8D2;
border-right:1px solid #DFD8D2;
}

#nav ul li a:hover{
color:#8E1F0D;
background:#e2e2e2;
font-weight:bold;
text-decoration:none;
}

#nav #current li {
color:#000000;
background:#e2e2e2;
}

#nav #current a {
color:#7A6D62;
background:#e2e2e2;
text-decoration:none;
}


/* font styles */
h2 {
font-family:tahoma, "Times New Roman", Times, serif;
font-size:1em;
margin:0 0 0 0;
padding:0 0 0 0;
color:#333;
}

h3 {
font-family:tahoma, "Times New Roman", Times, serif;
margin:0px  ;
padding: 2.5px 0px 0px 20px;
font-size:1em;
color:#8E1F0D;
text-align:left;
background: transparent url(http://jomhouriyat.com/image/bullet.gif) no-repeat;
}

#rci_right_column h3 {
font-family:tahoma, "Times New Roman",  Times, serif;
margin:0 ;
padding: 2.5px 0px 0px 20px;
font-size:1.1em;
color:#8E1F0D;
background: transparent url(http://jomhouriyat.com/image/bullet.gif) no-repeat;
}

#left_text h3 {
font-family:tahoma, Helvetica, sans-serif;
margin:0 0 em;
padding: 2.5px 0px 0px 20px;
font-size:1em;
color:#8E1F0D;
}

.small {
font-family:"Courier New", Courier, mono;
font-size:.85em;
text-transform:uppercase;
}

/* link styles */
#right_container_inner a {
font-size:8pt;
color:#808080;
text-decoration:none;
}

#right_container_inner a:hover {
color:#D96107;
text-decoration:none;
}
#left_text a {
font-size:8pt;
color:#808080;
text-decoration:none;
}

#left_text a:hover {
color:#D96107;
text-decoration:none;
}

/* images */
#logo {
margin:.5em 0 0 0;
width:96px; 
height:125px;

}

http://jomhour.org/img {
border:none;
}

/* misc styles */
blockquote {
margin:.3em .6em .7em .6em;
padding:.3em .5em .3em .5em;
background:#ffffff url(http://jomhouriyat.com/image/navbar_fade.jpg) top repeat-x;
border-top:1px solid #CABEB5;
border-bottom:1px solid #EEEAE7;
border-left:1px solid #D7CDC6;
border-right:1px solid #EEEAE7;
font-family:tahoma, Helvetica, sans-serif;
color:#7C6C61;
direction:ltr;
}


/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


.header {width:100%;height:100px; text-align:center;
background-color:#e3e3e3;
color:#333333; padding-top:0; padding-bottom:0; margin-top:0;
border-left:1px solid #DFD8D2;
border-bottom:1px solid #DFD8D2;
border-right:1px solid #DFD8D2;}
.header H1 {font-family:Times New Roman;direction: rtl; font-size:32pt; color:#333; font-weight:bold;  padding-top:5; padding-bottom:0; margin-bottom:0; margin-top:0;text-decoration: none  }
.header	h1 A:link	{font-family:Times New Roman;direction: rtl; font-size:32pt; color: #333; text-decoration: none }
.header	h1 A:visited	{font-family:Times New Roman;direction: rtl; font-size:32pt; color: #333;text-decoration: none  }
.header	h1 A:hover	{font-family:Times New Roman;direction: rtl; font-size:32pt; color: #D96107;text-decoration: none  }
.header H2 {font-family:Times New Roman;direction: rtl; font-size:12pt; color:#000000; font-weight:bold; margin:0px; padding-top:3; padding-bottom:10;text-decoration: none }



.post { text-align:center;}
.post  #title {text-align:center;font-size: 9pt;font-family: Tahoma; font-weight: bold; padding: 0px 10px 5px 10px}
.post  #title  A:link {font-size: 9pt;font-family: Tahoma;color:#333;text-decoration: none;}
.post  #title  A:visited {font-size: 9pt;font-family: Tahoma;color:#333;text-decoration: none;}
.post  #title  A:hover {font-size: 9pt;font-family: Tahoma;color:#D96107;text-decoration: none;}

.post #date {font-family: Tahoma; text-align:center; font-size:8pt;direction: rtl; color:#444;line-height:130%;direction:rtl;padding: 0px 10px 5px 10px}
.post #date A:link {font-family: Tahoma; text-align:center; font-size:8pt; color:#444;target:_blank;}
.post #date A:visited {font-family: Tahoma; text-align:center; font-size:8pt; color:#444;target:_blank;}
.post #date A:hover {font-family: Tahoma; text-align:center; font-size:8pt; color:#D96107;target:_blank;}

.post #body {font-size: 9pt;font-family: Tahoma;color:black;line-height:130%;direction: rtl;padding: 2px 50px 2px 50px}
.post #body A:link	{ color: #D96107;font-size: 9pt;font-family: Tahoma; text-decoration: none; target:_blank; }
.post #body A:visited	{ color: #D96107; text-decoration: none;target:_blank; }
.post #body A:active	{ color: gray;target:_blank;   }
.post #body A:hover	{ color: gray; target:_blank;}

.post A:link {font-size: 8pt;font-family: Tahoma;color:#333;text-decoration: none;target:_blank;}
.post A:visited {font-size: 8pt;font-family: Tahoma;color:#333;text-decoration: none;target:_blank;}
.post A:hover {font-size: 8pt;font-family: Tahoma;color:#D96107;text-decoration: none;target:_blank;}


.post h1 {width: 30em; text-align:center;font-size: 8pt ; font-family:Tahoma;font-weight:normal; color:#666; background:#EDE9E6;  border: 1px dotted #DFD8D2 ;padding:10px; }

.post h2 {width: 30em; text-align:justify ;color: #333;font-size: 8pt ; font-family:Tahoma;direction: rtl;font-weight:normal;border: 1px dotted #DFD8D2 ;padding:10px; }
.post h2 A:link	{ color: #666;font-size: 8pt; font-family:Tahoma; text-decoration: none;target:_blank; }
.post h2 A:visited	{ color: #666;font-size: 8pt; font-family:Tahoma; text-decoration: none;target:_blank; }
.post h2 A:hover	{ color: #cdcdcd;font-size:8pt; font-family:Tahoma; target:_blank; }