﻿/* /// RESET HTML TAG ////////////////////////////////////////////////////// */
body {
	font: normal 12px/1.6 Tahoma;
	width:960px;		/* أقل عرض يمكن الوصول إيه عند تقليص نافذة المتصفح في حالة التصميم المتمدد - لا يدعمة IE6، يحذف في حالة التصاميم الثابتة */
	color:#555;
	margin:0 auto;
	background: #888 url('../images/bg.gif') repeat-x left top;
	background-attachment:fixed;
}
h2 {
	border-bottom: 1px solid #BBB;
	font: bold 18px Arial;
	padding-bottom: 3px;
	padding-right: 5px;
	margin:0 0 3px 0;
}
ul {
	margin:0 0 0 0;
	padding:0;
}
p {
	margin:0 0 15px 0;
}

/* /// PAGE ELEMENTS /////////////////////////////////////////////////////// */
#header {
	margin:0 auto;
	text-align: right;
	height:160px;
	background:#eee;
	width:960px;
}
#all {
    width:976px;
	margin:0 auto;
	background:url('../images/bg.png') repeat-y center center;
	
}
#menu {
	margin:0 auto;
	padding:0px;
	text-align: right;
	height:30px;
	background:#eee;
	width:960px;
}
.logo{
width:200px;
float:right;    
}
.logo img{
margin:20px 10px 10px 0;
	float:right;
	vertical-align:middle;
}
.topbanner {
float:left; 
}
.topbanner img{
margin:20px 10px;
}
#wrapper {
    width:960px;
	background: #eee url('../images/side2col-bgr.gif') repeat-y left;
	margin: 0 auto;
	text-align: right;
	padding-bottom:50px;
}
#wrapper_in {
	background: url('../images/side2col-bgr.gif') repeat-y left;
	text-align: right;
}
#container {
	background: url('../images/side2col-bgr.gif') repeat-y left;
	margin-left: -220px; 	/* Right column width (200+20) */
	float: right;
	width: 100%;
	text-align: right;
}
#content {
	margin-left: 220px; 	/* Right column width (200+20) */
	text-align: right;
}
#main {
	padding: 10px 10px 0 10px;
	margin-left: 220px;		/* Left column width (200+20) */
	text-align: right;
	padding-bottom:100px;
    background:#eee;
}
#leftcol {
	padding: 10px 10px 0 10px;
	width: 200px;
	float: left;
	text-align: right;
}
#rightcol {
	padding: 10px 10px 0 10px;
	width: 200px;
	float: left;
	text-align: right;
}
.clear {
	clear: both;
	height: 0;
}
#footer {
	border-top: 1px solid #B5D4D6;
	background: #E4CAB4;
	margin: 0 auto;
	text-align: right;
	height:120px;
	width:960px;
}
.copyright {
float:right;
padding:40px 10px 0 0;
text-align: right;
}
.copyright a:link,.copyright a:visited{
color:#444;
text-decoration:none;
}
.copyright a:hover{
color:#539BE8;
text-decoration:none;
}
.footbanner {
float:left; 
}
.footbanner img{
margin:10px 10px;
}

.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/


