body {
margin: 0;
font-family: "Arial Unicode MS",Arial,Helvetica,sans-serif ;
direction:rtl;
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
#page {
margin: 0 auto;
width: 900px;
border-color: #004fcd !important ;
border: solid 2px ;
}
#header { /* header pic + horizontal menu */
width: 900px;
height: 200px;
background: url("images/header.jpg") no-repeat;
position: relative;
}
#header #header-search {
position: absolute;
top: 17px; left: 736px; width: 250px; height: 28px;
}
#header #header-search #searchform {
margin: 0;
padding: 0;
width: 250px;
height: 28px;
}
#header #header-search #s {
width: 141px;
height: 18px;
border: 0;
padding: 5px 6px;
font-size: 12px;
color: #000000;
background: transparent;
float: left;
}
#header #header-search #searchsubmit {
background: transparent;
border: none;
width: 89px;
height: 28px;
padding: 0;
float: right;
}
#header #header-info {
position: absolute;
color: #ffffff;
font-weight: bold;
font-size: 28px;
}
#header #header-info h1 {
color: #ffffff;
font-weight: bold;
font-size: 50px;
}
#header #header-info h1 a {
color: #ffffff;
text-decoration: none;
}
#header #header-info .description {
color: #ffffff;
font-weight: bold;
font-size: 17px;
}
#header-info {
position: absolute;
color: #ffffff;
font-weight: bold;
font-size: 88px;
padding-top: 30px;
padding-right: 100px;
}
#header-description {
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding-top: 80px;
padding-right: 100px;
}
#header #header-menu {
position: absolute;
top: 160px;
padding: 0px 10px 0 0px;
height: 30px;
}
#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 30px;
}
#header #header-menu ul li {
float: left;
font: bold 12px  "Trebuchet MS", Verdana;
color: #ffffff;
background: url("images/header_menu_left.png") no-repeat;
margin-left: 10px;
letter-spacing: 0.2px;
}
#header #header-menu ul li a {
color: #ffffff;
padding-right: 15px;
margin-left: 15px;
text-decoration: none;
background: url("images/header_menu_right.png") no-repeat right top;
display: block;
}
#header #header-menu ul li a:hover {
text-decoration: underline;
}
#header #header-menu ul li.header-menu-feed {
height: 30px;
background: none;
}
#header #header-menu ul li.header-menu-feed a {
padding-right: 0;
margin-left: 0;
background: none;
}
#header #header-menu ul li ul {
display: none;
}
#main {
width: 900px;
position: relative;
}
#sidebar {
direction: rtl ;
float: left;
width: 251px;
color: #000000;
padding: 17px 10px 0 9px;
margin-bottom: 10px;
text-align: right ;
}
#sidebar a {
color: #004fad;
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
#sidebar .sidebar-box {
width: 251px;
margin-bottom: 15px;
}
#sidebar .sidebar-box  ul li  {
list-style: none inside ;
color: #ff0000;
}
#sidebar .sidebar-box  li  {
list-style: none inside ;
color: #111;
}
#sidebar .sidebar-box-center {
float: right ;
width: 251px;
margin-bottom: 15px;
text-align: center ;
direction: rtl ;
}
#sidebar h3 {
font-weight: bold;
font-size: 16px;
color: #ffffff;
width: 241px;
height: 33px;
background: url("images/sidebar_title.png") no-repeat;
text-indent: 10px;
padding-top: 2px ;
}
#sidebar ul {
margin: 5px 0 0 0;
padding: 0;
}
#sidebar ul li { /* ? */
font-weight: bold;
font-size: 12px;
color: #004fad;
border-bottom: 1px solid #b8cee8;
padding-right: 0px;
margin-right: 0px;
}
#sidebar ul li a {
color: #004fad;
text-decoration: none;
font-size: 14px;
}
#sidebar ul li a:hover {
text-decoration: underline;
}
#sidebar ul li ul {
margin: 0;
padding: 0;
}
#sidebar ul li ul li {
border-bottom: none;
}
#sidebar #searchform {
margin: 0;
padding: 15px 0;
width: 193px;
text-align: center;
}
#sidebar #searchform #s {
width: 143px;
}
#sidebar #calendar_wrap {
margin: 0 auto;
padding-top: 5px;
width: 115px;
}
#sidebar #calendar_wrap caption {
font-weight: bold;
}
#sidebar #calendar_wrap tbody {
text-align: right;
}
#sidebar #calendar_wrap tfoot #next {
text-align: right;
}
#sidebar #calendar_wrap #today {
font-weight: bold;
}
#sidebar .textwidget {
padding: 5px 5px 0 5px;
}
#content {
float: right;
width: 600px;
padding-top: 5px;
padding-right: 20px; /* needed when content is on the right and sidebar on the left*/
}
#content .post-center {
text-align: center ;
}
#content .post {
width: 600px;
font-size: 12px;
}
#content .post  h1 {
color: #000066;
font-weight: bold;
font-size: 28px;
padding: 0px ;
margin-bottom: 10px;
margin-top: 0px;
}
#content .post  h2 {
color: #004fad;
font-weight: bold;
font-size: 20px;
margin-bottom: 6px;
margin-top: 10px;
}
#content .post h3 {
color: #004fad;
font-weight: bold;
font-size: 14px;
margin-bottom: 2px;
margin-top: 10px;
}
#content .post ul {
list-style-position: inside;
text-indent: -1em ; /* move first line to the right , so text will be aligned if it wraps */
margin-right: 1em;  /* move everything to the left*/
padding-right: 0;
}
#content .post ul li{
margin-bottom: 2px;
}
#content .post .post-title {
background: url("images/post_title.gif") no-repeat;
width: 600px;
height: 20px;
color: #004fad;
font-weight: bold;
font-size: 11px;
padding: 0px 0px 0px 0px ; /* top, right, bottom and left */
}
#content .post .post-title a {
color: #004fad;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-bg { /* for bg on the sides*/
width: 600px;
background: url("images/post.gif") repeat-y;
}
#content .post .post-entry { /* for content */
color: #000000;
width: 560px;
padding: 0px 20px 0px 20px;
min-height: 35px;
}
#content .post .post-entry a {
color: #004fad;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry .more-link {
color: #004fad;
float: right;
}
#content .post .post-entry .more-link a {
color: #004fad;
text-decoration: none;
}
#content .post .post-entry .more-link a:hover {
text-decoration: underline;
}
#content .post .post-info {
width: 600px;
height: 22px;
clear: both;
padding: 0px 0px 0px 0px ;
background: url("images/post_info.gif") no-repeat;
color: #ffffff;
}
#content .post .post-info a {
color: #ffffff;
text-decoration: none;
}
#content .post .post-info a:hover {
text-decoration: underline;
}
#content .post .comments {
color: #000000;
width: 541px;
}
#content .post .comments ol {
margin: 10px 0;
padding-left: 25px;
}
#content .post .comments ol li {
padding: 5px;
}
#content .post .comments ol li a {
color: #004fad;
text-decoration: none;
}
#content .post .comments ol li a:hover {
text-decoration: underline;
}
#content .post .comments ol li.alt {
background: #f2f2f2;
}
#content .post .comments ol li cite {
color: #004fad;
font-style: normal;
font-weight: bold;
}
#content .post .comments ol li cite a {
color: #004fad;
text-decoration: none;
}
#content .post .comments ol li cite a:hover {
text-decoration: underline;
}
#content .post .comments ol li .commentmetadata a {
color: #004fad;
text-decoration: none;
}
#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
#content .post #commentform {
color: #000000;
width: 470px;
margin: 0;
padding-left: 21px;
}
#content .post #commentform a {
color: #004fad;
text-decoration: none;
}
#content .post #commentform a:hover {
text-decoration: underline;
}
#content .navigation {
font-weight: bold;
font-size: 12px;
color: #004fad;
width: 520px;
float: left;
padding: 0 15px;
margin-bottom: 15px;
}
#content .navigation a {
color: #004fad;
text-decoration: none;
}
#content .navigation a:hover {
text-decoration: underline;
}
#content .navigation .navigation-previous {
float: left;
}
#content .navigation .navigation-next {
float: right;
}
#footer {
width: 900px;
height: 40px;
color: #ffffff;
text-align: center;
background: #004fad;
margin-top: 25px;
}
#footer a {
color: #ffffff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}