body {
	background:#C7C7C5 url('images/bg.jpg') repeat fixed center 50%; text-align: center;
	margin: 0 auto;
	direction: rtl;
	
}

p{
	display:inline;	
}

/*     */
#main_site{
   /*border: 5px solid #ff0000;*/
    margin: 0 auto;
	width: 100%;
	height: 100%;
	background-image: url('images/bg.jpg');background-color:#C7C7C5
}

/*   الديف الخاص بشريط النافجيشن  */
#nav{
	/*border: 1px solid #ff0080;*/
	text-align: right;
	display: none;
	width: 100%;
	height: 42px;
	background-image: url('images/nav_bar.jpg');
}
/*   الديف الخاص نموذج تسجيل الدخول  */
#login_form{
	/*border: 1px solid #ff0080;*/
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	width: 570px;
	height: 30px;
	position: relative;
	left: 90px;
	top: 7px;
}
/*   التحكم فى حقل أسم العضو وكلمة المرور  */
#login_form input[name="username"], #nav #login_form input[name="password"]{
	border: 1px solid #713575;	
}
/*   التحكم فى حقل أسم العضو وكلمة المرور عند التركيز على الحقول  */
#login_form input[name="username"]:focus, #nav #login_form input[name="password"]:focus{
	border: 1px solid #af5eb9;
	background-color: #f4ebf5;
}
/*  التحكم فى زر تسجيل الدخول  */
#login_form input[type="submit"]{
	border: 1px solid #af5eb9;
}
/* التحكم فى زر تسجيل الدخول عند مرور الماوس فوق الزر  */
#login_form input[type="submit"]:hover{
	border: 1px solid #af5eb9;
	background-color: #dbb5df;
}

#login_form a{
	color:#fff;
	text-decoration: none;
}
#login_form a:hover{
	color:#ff0080;
}
#show_LoginForm{
	position: relative;
	left: 365px;
	top: 5px;
}	

/*   الديف الخاص بالهيدر  */
#header{
	/*border: 1px solid #004080;*/
	width: 100%;
	height: 260px;
	background-image: url('images/header.jpg');
}
/*  صورة أسم الموقع */
#header img{
	position: relative;
	left: 190px;
	bottom: 10px;
}

/*     */
#middle_part{
	/*border: 1px solid #ff8040;*/
	width: 775px;
	height: 100%;
}
/*   البلوك الايمن  */
#right_side{
	/*border: 1px solid #ff8040;*/
	width: 160px;
    height: 100%;
	float: right;
}

/*   خلفية عنوان البلوك */
.block_titile{
	width: 133px;
	height: 37px;
	background-image: url('images/block_title.png');
}

/*   عنوان البلوك */
.block_titile span{
	position: relative;
	top: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;	
	color: #C2145B;
}
/*  خلفية البلوكات */
.block_background{
	background: url('images/block_background.png') repeat-y;
	width: 133px;
}

/*   القائمة الرئيسية الموجودة فى البلوك الايمن */

#menu ul{
	margin: 0;
	padding:0;
	list-style-type: none;
}
#menu li{
	margin: 0 0 2px 0;
}
#menu li a{
	display: block;
	width: 131px;
	height: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #C2145B; 
	background-image: url('images/block_botton_dark.png'); padding-left:1px; padding-right:1px; padding-top:10px; padding-bottom:10px
}
#menu li a:hover{
	color: #000; 
	background-image: url('images/block_botton_light.png')
}
.block_footer{
	position: relative;
	bottom: 2px;
	width: 133px;
	height: 37px;
	background-image: url('images/block_footer.png');
}

/*   الديف الذى يوجد فية محتويات الموقع  */
#center_side{
	/*border: 1px solid #ff8000;*/
	width: 605px;
    height: 100%;
	float: right;
}

.banner{
	margin: 10px auto;
}
.banner img{
	border: 0px none;
	opacity: 0.8
}
:hover.banner img{
	opacity: 1.0;
}