/*
	TYPOGRAPHY
*/
ul											{ list-style: none; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: #444; }
a.monasaba, a.monasaba:visited								{ color: #FE7400; text-decoration: none; }
a.monasaba:hover, a.monasaba:active							{ color: #444; }
a.deatha, a.deatha:visited								{ color: #000; text-decoration: none; }
a.deatha:hover, a.deatha:active							{ color: #fff; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/* Easy Slider */
#slider {float:right; width:450px; height:338px; margin:10px;}
#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:450px;
		height:338px;
		overflow:hidden; 
		}			
#prevBtn, #nextBtn{ 
		display:none;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:none;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */


											  
.featuredcontent {
float:left;
text-align:right;
width:450px;
}
.index {
width:960px;
height:358px;
margin:0 auto;
background:#ccc;
border-top:2px solid #8E101E;
}
.green{
	width:450px;
	float:right;
	margin:7px 0 0 19px;
	padding:3px;
	color:#C4DC86;
}
.green p.greenTxt{
	padding:0 14px 15px 0;
	font-size:11px;
	line-height:13px;
	color:#313131;
	background-color:inherit; 
    margin-top:5px;	
	}
.green p.greenTxt span{
	font-size:11px;
	line-height:13px;
	color:#FE7400;
	font-weight:bold;
	background-color:inherit;
	display:block;
	margin:0 0 3px 0;
}
.green p.greenTxt img{
	border:#fff solid 5px;
	width:100px;
	height:75px;
	margin:0px 0 0 16px;
	float:right;
}
ul.borderedlist{
		margin-bottom:5px;
	}
ul.borderedlist li{
		border-bottom: 1px dashed #aaa;
		margin-bottom:2px;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
		text-align:right;
	}
	ul.borderedlist li a:hover{background: #B2DAFF;color: #42423b;}
	
.taber ul{
    margin:0px 7px 0 0;
	padding:0px;
	border-bottom:solid 1px #e9f0f5;
	height:29px;
}
.taber ul, .taber li{border:0; margin:0px 7px 0 0; padding:0; list-style:none;}
.taber li{
float:right; 
margin-left:0px;
}
.taber a:link, .taber a:visited{
	background:url(../images/tab-round.gif) right 60px;
	color:#F8C208;
	display:inline-block; /*IE6*/
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
	margin-right:1px;
	outline:none;
}
.taber a span{
	background:url(../images/tab-round.gif) left 60px;
	display:inline-block; /*IE6*/
	height:30px;
	margin:0 14px 0 0;
	padding:0 0 0 14px;
}
.taber a:hover{
	background:url(../images/tab-round.gif) right 30px;
	display:inline-block; /*IE6*/
	color:#ffffff;
	cursor:hand;
}
.taber a:hover span{
	background:url(../images/tab-round.gif) left 30px;
	display:inline-block; /*IE6*/
	cursor:hand;
}
.taber li.spec{
float:left; 
margin-left:10px;
}
.taazi {
	border-top: 1px solid #222;
	background: #24202E;
	margin: 0 auto;
	text-align: right;
	height:150px;
	width:960px;
}
.taaziimg {
float:right;
position:relative;
margin-top:-40px;
padding-right:10px;
}
.zawaj img{
	border:#fff solid 5px;
	width:100px;
	height:75px;
	margin:0px 0 0 5px;
}
.itaazi img{
	border:#000 solid 5px;
	margin:0px 0 0 5px;
}
.zawajtitle{
	color:#FE7400;
	font-weight:bold;
}
.zawajtitle p{
	color:#444;
	font-weight:normal;
}
.taazititle{
	color:#fff;
	font-weight:bold;
}
.taazititle p{
	color:#444;
	font-weight:normal;
}
.taazititle a{
	color:#000;
	font-weight:bold;
}
.taazititle a:hover{
	color:#444;
	font-weight:bold;
}
.taazititleindex{
	color:#fff;
	font-weight:bold;
}
.taazititleindex p{
	color:#fff;
	font-weight:normal;
}
.taazititleindex a{
	color:#000;
	font-weight:bold;
}
.taazititleindex a:hover{
	color:#ccc;
	font-weight:bold;
}
#weddings {
	background: #CBE4F1;
	margin: 0 auto;
	text-align: right;
	border-top:2px solid #8E101E;
	width:960px;
}
#death{
	background: #ccc;
	margin: 0 auto;
	text-align: right;
	border-top:2px solid #444;
	width:960px;
}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: right;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
/*	font-family: Arial;*/
}

#wp_page_numbers {
	margin-top:50px;
	padding-right:10px;
	width: 930px;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: right;
	display: block;
	margin-bottom: 2px;
}

#wp_page_numbers a {
	padding: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
	display: block;
	color: #333;
	border: 1px solid #bfbfbf;
}

#wp_page_numbers li a:hover {
	border-color: #0078C1;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-right: 2px;
	padding-left: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border-color: #0078C1;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	border-color: #0078C1;
}

