BODY
{
PADDING: 0;
MARGIN: 0 auto;
font: normal 8pt tahoma;
color:#222;
background-color: #222;
TEXT-ALIGN: center;
direction: rtl;
}
a
{
COLOR: #5F5F5F;
background-COLOR: inherit;
TEXT-DECORATION: none
}
a:hover
{
background-COLOR: inherit;
TEXT-DECORATION: none;
COLOR: #ddd;
}
img
{
border: 0;
}
/* الحدود الخارجية */
#container
{
border: 2px solid #fff;
MARGIN: 0px auto;
WIDTH: 750px;
background-COLOR: #FFF;
}
/* الحدود الداخلية */
#content
{
padding: 0px;
margin: 0 auto;
}
/* الهيدر */
#header
{
TEXT-ALIGN: right;
    BACKGROUND: url(images/header.jpg) repeat-x;
HEIGHT: 100px
}
#header H1
{
padding: 20px 10px 10px 0;
margin: 0 auto;
font: bold 2.9em Times New Roman;
}
#header h1 a
{
color:#fff;
text-decoration: none;
background-COLOR: inherit;
}
#header h1 a:hover
{
color:#000;
text-decoration: none;
background-COLOR: inherit;
}
#header p
{
text-align: right;
color: #fff;
background-COLOR: inherit;
font: normal 8pt tahoma;
margin: 0;
padding: 0px 25px 0 0;
}
#header #ads
{
float:left;
margin:  20px 0 0 10px;
padding:2px;
border: 1px solid #fff;
}
/* القائمة فوق */
#menu
{
BACKGROUND: url(images/menu.jpg) repeat-x;
background-COLOR: inherit;
text-align: right;
clear: both;
color:#eee;
padding: 5px 5px 0 0;
margin: 0 auto;
HEIGHT: 20px;
}
#menu a
{
color:#fff;
text-decoration: none;
background-COLOR: inherit;
}
#menu a:hover
{
color:#ddd;
text-decoration: none;
background-COLOR: inherit;
}
#menu ul
{
COLOR: #5F5F5F;
MARGIN:0 0px 0 0;
padding: 0;
background-COLOR: inherit;
}
#menu li
{
float:right;
list-style-type: none;
MARGIN:0 0 0 25px;
}
/* القائمة وسط */
#sidebar
{
text-align: right;
clear: both;
margin: 0 auto;
padding: 0 5px 0 0;
width:200px;
float:right;
}
#sidebar h1
{
TEXT-INDENT: 10px;
color:#FFF;
font: bold 8pt tahoma;
padding: 5px 0 0 0;
margin: 20px 0 0 0 ;
BACKGROUND: url(images/sidebar.jpg) no-repeat left top;
HEIGHT: 30px;
WIDTH: 182px;
background-color: inherit;
}
#sidebar ul
{
MARGIN:0 30px 0 0;
padding: 0;
background-color: inherit;
}
#sidebar li
{
list-style-type: square;
}
#sidebar a
{
color:#0199CB;
font-weight:bold;
TEXT-DECORATION: none;
background-color: inherit;
}
#sidebar a:hover
{
color:#cc0000;
background-color: inherit;
TEXT-DECORATION: none;
}
#sidebar #msn
{
margin: 0 10px 0 0;
}
#sidebar #msn p
{
PADDING: 0 0 5px 0;
margin: 0 auto;
}
#sidebar #msn #green
{
COLOR: #7ABB13;
background-COLOR: inherit;
}
#sidebar #msn #red
{
COLOR: #cc0000;
background-COLOR: inherit;
}
/* القائمة وسط */
#main
{
float:left;
TEXT-ALIGN: right;
PADDING: 0px 0px 10px 5px;
WIDTH: 520px;
margin: 0 auto;
}
#main #line
{
clear:both;
border-bottom: 1px dotted #91d3e9;
margin: 0 0 10px 0;
PADDING:0;
}
#main .square
{
overflow: auto;
display: block;
background-color: #fff;
margin: 0 0 10px 0;
PADDING: 0 0 10px 0;
}
#main h1, h2
{
text-align: right;
COLOR: #0199CB;
font: bold 1.4em Arial;
padding: 0;
margin: 20px 0 10px 0 ;
border-bottom: 1px dotted #91d3e9;
background-COLOR: inherit;
clear:both;
}
#main h2
{
margin: 0 0 5px 0;
border-bottom: 1px dotted #DFD999;
COLOR: #DFD999;
background-COLOR: inherit;
}
#main img
{
float:right;
padding: 3px;
margin: 0 0 2px 8px;
border: 1px solid #91d3e9;
}
#main P
{
PADDING: 0px;
MARGIN: 5px 0 5px 0;
}
#main a
{
font-weight: bold;
color:#0199CB;
background-color: inherit;
TEXT-DECORATION: underline;
}
#main a:hover
{
color:#222;
background-color: inherit;
TEXT-DECORATION: none;
}
#main .advert
{
clear:both;
border: 1px solid #91d3e9;
PADDING: 8px;
BACKGROUND: url(images/ads.jpg) repeat-x;
margin: 0 auto;
WIDTH: 500px;
LINE-HEIGHT: 12px;
TEXT-ALIGN: justify;
font-size: x-small;
}
#main .one img, #main .two img
{
border: dotted 1px #DFD999;
}
#main .one ,#main .two
{
background-color: #FFFCD8;
background-image: url('images/rf.gif');
background-repeat: no-repeat;
background-position: top right;
border: dotted 1px #DFD999;
margin: 5px 0px 10px 0;
TEXT-ALIGN: justify;
PADDING: 8px 5px;
WIDTH: 240px;
}
#main .one
{
FLOAT: right;
}
#main .two
{
FLOAT: left;
}
#main .more
{
clear:both;
/*font-weight: bold;
text-decoration: underline;
COLOR: #cc0000; */
FLOAT: left;
}
/* أسفل */
#bottom
{
clear:both;
PADDING: 10px 0 0 0;
HEIGHT: 20px;
margin: 0 auto;
}
/* الفوتر */
#footer
{
clear:both;
TEXT-ALIGN: right;
BACKGROUND: url(images/footer.jpg) repeat-x;
background-COLOR: inherit;
COLOR: #eee;
HEIGHT: 60px
}
#footer #left
{
DISPLAY: inline;
FLOAT: left;
MARGIN: 25px 0px 0px 5px
}
#footer #right
{
DISPLAY: inline;
FLOAT: right;
MARGIN: 25px 5px 0px 0px
}
#footer a
{
background-COLOR: inherit;
TEXT-DECORATION: none ;
COLOR: #eee;
}
#footer a:hover
{
background-COLOR: inherit;
TEXT-DECORATION: none ;
COLOR: #ddd;
}