* { margin: 0; padding: 0; outline: 0; }

body {
	background: url(img/bg.jpg) center top repeat-y;
	background-attachment: fixed;
	font: normal 12px tahoma;
	background-color: #f8f8f5;
	color: #000;
	direction: rtl;
}

a {
	color: #303030; 
	text-decoration:none;
}

a:hover {
	color: #606060;
}

p {line-height:20px;}

.boxpage {
background:#f3ebd3 url(img/bodybg.jpg) repeat-x; 
color:#303030; 
margin:0 auto; 
padding:0; 
width:980px;  <-- عرض القالب !-->
}


#header {color:#ffffff; height:192px; margin:0 20px 10px;} <-- طول الهيدر !-->
#header h1, #header h1 a {font: bold 30px arial; letter-spacing:-2px; margin:0; padding:20px 0 10px 0; color:#fff;}
#header h1 a {text-decoration: none;}
#header h2 {font: normal 12px tahoma;}

#mainmenu {margin-bottom:0px;}
#mainmenu ul {font-size:16px; margin:0; padding:0;}
#mainmenu li {float:right; height:35px; list-style:none; margin:0; padding:0;}
#mainmenu a {border-left:1px solid #b0b0b0; color:#606060; display:block; font: bold 15px arial,tahoma; text-decoration: none; padding:9px 12px 8px 12px; text-transform:uppercase;}
#mainmenu a:hover {background:#f0f0f0 url(img/menuhover.jpg) top right repeat-x; color:#505050; text-decoration:none;}
#mainmenu a.current {background:#f0f0f0 url(img/menuhover.jpg) top right repeat-x; color:#505050; text-decoration:none;}


#wbody {
    clear:both;
	margin: 0 auto;
    width: 950px;  	
}

#wbody .right{
width: 200px;
margin: 0;
padding: 0;
float:right;
}

#wbody .left{
width: 200px;
margin: 0;
padding: 0;
float:left;
}


#wbody .center{
width: 540px;
margin: 0 auto;
padding: 0;
}

#footer {
background:#f3ebd3 url(img/footerbg.png) top left repeat-x; 
clear:both; 
color:#d0d0d0; 
margin:0 auto; 
padding:20px 0; 
text-align:center; 
width:980px;
}

#footer a {
color:#d0d0d0;
}

/* Start search form */
#search {
margin:0; 
padding:10px;
text-align:center;
}

#search input.textinput {
width:150px;
padding: 4px;
margin: 0 0 10px 0;
border:1px solid #8b8b8b;
font: normal 12px tahoma;
color:#303030;
background: #FFF;
}

#search input.submit {
width:32px;
height:32px;
padding: 0;
margin: 0;
border:0px solid #8b8b8b;
font: normal 12px tahoma;
color:#303030;
background: url(img/search.png) no-repeat;
}
/* End search form */

select,textarea,input {
	padding: 4px;
	margin: 4px;
	border:1px solid #8b8b8b;
	font: normal 12px tahoma;
	color:#303030;
	background: #FFF;
}

input.button { 
	margin: 0; 
	font: normal 12px tahoma; 
	border: 1px solid #889BBC;
	background: #FFF; 
	padding: 3px 2px;
	margin: 5px 0 3px 0;
	color: #333;	
}

.xtable {
border: 1px solid #A2B0CB;
padding: 3px;
}

.xtr { 
border: 1px solid #A2B0CB;
color: #000000;
background-color: #ECECEE;
}