/*   الديف الذى يوجد فية slideshow  */
#slideshow{
	border: 0px solid #fff;
	width: 610px;
	height: 312px;
	margin: 10px auto;
	background: url('images/slideshow_background.png');
}
#slideshow img{
	border: 1px solid #fff;
	position: relative;
	top: 11px;
	
}
/*   الجدول الخاص بالصور الجديدة فى الصفحة الرئيسية  */
#new_pic td{
	/*border: 1px solid #ff0000;*/
	width: 133px;
	height: 114px;
	background-image: url('images/image_background.png');
}
.pics img{
	margin: 2px 6px -2px 5px;
	border: 1px solid #fff;
}
.pics img:hover{
	border: 1px solid #ff0000;
	opacity: 0.7;
	filter: alpha(opacity=100) wave(add=1,freq=1,light=0,phase=0,intensity=20);
}

/*   الجدول الخاص بالصور العشوائية فى الصفحة الرئيسية  */
#random_pic td{
	/*border: 1px solid #ff0000;*/
	width: 133px;
	height: 114px;
	background-image: url('images/image_background.png');
}

/*   الجدول الخاص بأكثر الصور مشاهدة فى الصفحة الرئيسية  */
#popular_pic td{
	/*border: 1px solid #ff0000;*/
	width: 133px;
	height: 114px;
	background-image: url('images/image_background.png');	
}
.groupPic_Title{
	width: 540px;
	height: 30px;
	background-image: url('images/background_titles.png');
}
.groupPic_Title p{
	position: relative;
	top: 5px;
	font-weight: bold;
	font-size: 18px;
	color: #FF9933;
}
.groupPic_Title a{
	color: #FF9933;
	text-decoration: none
}
.groupPic_Title a:hover{
	color: #FF9933;
	text-decoration: none
}

/*   الجدول الخاص بالصور النصية الموودة أسفل الصفحة الرئيسية  */
#text_pic{
	border-top: 1px solid #000;
	float: right;
	width: 772px;
	height: 200px;
	background-image: url('images/text_pics.png');
}
.text td a{
	border-bottom: 1px solid #DDDDDD;
	display: block;
	margin: 0 5px;
	padding: 7px;
	width: 120px;
	height: 19px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #762E61;
}
.text td a:hover{
	color: #762E61;
	background-color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50);	
}
/*   الديف الخاص ببلوك التاج  */
#tags a{
	color: #762E61;
	font-weight: bold;
	font-size: 13px;
}
#tags a:hover{
	color: #FFFFFF;
	background-color: #FF9933;
}

/*   الديف الخاص ببلوك المتواجدون الان  */
#online{
	font-weight: bold;
	padding: 10px 0 10px 0;
	font-family: "Courier New", monospace,Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*   الديف الخاص بعرض الاقسام الفرعية  */
#sebsec_title{
	border-bottom: 1px solid #DDDDDD;
	background-color: #FDDCDB;
}
#subsection table{
	font-weight: bold;
	color: #fff;
}
#subsection td{
	text-align: center;
	padding:3px 3px 0 0;
}
#subsection td a{
	border: 1px solid #808080;
	display: block;
	text-decoration: none;
    padding: 5px 2px;
	width: 128px;
    color: #000;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#subsection td a:hover{
	color: #762E61;
	background-color: #ffffff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	border: 1px solid #000;
}

/*   الديف الخاص بعرض الصور الخاصة بكل قسم رئيسى وفرعى  */
.section_img{
	width: 123px;
	height: 114px;
	background-image: url('images/image_background.png');
}
.section_img_name{
	text-align: center;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/*   الديف الخاص بعرض أسماء تسلسل الاقسام */	
.section_name{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	width: 250px;
	height: 19px;
	background-image:url('images/bar.gif');
	background-position:bottom;
}
.section_name a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;	
}
.section_name a:hover{
	color: #c0c0c0;
}
/*   الديف الخاص بعرض التى تم أختيارها فى صفحة عرض الصورة المختارة */	
#showpic{
	border: 1px solid #762E61;
	width: 570px;
	height: 435px;
	background-image: url('images/text_pics.png');
}
#showpic a img {
	border: 1px solid #762E61;
	position: relative;
	top: 10px;
}
#showpic a:hover img{
	border: 1px solid #ff0000;
}

/*   الديف الخاص بعرض بيانات الصورة فى صفحة عرض الصورة */	
#Pic_details table{
	text-align: center;
	width: 540px;
	color: #000;
	font-weight: bold;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#Pic_details td{
	border: 1px solid #000;
}

#download_pic{
	font-weight: bold;
	margin: 0;
	padding:0;
	list-style-type: none;
}

