/**----------------------------------------------------------------
 *	@page: [Master Stylesheet]									  *
 *																  *
 *	@project:	Alukah.net (Moderators Page)					  *
 *	@date:		14/06/2008										  *
 *	@author:	Code&Dot (ir)									  *
 **--------------------------------------------------------------*/
/**----------------------------------------------------------------
	[TOC]														  *
   ----------------------------------------------------------------
	1.	Header
		1.1.	QuickBar (UL)
		1.2.	ModeratorName (H1)
		1.3.	NavigationBar (UL)
	2.	Content
		2.1.	ArticleTitle
		2.2.	ArticleBody
	3.	Footer
	--------------------------------------------------------------*/
/**----------------------------------------------------------------
	[Color Palette]												  *
   ----------------------------------------------------------------
   	Body: 			#fff (White)
   	Content Bg:		#e1dfdf (08731f)
   	Content Text:	#444 ()
   	Footer Text:	#5d5d5d ()
	--------------------------------------------------------------*/
	
	
/**----------------------------------------------------------------
	General Reset
   ---------------------------------------------------------------*/
* { margin: 0; padding: 0; }

/**----------------------------------------------------------------
	General Definitions
   ---------------------------------------------------------------*/
html{ width: 100%; /*overflow: hidden;*/ }
body { width: 100%; /*overflow: hidden;*/ }
body { font-family: Traditional Arabic,Tahoma, Arial, Helvetica, sans-serif; background: scroll url(images/body_bg.jpg) no-repeat left bottom; min-width: 700px; font-size: 18px;font-weight:bold; }

/**----------------------------------------------------------------
	Generic Definitions
   ---------------------------------------------------------------*/
#wrapper { position: relative; width: 100%; height: 100%; background: url(images/wrapper_bg.jpg) no-repeat right bottom; }
.clear { clear: both; }
/**----------------------------------------------------------------
	1. HEADER
   ---------------------------------------------------------------*/
#header { float: right; width: 100%; /*margin-right: 25px;*/ background: url(images/hdr_bg.gif) repeat-x left top; }
#header ul#quickbar,
#header ul#navbar { list-style: none; }

#header ul#quickbar { margin-left: 15%; }

#header ul#quickbar li { float: left; width: 28px; height: 34px; padding: 0 5px; }
#header ul#quickbar li a { display: block; width: 28px; height: 34px; }
#header ul#quickbar li a#home { background: url(images/quickmenu.gif) no-repeat -112px 0; }
#header ul#quickbar li a#home:hover, 
#header ul#quickbar li a#home-active { background: url(images/quickmenu.gif) no-repeat -140px 0; }

#header ul#quickbar li a#sitemap { background: url(images/quickmenu.gif) no-repeat -56px 0; }
#header ul#quickbar li a#sitemap:hover, 
#header ul#quickbar li a#sitemap-active { background: url(images/quickmenu.gif) no-repeat -84px 0; }

#header ul#quickbar li a#contactus { background: url(images/quickmenu.gif) no-repeat 0 0; }
#header ul#quickbar li a#contactus:hover,
#header ul#quickbar li a#contactus-active { background: url(images/quickmenu.gif) no-repeat -28px 0; }

#header h1 { height: 64px; background: url(images/page_pic.gif) no-repeat right center; padding-right: 70px; clear: both; margin-top: 50px; margin-bottom: 15px; margin-right: 25px; }
#header h1 span#moderator-dr-khaled { display: block; float: right; background: url(images/moderator_dr_khalid.gif) no-repeat; width: 350px; height: 64px; }
#header h1 span#moderator-dr-saad { display: block; float: right; background: url(images/moderator_dr_saad.gif) no-repeat; width: 317px; height: 64px; }

#header ul#navbar { margin-right: 25px; }
#header ul#navbar li { float: right; height: 25px; padding-right: 37px; padding-top: 5px; margin: 0 10px; }
#header ul#navbar li a { display: block; }

#header ul#navbar li#cv { background: url(images/ico_1.jpg) no-repeat right center; margin-right: 5px; }
#header ul#navbar li#cv a { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 0; }
#header ul#navbar li#cv a:hover { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 -20px; }

#header ul#navbar li#articles { background: url(images/ico_2.jpg) no-repeat right center; }
#header ul#navbar li#articles a { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 -40px; }
#header ul#navbar li#articles a:hover { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 -60px; }

#header ul#navbar li#studies { background: url(images/ico_3.jpg) no-repeat right center; }
#header ul#navbar li#studies a { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 -80px; }
#header ul#navbar li#studies a:hover { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 -100px; }

#header ul#navbar li#books { background: url(images/ico_4.jpg) no-repeat right center; }
#header ul#navbar li#books a { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 -120px; }
#header ul#navbar li#books a:hover { display: block; width: 110px; height: 20px; background: url(images/navigation_titles.gif) no-repeat 0 -140px; }

#content { clear: both; position: relative; float: right; width: 85%; height: 420px; margin-right: 25px; padding-top: 30px; margin-top: 10px; margin-top: 0; background-color: #e1dfdf; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
#content #window-top { font-size: 18px;font-family:Traditional Arabic; position: absolute;font-weight:700; top: 0; right: -9px; text-align: right; color: #fff; padding-top: 10px; padding-right: 40px; height: 40px; width: 100%; background: url(images/top-right.gif) no-repeat right -1px; }
#content #right-indent { padding: 10px 35px 20px; height: 380px;text-align: right; color: #444; overflow: auto; height: 380px; direction:rtl;  }

#footer { clear: both; float: right; width: 779px; height: 35px; margin-right: 25px; background: url(images/alukah_slogon.gif) no-repeat 550px center; margin-top: 45px; }
#footer p { text-align: right; padding-top: 10px; padding-right: 280px; }