@charset "utf-8";
/* CSS Document */

/*

Designed By : Almarwa.net.sa
Designer : AHMED ALAA
Date : 14/6/2009


Primary colors :
   
    Black       :#000000
    Gray        :#bfbfbf 
    Green       :#53612f

*/

html {
	background:  url(../images/bg.jpg) top center;
}
body {
	font-size: 11px;
	font-family: Tahoma;
	line-height: 1.6em;
	text-align: center;
	color: #000000;
}
 img, body, html {
	margin: 0;
	padding: 0px;
}

h3 {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	color: #000000;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
span {
	text-align:right;
}
input, select {
	color: #000000;
}
.button {
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	background: url(../images/input-bg.png) no-repeat;
	width: 70px;
	height: 22px;
	border: none;
}
#container {
	text-align: right;
	margin: auto;
	width: 1000px;
	direction: rtl;
}
#photorow {
	width: 522px;
	padding-right:20px;
}

#galleryimage {
	text-align: justify;
}
#galleryimage img {
	border:4px solid  #5D6E33;
	margin:2px 10px 6px 2px;
}

#galleryimage a img {
	border:4px solid #5D6E33;
	margin:2px 10px 6px 2px;
}
#galleryimage a:hover img {
	border: 4px solid #333;
	margin: 2px 10px 6px 2px;
}
#galleryimage a:visited img {
	border:4px solid #5D6E33;
	margin:2px 10px 6px 2px;
}
#galleryimage a:active img {
	border: 4px solid #5D6E33;
	margin: 2px 10px 6px 2px;

}
#pagging-total {
	border:1px solid #5D6E33;
	background: url(../images/content-bg.png) center;
	float:left;
	margin:5px;
	padding:4px;
	display: block;;

}
#small{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	width: 100%;
	text-align:left;
}
#small2 {
	border:1px solid #5D6E33;
	background: url(../images/content-bg.png) center;
	margin:5px;
	padding:4px;
}
#small3 {
	border:1px solid #5D6E33;
	background: url(../images/content-bg.png) center;
	margin:5px;
	padding:4px;
	text-align:center;
}
#error {
	border:1px solid red;
	background: #C30;
	margin:5px;
	padding:4px;
	padding-right:30px;
	text-align:right;
	color:#FFF;
}
#successful {
	border:1px solid green;
	background: #393;
	margin:5px;
	padding:4px;
	padding-right:30px;
	text-align:right;
	color:#FFF;
}

#pagging {
	float:left;
	display: block;

}
#pagging a:link{
	border:1px solid #5D6E33;
	background: url(../images/content-bg.png) center;
	float:left;
	margin:5px;
	padding:4px;
}


#pagging a:hover {

	background-color: #5D6E33;
    display: block;
	text-decoration: none;

}
#pagging a:visited{
	border:1px solid #5D6E33;
	background: url(../images/content-bg.png) center;
	float:left;
	margin:5px;
	padding:4px;

}
#pagging a:active{
	border:1px solid #5D6E33;
	background: url(../images/content-bg.png) center;
	float:left;
	margin:5px;
	padding:4px;

}

#pagging-next {
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	background: url(../images/next-bg.png) no-repeat;
	width: 119px;
	height: 32px;
	border: none;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	padding-top:5px;

}

#h3-title {
	float:right;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	color: #000000;
}
/* --- Left Css --- */

#left {
	width: 402px;
	float: left;
	color: #bfbfbf;
	text-align: right;
	text-decoration: none;
}

#mail-list {
	padding: 20px;
}
#mail-text {
	float: right;
}
#mail-button {
	float:left;
}
#from-album {
	padding: 20px;
}
#about-site {
	padding: 20px;
}
#from-books {
	padding: 20px;
	font-family: Tahoma;
	font-size:11px;
	color: #bfbfbf;
	text-decoration:none;
}
#from-books li a:link{
	font-family: Tahoma;
	font-size:11px;
	color: #bfbfbf;
	text-decoration:none;
}
#from-books li a:hover{
	font-family: Tahoma;
	font-size:11px;
	color: #bfbfbf;
	text-decoration: underline;
}


/* --- Right Css --- */

#top {
	padding: 0;
	margin: 0;
}
#top-nav {
	margin: 0;
	padding: 0;
	float: right;
}
#lang {
	padding-top: 1px;
	float: right;
}
#logo {
	padding: 20px;
}
#content {

	width: 522px;
	margin-right: 30px;
	font-family: "Traditional Arabic";
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}
#content ,ul ,li {

	font-family: "Traditional Arabic";
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}

#content-text {
	padding-left:19px;
	padding-right: 19px;
	font-family: "Traditional Arabic";
	font-size: 18px;
	font-weight: bold;
	text-align: justify;
	text-decoration: none;
	text-indent: 0;
	line-height: 20px;
}
#content-title {
	padding-bottom: 10px;
}
#content-table {
	width: 522px;
}
#content-r1 {
	background: url(../images/content_r1.png);
	width: 19px;
	height: 19px;
	float:right;
}
#content-r3 {
	background: url(../images/content_r3.png) repeat-y;
	width: 19px;
	float:right;
}
#content-topbg {
	background: url(../images/content_topbg.png);
	height: 19px;
	;
	width: 484px;
	float:right;
}
#content-l1 {
	background: url(../images/content_l1.png);
	width: 19px;
	height: 19px;
	float:right;
}
#content-bg {
	background: url(../images/content-bg.png);
	width: 522px;
	float:right;
}
#content-r2 {
	background: url(../images/content_r2.png);
	width: 19px;
	height: 19px;
	float:right;
}
#content-bottombg {
	background: url(../images/content_bottombg.png);
	height: 19px;
	width: 484px;
	float:right;
}
#content-l2 {
	background: url(../images/content_l2.png);
	width: 19px;
	height: 19px;
	;
	float:right;
}

#books-title {
	font-family: "Traditional Arabic";
	font-size: 18px;
	font-weight: bold;
	text-align: justify;
	text-decoration: none;
	text-indent: 0;
	line-height: 20px;
}
#footer {
	padding-top: 40px;
}
#footer span {
	padding:20px;
}
/* --- Menu Css --- */

#menu {
	width: 28px;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}