/*   الزر الخاص بتحميل الصورة */	
#download_pic li{
	margin: 0 0 2px 0;
}
#download_pic li a{
	border: 1px solid #fff;
	display: block;
	padding: 5px 1px;
	width: 100px;
	height: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #fff; 
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#download_pic li a:hover{
	border: 1px solid #000;
	color: #000; 
	background-color: #fff;
}

/*   الديف الخاص بنموذج إضافة تعليق جديد */	
#add_comment{
	width: 540px;
	color: #fff;
	font-weight: bold;	
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*   الديف الخاص بعرض التعليقات */	
.show_comment{
}
.comment{
	text-align: right;
	width: 545px;
}
.comm_img{
	width: 42px;
	background: url('images/comment_img.jpg') no-repeat;
}
.nam_time{
	width: 493px;
	padding: 3px;
	font-weight: bold;
	background-color: #fff;
	float: right;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.comm_name{
	float: right;
}
.comm_content{
	padding: 3px;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.date{
	float: left;
	font-size: 13px;
	color: #808080;
}
.del_comment{
	padding: 3px;
	background-color: #ffffa6;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
:hover.del_comment{
	background-color: #ffff00;
}
.del_comment img{
	border: 0px none;
}

/* صفحة تسجيل عضو جديد - نموذج التسجيل */
.register_form{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	width: 350px;
	color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000;
}
.register_form td{
	border: 1px solid #fff;
	padding: 5px;
}
.register_form input:focus{
	background-color: #ffff9d;
}
.closed_register_message{
	width: 350px;
	padding: 5px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000;
}
.closed_register_message a{
	color: #ff0000;
}
/* صفحة تسجيل تسجيل الدخول الاعضاء - نموذج تسجيل الدخول */
.login_form{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	width: 250px;
	color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000;
}
.login_form td{
	border: 1px solid #fff;
	padding: 5px;
}
.login_form input:focus{
	background-color: #ffff9d;
}

/* تسجيل خروج الموجود فى شريط الناف بار أعلى الصفحة */
#logout{
	position: relative;
	right: 20px;
	top: 10px;
	width: 400px;
	text-align: right;
	font-weight: bold;
	font-size: 17px;
	color: #ffffff;
}
#logout a{
	font-weight: bold;
	font-size: 17px;
	color: #ffffff;
	text-decoration: none;
}
#logout a:hover{
	font-weight: bold;
	font-size: 17px;
	color: #ff0000;
}

/* الديف الموجود فى الناف بار فى الاعلى والذى يظهر فية رسائل تسجيل الدخول */
#login_result a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#login_result a:hover{
	color: #ffff80;
}

/*   الديف الخاص بالفوتر  */
#footer{
	/*border: 1px solid #004080;*/
	width: 100%;
	height: 127px;
	float: right;
	background-image: url('images/footer.png');
}
#copyright_site{
	font-family: "MS Sans Serif",Geneva, Arial, sans-serif;
	font-size: 14px;
	position: relative;
	top: 5px;
}
.copyright_script{
	text-align: right;
	font-family: "MS Sans Serif",Geneva, Arial, sans-serif;
	font-size: 14px;
	position: relative;
	top: 5px;
}	
.copyright_script a{
	text-decoration: none;
	color: #fff;
}
.copyright_script a:hover{
	color: #fff000;
}





/*  رسائل الخطأ والصواب التى تظهر فى الاسكربت */
.right_message{
	padding: 10px;
	font-weight: bold;
	color: #008200;
}
.wrong_message{
	padding: 10px;
	font-weight: bold;
	color: #ff0000;
}

a:link, a:active, a:visited {
	TEXT-DECORATION: none;
	margin: 0px 0px 0px 0px;
	margin-right: 0px;
	color: #762E61;
}
a:hover {
	background-image: url('images/catt.png');
	color: #962a57
}



div.pagination {
		padding: 7px;
		width: 550px;
		text-align:center;
		color:#a0a0a0;
		font-size:80%;
		background-image:url('images/text_pics.png');
	}
	div.pagination a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:2px 10px;
		background-image:url('images/bar.gif');
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
		opacity: 0.7;
		filter: alpha(opacity=50);
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url('images/invbar.gif');
		background-color:#404040;
		color: #ffffff;
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	div.pagination span.current {
		margin-right:3px;
		border: 1px solid #FFFFFF;
		font-weight: bold;
		background-color: #412627;
		color: #FFFFFF;padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 10px;
		border: 1px solid #606060;
		color: #808080;
	}