#wp_page_numbers li.page_info {
	float: right;
	display: block;
	padding: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	color: #666;
	font-size: 11px;
	border: 1px solid #bfbfbf;
}
.details {
	background: #CBE4F1;
	margin:0 auto;
	padding:15px 0px 0 0px;
	text-align: right;
	border-top:2px solid #8E101E;
	width:960px;
}
.deathdetails {
	background: #444;
	margin:0 auto;
	padding:15px 0px 0 0px;
	text-align: right;
	color:#fff;
	border-top:2px solid #000;
	width:960px;
}
.deathdetails h2{
	color:#fff;
}
.event img{
	border:#fff solid 5px;
}
.eventimages {
border-top:5px solid #838383;
border-bottom:5px solid #838383;
margin:10px 0 10px 0;
}
.comdiv {
width:30px;
background:url(../images/comdiv.gif) no-repeat right center;
}
.comdet {
background:#36A5FB;
padding:5px;
color:#fff;
}
.comdiv2 {
width:30px;
background:url(../images/comdiv2.gif) no-repeat right center;
}
.comdet2 {
background:#000;
padding:5px;
color:#fff;
}
.searchresults {
margin:5px 10px 20px 0;
padding:3px 0;
}
.searchresults li{
padding:3px 0;
}
.searchresults a{
color:#FF6A29;
}
.searchresults a:hover{
color:#2960FF;
}
.searchresults a.taz{
color:#444444;
}
.searchresults a.taz:hover{
color:#000000;
}
.searchresults span{
font-weight:bold;
}
.searchwed {
color:#2960FF;
}
.searchbir {
color:#FF293D;
}
.searchdeath {
color:#000000;
}
.backto {
position:inherit;
float:left; 
height:18px;
font:normal 0.9em tahoma; 
margin:0 0 0 5px;
padding:0 20px 0 0;
background:url(../images/back.jpg) no-repeat right center;
}
.haptoday {
margin:0px 10px 20px 0;
padding:0px 0;
}
.haptoday li{
padding:0px 0 3px 0;
}
.haptoday a{
color:#FF6A29;
}
.haptoday a:hover{
color:#2960FF;
}
.haptoday a.taz{
color:#444444;
}
.haptoday a.taz:hover{
color:#000000;
}
.haptoday span{
font-weight:bold;
}
.det {
padding-right:5px;
}
#topmenu  {
width:960px;
background:url(../images/nav_bg.gif) 0 0 repeat-x;
margin:0 auto;
}
#topmenu ul.nav{
	height:40px;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	padding:0 0 0 0px;
}
#topmenu ul.nav li{
	float:right;
	padding:0 2px 0 0;
	background:url(../images/nav_div.gif) right top no-repeat;
	height:40px;
}
#topmenu ul.nav li a{
	display:block;
	padding:0 17px 0 15px;
	font:bold 12px/40px Tahoma, Helvetica, sans-serif;
	color:#E2E2E2;
	background-color:inherit;
	text-decoration:none;
}
#topmenu ul.nav li a:hover{
	color:#EDD140;
	background-color:inherit;
}
#topmenu ul.nav li.noImg{
	background-image:none;
}
#topmenu ul.nav li.rss {
    float:left;
	background:url(../images/rss.png) left 0px;
	display:inline-block; /*IE6*/
	height:40px;
	width:40px;
	margin:2px 0 0 5px;
	padding:0 0 0 0px;
	text-indent:-9000px;
}
#topmenu ul.nav li.rss:hover{
	background:url(../images/rss.png) left 40px;
	display:inline-block; /*IE6*/
	color:#ffffff;
	cursor:hand;
}
table.calendar      { border-left:0px solid #999; border-bottom:1px solid #999;}
tr.calendar-row {  }
td.calendar-day { background:#fff; height:100px; position:relative;} 
td.calendar-day ul{ float:right; text-align:right; padding-right:10px; }
td.calendar-day li{ list-style:none; float:right; text-align:right; margin-left:28px; padding:0 0 3px 0; font:normal 1em tahoma;} 
* html div.calendar-day { height:100px; }
td.calendar-day:hover   { background:#eceff5; }
td.calendar-day-np  { background:#eee; min-height:100px; border-bottom:1px solid #999;} 
* html div.calendar-day-np { min-height:100px; border-bottom:1px solid #999;}
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
span.day-number      { display:inline; background:#999; padding:5px; color:#fff; font-weight:bold; float:left; margin:-5px 0 0 -5px; width:20px; text-align:center;}
span.day-event      { float:right; margin:-5px 0 0 0; width:100px; text-align:right;}
/* shared */
td.calendar-day, td.calendar-day-np { width:130px; padding:5px; border-top:1px solid #999; border-right:1px solid #999; }

.prevmonth a{
width:130px;
height:30px;
display:block;
line-height:30px;
background:url(../images/prev.png) left 0px;
text-align:left;
padding-left:10px;
color:#fff;
}
.prevmonth a:hover{
background:url(../images/prev.png) left 30px;
}
.nextmonth a{
width:130px;
height:30px;
display:block;
line-height:30px;
background:url(../images/next.png) left 0px;
text-align:right;
padding-right:10px;
color:#fff;
}
.nextmonth a:hover{
background:url(../images/next.png) left 30px;
}
.calendarnow {
margin-top:10px;
text-align:center;
font:bold 2em arial;
}
.redcol {
color:#FA0813;
}