.xtd         { border: 1px solid #CDCDCD; padding: 3px;}

/* start menu.htm */
.menu_x {
width: 200px;
margin: 0 0 15px 0;
padding: 0;
}

.menu_x h1{
padding:9px 0 8px 0;
margin: 0 0 3px 0;
font: bold 15px Arial;
color: #FCFAFA;
background:#DE564B url(img/menubackground.jpg) repeat-x;  <-- بتن روؤس البلوكات !-->
border:1px solid #b0b0b0; 
text-align:center;
}


.menu_x div.text {
font: normal 12px tahoma;
background:#e3d7ae url(img/menucontent.jpg) top right repeat-x; <-- خلفية البلوكات يمين ويسار !-->
color: #FCFAFA;
border:1px solid #ae8338; <-- حدود البلوكات يمين ويسار !-->
margin: 0;
padding: 3px;
line-height:21px;
}

.menu_x ul {
list-style: none;
margin: 0;
padding: 0 3px 0 3px;
}

.menu_x li {
background:#C8BFA1; <-- خلفية الاقسام اليمين القائمه الرئيسيه المربعات الصغار !-->
border:1px solid #b0b0b0; 
color:#606060; 
margin:8px 0 8px 0; 
padding:5px 10px 4px 4px;
}

.menu_x li:hover {
background:#f8f9fa; <-- ظهور الماوس خلفية الاقسام اليمين القائمه الرئيسيه المربعات الصغار !-->
border:1px solid #909090; 
color:#FCFAFA; 
text-decoration:none;
}

.menu_x li a {
display:block; 
}
/* end menu.htm */




/* start table.htm */
.menu_xt {
margin: 0;
padding: 0;
}

.menu_xt h1{
padding:9px 0 8px 0;
margin: 0 0 3px 0;
font: bold 15px Arial;
color: #FCFAFA;
background:#F0F0F0 url(img/menubackground.jpg) repeat-x;
border:1px solid #b0b0b0; <-- حدود روؤس المواضيع بالنص  !-->
text-align:center;
}

.menu_xt ul {
list-style: none;
margin: 0;
padding: 2px 3px 0 3px;
}

.menu_xt ul li {
background:#F0F0F0 url(img/li.gif) right no-repeat;
color:#606060; 
margin:0 0 3px 0; 
padding:0 10px 0px 2px;
}

.menu_xt li:hover {
background:#F0F0F0 url(img/li-h.gif) center no-repeat;
}

.divv {
font: bold 15px Arial;
background:#Ffffff  top repeat-x; <-- خلفيه الاقسام النص مواضيع !-->
color: #FBFAFA;
border:1px solid #ffffff;  <-- حدود الاقسام النص مواضيع !-->
margin: 0 0 15px 0;
padding: 5px;
text-align:justify;
line-height:21px;
}

.tt {
text-decoration: none;
font: normal 12px tahoma;
}

.xtt { 
background-color:#e3d7ae; <-- تفاصيل الموضوع فوق وتحت !-->
padding:5px;
margin:0 0 10px 0;
border: 1px solid #b0b0b0; 
color: #505050; 
font: normal 11px tahoma;
text-align:center;
}

.thumb {
    width:60px;
    height:60px;
	padding: 0px;
	margin:0 5px 0 0;
	border: 1px solid #A2B0CB;
	float: left;
}
/* end table.htm */


.imgpages {
	padding: 0 0 10px 0;
	margin: 0 5px 0 5px;
	border: 0px solid #889BBC;
	width:400px;
}



/* start contact.php */
#contact {
color:#303030; 
margin:0; 
padding:0; 
width:100%;
font: normal 12px tahoma;
text-align:center;
}

#contact input.fff {
padding: 6px;
margin: 4px;
border:1px solid #8b8b8b;
width:300px;
font: normal 12px tahoma;
}

#contact input.sss {
padding: 6px;
margin: 4px;
border:1px solid #8b8b8b;
width:40px;
font: normal 12px tahoma;
}

#contact textarea.ttt {
padding: 6px;
margin: 4px;
border:1px solid #8b8b8b;
width:300px;
font: normal 12px tahoma;
}

#contact input.bbb {
padding: 6px;
margin: 4px 8px;
border:1px solid #8b8b8b;
font: normal 12px tahoma;
background-color: #FFF;
}
/* end contact.php */



/* Start comment */
.box {
    margin:0 auto; 
    padding:10px 0 10px 0;
    width:647px;
    background-color: #FFF;
    border:1px solid #b0b0b0;
    text-align:center;
}

.box h1 {
    margin:0; 
    padding:3px 5px 10px 0;
    font: bold 20px arial;
}

