@CHARSET "UTF-8";
body, html{ height: 100%; }

body{
	color: #333;
	font-family: FrankRuehl;
	font-size: 100.2%;
	line-height:1.3;
	background-color:#5b5b5b;
	direction:rtl;
}


/*--------------------------------
	customize 
---------------------------------*/

/* MAIN TYPOGRAPHY */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}


small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 120%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
q { quotes: "" ""; }
sub, sup { vertical-align: baseline; }
.amp{ xcolor: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; font-size: 1.1em; line-height:10%; font-style: italic; }
.xaquo{ font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif; font-size:1.6em; xfont-weight:bold; line-height:1em; }
.bold{ font-weight:bold; }
h1{ font-size:2em; }
h2{ font-size:1.6em; }
h3{ font-size:1.2em; }
h4{ font-size:1em; }

.small{ font-size:0.9em; }

a{ color:#333;; text-decoration:none; cursor:pointer; }
a:hover{ color:#9C1A1A; }
table{ border: none; }
ul, ol, dir, menu { list-style:none; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-block; }
	/* Hides from IE-mac \*/
		* html .clearfix { height: 1%; }
		.clearfix { display: block; }
	/* End hide from IE-mac */

:focus { -moz-outline-style: none; outline:none; }
*::-moz-selection { background:#9C1A1A; color:#fff; }
img{ border:none; }

.floatl{ float: left; }
.floatr{ float: right; }
.floatn{ float: none; }


#topText p{ position:absolute; top:10px; width:100%; color:white; font-size:1.8em; text-align:center; }

/*-------------------------------- 
	Form elements
---------------------------------*/

fieldset{ border:0 none; }
label{ margin-bottom:2px; display:block; font-size:0.9em; }
input, textarea{ font-size:1em; font-family:FrankRuehl; padding:1px 2px; }
input{ margin:4px 0; border:1px solid #FFF; background:#FFF url(../images/inputShade.gif) 0 0 repeat-x; }
input[disabled], textarea[disabled]{ color:#888; }
textarea{ overflow:auto; margin:4px 0; border:1px solid #FFF; background:#FFF url(../images/inputShade.gif) 0 0 repeat-x; }
select{ width:188px; margin:4px 0; font-size:1em; font-family:inherit; border:1px solid #fff; background-color:#eee; font-family:FrankRuehl, Times, serif; }
input:focus, form textarea:focus{ color:#9C1A1A; }

form .item{ margin-bottom:8px; }
form input{ width:182px; }
form textarea{ width:182px; }

form .item label{ width:60px; display:inline; line-height:1.5em; }
form .item input{ width:100px; margin:0; }
form .item select{ width:100px; margin:0; width:145px; }
form .item.x2 select{ width:55px; }

.blur{ color:#777; }


/*-------------------------------- 
	Main wrap
---------------------------------*/
#wrap{ padding-top:50px; background-color:#9c1a1a; }
#wrap #innerwrap{ width:870px; margin:0 auto; background: url(../images/shadesSprite2.gif) 0 0 no-repeat; padding-top:18px; position:relative; }

/*-------------------------------- 
	Header
---------------------------------*/
#header{ font-size:1.1em; padding:10px 30px; position:relative; background: url(../images/shadesSprite1.gif) 0 0 repeat-y; zoom:1; }
	#header #logo{ position:absolute; display:block; margin:13px; width:178px; height:62px; background: url(../images/logo.gif) 0 0 no-repeat; right: 30px; top: 30px; }
	#header .content{ text-align:left; padding-right:250px; }
		#header .content dl{  }
			#header .content dl dt{ float:left; clear:left; color:#ab1313; font-weight:bold; padding-right:1em; text-align:right; width:75px; }
			#header .content dl dd{ width:450px; float:left; padding-bottom:18px; }
	
	/*  Main Menu
	------------------*/
	#header ul.mainMenu{ clear:both; border-top:2px solid #9c1a1a; border-bottom:5px solid #9c1a1a; height:1%; position:relative; zoom:1; }
		#header ul.mainMenu li{ float:right; width:25.1%; font-size:1.2em; position:relative; margin-top:1px; }
		#header ul.mainMenu li.last{ position:absolute; left:0; width:25%; }
			#header ul.mainMenu li a{ display:block; color:#333; padding:7px 8px; }
			#header ul.mainMenu li a:hover{ background-color:#881515; }
			#header ul.mainMenu li a:hover span{ color:#fff; }
			#header ul.mainMenu li.active a{ background:#881515 url(../images/closeBtn_simple.gif) 8px 13px no-repeat;; color:#fff; }
			/* #header ul.mainMenu li.active a:hover{ background-position: 11px -13px; } */
			#header ul.mainMenu li.active .close{ display:block; }
				#header ul.mainMenu li a span{ }
				#header ul.mainMenu li a b{ color:#881515; }
				#header ul.mainMenu li .subMenu{ display:none; position:absolute; z-index:99; width:100%; color:#fff; background-color:#9c1a1a; z-index:99; font-size:0.9em; }
				* html #header ul.mainMenu li .subMenu{ margin-right:1px; }
				#header ul.mainMenu li .subMenu a{ display:inline; padding:0; background:none; }
				#header ul.mainMenu li .subMenu a:hover{ border-bottom:1px dotted; background:none; }
				#header ul.mainMenu li.active .subMenu{  }
					#header ul.mainMenu li .subMenu .content{ padding:7px; text-align:right; }
						#header ul.mainMenu li .subMenu .content button{ float:left; font:1.2em FrankRuehl; background:none; margin-top:4px; color:white; border:none; cursor:pointer; }
						#header ul.mainMenu li .subMenu .content button:hover{ background-color:#881515; }
						#header ul.mainMenu li .subMenu .content button.hover{ background-color:#881515; }
				
				#header ul.mainMenu li .subMenu .shadow{ position:absolute; z-index:-1; bottom:-8px; left:-8px; width:218px; height:165px; background: url(../images/menuShadow.png) 0 0 no-repeat; }
				* html #header ul.mainMenu li .subMenu .shadow{ background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menuShadow.png", crop); }
				
/*-------------------------------- 
	content
---------------------------------*/
#content{ background: url(../images/shadesSprite1.gif) -870px 0 repeat-y; font-size:0.75em; }
	#content .container{ padding:20px 30px; }
	#content ul.entries{  }
		#content ul.entries li{ display:block; margin-bottom:20px; border:2px solid #FFF; }
			#content ul.entries li div{ padding:18px 10px; background-color:#E7E7E7; border:1px solid #ccc; }
			#content ul.entries li:hover div, #content ul li.hover div{ background-color:#F8F8F8; border-color:#e3e3e3; }
				#content ul.entries li div blockquote{ display:inline; float:right; font-size:2.4em; margin-left:20px; }
				#content ul.entries li div span{ display:inline; float:right; color:#555; font-size:1.4em; line-height:2.4em; }
		
		#content ul.pager{  }
		#content ul.pager li{ float:left; margin-right:8px; border:2px solid #FFF; font-size:2.2em; }
			#content ul.pager li a{ display:block; padding:1px 8px; color:#444; background-color:#E7E7E7; border:1px solid #ccc; }
			#content ul.pager li a:hover{ background-color:#F8F8F8; border-color:#e3e3e3; }
			#content ul.pager li span{ display:block; padding:1px 8px; color:#fff; background-color:#5B5B5B; border:1px solid #999; cursor:default; }

/*-------------------------------- 
	Footer
---------------------------------*/
#footer{ background-color:#5b5b5b; padding-bottom:50px; }
	#footer .content{ width:870px; height:160px; margin:0 auto; background: url(../images/shadesSprite1.gif) -1740px 0 repeat-y; height:100px; }
		#footer .bottomShade{ height:18px; width:870px; margin:0 auto; background: url(../images/shadesSprite2.gif) 0 -18px no-repeat; overflow:hidden; }
		#footer .content .container{ padding:20px 30px; color:#555; font-size:0.8em; font-weight:bold; font-family:times New Roman; }



/*-------------------------------- 
	Admin
---------------------------------*/
#adminWrap{ background-color:#f4f4f4; font-size:1.2em; padding-bottom:20px; }
	#adminWrap table { border:1px solid #666; background-color:white; margin:20px auto; }
		#adminWrap table thead tr{ background-color:#eee; color:#9C1A1A; font-weight:bold; text-align:center; }
		#adminWrap table td{ border-top:1px dashed #777; border-left:1px dashed #777; padding:4px 8px; margin-bottom:1px; }
			#adminWrap table td input{ cursor:pointer; background:none; border:0 none; }
		#adminWrap table tbody tr.checked{ background-color:#e4eecc; }
		#adminWrap table tbody input.checkbox{ width:auto; }
		#adminWrap table tbody td.email{ font-size:0.8em; }
		
	#adminWrap ul.pager{ text-align:center; direction:ltr; margin:0 0 20px; }
		#adminWrap ul.pager li{ display:inline; border:1px solid #FFF; font-size:1.6em; }
			#adminWrap ul.pager li a{  text-decoration: none; padding:3px 6px; background-color:#E7E7E7; border:1px solid #ccc; }
			#adminWrap ul.pager li.active span{ padding:3px 6px; background-color:#555; color:#fff; border:1px solid #999; }	
			#adminWrap ul.pager li a:hover{ background-color:#D4D0C8; }

	.control{ padding-top:10px; }
		.control button{ font-size:1.6em; padding:5px 12px; margin:0 20px; font-family:inherit; cursor:pointer; }

#login{ overflow:hidden }
#login fieldset{ background-color:#777; width:230px; margin:10px auto; padding:10px; border:1px solid #444; }
	#login fieldset label{ color:#eee; }
	#login fieldset input{ width:150px; float:left; }

#optModal{ display:none; position:fixed; z-index:99; width:400px; top:0; left:50%; top:12%; margin-left:-200px; border:4px solid #ccc; background-color:white; }
	#optModal .btns{ color:#777; padding:7px; text-align:center; font-size:2em; border:1px solid #bbb; background-color:#ccc; cursor:pointer; }
	#optModal .btns:hover{ background-color:#9C1A1A; color:#fff; border-color:#e0e0e0; }
	#optModal .content{ padding:15px 10px; }
		#optModal .content label{ font-size:1.2em; line-height:1.2em; }
		#optModal .content input{ width:240px; float:left; background:#eee; border:1px solid #ccc; padding:3px; }
		#optModal .content select{ width:248px; float:left; background:#eee; border:1px solid #ccc; padding:3px; }

#overlay{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0.5; z-index:88; }