.box input.xxx {
padding: 6px;
margin: 4px;
border:1px solid #8b8b8b;
width:400px;
font: normal 12px tahoma;
}

.box textarea {
padding: 6px;
margin: 4px;
border:1px solid #8b8b8b;
width:400px;
font: normal 12px tahoma;
}

.box input.bbb {
padding: 6px;
margin: 4px 0 0 0;
border:1px solid #8b8b8b;
font: normal 12px tahoma;
background-color: #FFF;
}

.box input.sss {
padding: 6px;
margin: 4px;
border:1px solid #8b8b8b;
width:40px;
font: normal 12px tahoma;
}



.comment {
width:649px;
font: bold 15px Arial;
color: #505050;
margin: 0 auto;
padding: 10px 0 0 0;
text-align:justify;
line-height:21px;
}

.commentinfo {
width:649px;
height:34px;
background:#F0F0F0 url(img/comment-1.png) top no-repeat;
margin: 0 auto;
padding: 0;
text-align:center;
}

.commentinfo p {
font: normal 12px tahoma;
color: #505050;
padding:5px 0 0 0;
margin:0;
}

.commenttext {
width:647px;
font: bold 15px Arial;
color: #505050;
border-right:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
margin: 0 0 15px 0;
padding: 0;
text-align:justify;
line-height:21px;
}

.commenttext div {
font: normal 12px tahoma;
color: #505050;
padding:10px;
margin:0;
}

.commenttext span.date {
float:left;
font: normal 12px tahoma;
padding:0 0 0 5px;
margin:0;
}
/* End comment */


.category {
background:#cc9a96;
border:1px solid #b0b0b0; 
color:#606060; 
margin:8px 0 8px 0; 
padding:5px 5px 4px 4px;
}

.category img {
border:0px solid #b0b0b0; 
float:right;
margin:0; 
padding:0 0 0 7px;
cursor:pointer;
}

.category span {
border:0px solid #b0b0b0;
font: normal 11px tahoma;
float:left;
margin:0; 
padding:2px 7px 0 7px;
}

.categorysub {
margin-bottom: 0px;
}

.categorysub span {
border:0px solid #b0b0b0;
font: normal 11px tahoma;
float:left;
margin:0; 
padding:2px 7px 0 7px;
}


.multipage {
	width: 500px;
    padding:5px; 
    margin:0 auto;
    margin-top:5px;
    text-align:center;
    font: normal 12px tahoma;
}

.multipage span {
    padding:2px 5px 2px 5px;
    margin:3px;
    background-color: #fff; 
    border:1px solid #AAAAAA;
}

.multipage span:hover {
    background-color: #F5F5F5;
    border:1px solid #AAAAAA;
}

.multipage span.act {
    background-color: #F5F5F5;
    border:1px solid #AAAAAA;
    color:#666;
}


ul.articles {
list-style: none;
margin: 0;
padding: 2px 3px 0 3px;
}

ul.articles li {
background:#F0F0F0 url(img/li.gif) right no-repeat;
color:#606060; 
margin:0 0 3px 0; 
padding:0 10px 0px 2px;
border:0 solid #000;
}

ul.articles li:hover {
background:#F0F0F0 url(img/li-h.gif) right no-repeat;
border:0 solid #000;
}

div.next {float:right; margin:0 100px 0 0; padding:10px; font:normal 12px tahoma,sans-serif; background-color:#F5F5F5; border:2px solid #aaa; color:#BCC0C3; }
div.prev {float:left; margin:0 0 0 100px; padding:10px; font:normal 12px tahoma,sans-serif; background-color:#F5F5F5; border:2px solid #aaa; color:#BCC0C3; }


img.nexti {float:right; margin:0 50px 0 0; padding:10px; }
img.previ {float:left; margin:0 0 0 50px; padding:10px; }
.group{zoom:1}::selection{background:#fcff00;color:#222}::-moz-selection{background:#ffec7c;color:#222}  <-- ضلال بل كوبي !-->