/*

Ali Hammouri
August 16, 2007
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

*{ margin: 0; padding: 0; outline: none;}

body{
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	direction: rtl;
	background: #f7f7f7;
	}

a		{ text-decoration: none;}

a:hover { text-decoration: underline;}

img		{ border: 0;}

p	{
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 25px 0;
	padding: 0 11px 0 0;
	}


#wrapper{
	text-align: right;
	width: 800px;
	height: auto;
	margin: 0 auto;
	background: url(bgPage.gif) left top repeat-y;
	}

.outline{
	width: 770px;
	margin: 10px 15px;
	padding: 0;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e6e2d6;
	}

.inline{
	vertical-align: top;
	margin: 0;
	padding: 10px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #e6e2d6;
	}

.inlineStick{
	vertical-align: top;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #e6e2d6;
	}

/*
-- Header -- -- -- -------------------------------------------------------------------------*/

.header{
	width: auto;
	height: 160px;
	margin: 0 0 8px 0;
	padding: 0;
	position: relative;
	background: #fff;
	}

.days{
	font: bold 30px Arial, Helvetica, sans-serif;
	letter-spacing: 10px;
	position: absolute;
	right: 14px;
	bottom: 17px;
	border: 0px solid #FF6600;
	}

.mainMenu{
	font-size: 12px;
	line-height: 35px;
	color: #0099ff;
	}

.mainMenu a{
	color: #000000;
	margin: 0;
	padding: 0;
	}

/*
-- Right side -- -- -- -------------------------------------------------------------------------*/

.important{
	width: 220px;
	margin: 0;
	padding: 10px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #e6e2d6;
	}

.icon1{ background: url(icon1.gif) right top no-repeat;}
.icon2{ background: url(icon2.gif) right top no-repeat;}
.icon3{ background: url(icon3.gif) right top no-repeat;}
.icon4{ background: url(icon4.gif) right top no-repeat;}

.important h3{
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0 38px 0 5px;
	padding: 0;
	}

.important span{
	font: 12px Arial, Helvetica, sans-serif;
	color: #f00;
	margin: 0;
	padding: 0;
	}

.important p{
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #663300;
	line-height: 14px;
	margin: 0 38px 10px 5px;
	padding: 0;
	}

.important p a{
	color: #663300;
	}

.comment{
	width: 200px;
	overflow: hidden;
	margin: 0;
	padding: 10px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #e6e2d6;	
	}

.comment a{
	font: bold 12px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #000000;
	width: 50px;
	height: 75px;
	margin: 0;
	padding: 20px 45px 0 0;
	float: right;
	display: block;
	}

.comment .add{
	background: url(add_comment.gif) right top no-repeat;
	}

.comment .read{
	margin: 0 10px 0 0;
	background: url(read_comment.gif) right top no-repeat;
	}

.quickLink{
	font: bold 14px Arial, Helvetica, sans-serif;
	width: 180px;
	height: 72px;
	margin: 10px;
	padding: 10px;
	background: #f9f9f9;
	}

.quickLink img{
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	}

.quickLink a{
	color: #333333;
	line-height: 17px;
	margin: 0;
	padding: 0;
	}

/*
-- Archives -- -- -- -----------------------------------------------------------------------------*/

.latest{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 8px;
	background: #a93800;
	}

.new{
	width: 469px;
	margin: 0 0 10px 0;
	padding: 10px 28px;
	border: 1px solid #e5e5e5;
	position: relative;
	background: #fff191;
	}

.new h1{
	font: bold 18px/140% Arial, Helvetica, sans-serif;
	font-style: italic; 
	color: #990000;
	margin: 0 68px 0 0;
	padding: 0;
	}

h1 strong{
	font: bold 18px/140% Arial, Helvetica, sans-serif;
	margin: 0;
	}

.new h1 a{
	color: #000;
	}

.new h1 a span{
	color: #990000;
	}

.new .iconMore{
	margin: 0;
	}

.lang{
	margin: 2px 60px 0 0;
	}

.lang a{
	color: #990000;
	}

.date{
	color: #FFFFFF;
	line-height: 15px;
	width: 85px;
	margin: 0;
	padding: 6px 8px 10px 8px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(bgDate.gif) right top no-repeat;
	}

.newOld{
	width: 469px;
	margin: 0 0 10px 0;
	padding: 10px 28px;
	border: 1px solid #e5e5e5;
	position: relative;
	background: #ebebeb;
	}

.newOld h1{
	font: bold 15px/140% Arial, Helvetica, sans-serif;
	font-style: italic; 
	color: #990000;
	margin: 0 68px 0 0;
	padding: 0;
	}

.newOld h1 a{
	color: #000;
	}

.newOld .red{
	color: #990000;
	}

.marquee{
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	width: auto;
	margin: 10px 0;
	padding: 10px;
	background: url(bgMarquee.gif) right top no-repeat #ddd;
	}

.marquee strong{
	color: #fff;
	padding: 0 5px;
	}

.month{
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #ceecff;
	}

.month h2{
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-style: normal;
	width: auto;
	margin: 1px;
	padding: 8px 15px 5px 15px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #f1f1f1;
	background: url(bgMonth.gif) right top repeat-x;
	}

.month p{
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 15px 20px;
	padding: 0;
	}

.month small{
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 0;
	display: block; 
	}

.month a{
	font-weight: normal;
	color: #CC6600;
	width: 50px;
	margin: 7px 0;
	display: block; 
	}

.month a strong{
	color: #0099ff;
	}

.top{
	text-align: left;
	margin: 0;
	padding: 5px 10px;
	background: #f7f7f7;
	}

.top span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

.top a{
	color: #333;
	}

/*
-- Sub -- -- -- -----------------------------------------------------------------------------*/

.path{
	color: #999999;
	margin: 0 0 10px 0;
	padding: 0;
	}

.path a{
	color: #999999;
	}

h4{
	font: bold 22px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #000;
	margin: 0 0 30px 0;
	padding: 10px;
	background: #EEF5FB;
	}

h6{
	font: bold 20px/12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 10px 0;
	padding: 0 8px;
	border-right: 2px solid #ff9900;
	}

ul, ol{
	font-size: 12px;
	line-height: 16px;
	margin: 0 40px 0 0;
	padding: 0;
	}

ul li, ol li{
	margin: 15px 0;
	padding: 0;
	}

.linksList{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.linksList li{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #f1f1f1;
	}

.linksList li a{
	color: #000000;
	margin: 0;
	padding: 3px 10px 3px 0;
	display: block;
	background: url(iconArrow.gif) right 10px no-repeat;
	}

.linksList small{
	font-size: 11px;
	font-style: italic;
	color: #999;
	margin: 0 2px;
	padding: 0;
	}

.linksList span{
	color: #CC0000;
	margin: 0 10px;
	padding: 0;
	display: block;
	}

.photo{
	width: 140px;
	height: 155px;
	vertical-align: top;
	padding: 10px;
	margin: 0;
	background: #F9F9F9;
	}

.photo small{
	font-size: 11px;
	display: block;
	padding: 0;
	margin: 2px 0 0 0;
	}

.photo a{
	color: #333333;
	}

.larg{
	font-size: 15px;
	color: #CC0000;
	}

.newspaperTable td{
	vertical-align: top;
	}

.newspaperTable h4{
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #CC6600;
	width: auto;
	margin: 1px;
	padding: 5px 8px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #f1f1f1;
	background: url(bgMonth.gif) right top repeat-x;
	}

.newspaperTable .en{
	font: bold 13px Arial, Helvetica, sans-serif;
	}

.newspaper{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.newspaper li{
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ececec;
	}

.newspaper li a{
	color: #000000;
	margin: 0;
	padding: 3px 9px 3px 0;
	display: block;
	background: url(iconArrow.gif) right 10px no-repeat;
	}
/*
.newspaper{
	margin: 10px;
	padding: 0;
	list-style: none;
	}

.newspaper li{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 0px solid #f1f1f1;
	}

.newspaper li a{
	color: #000000;
	margin: 0;
	padding: 3px 10px 3px 0;
	display: block;
	background: url(iconArrow.gif) right 10px no-repeat;
	}
*/
.newspaper small{
	font-size: 11px;
	font-style: italic;
	color: #999;
	margin: 0 1px;
	padding: 0;
	}

.newspapBorder{
	width: 249px;
	padding: 0;
	margin: 0 0 25px 0;
	border: 1px solid #ececec;
	border-bottom: 0;
	}

.newspaper li span{
	font-size: 10px;
	color: #f00;
	margin: 0;
	padding: 0;
	}

/*
-- Comments -- -- -- -----------------------------------------------------------------------------*/

.noteAdd{
	font: bold 14px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #000;
	width: auto;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #e5e5e5;
	background: #fff191;
	}

.guestComment{
	margin: 0 0 40px 0;
	padding: 15px 10px;
	border: 1px solid #F0F0F0;
	}

.guestComment .name{
	font-size: 12px;
	font-style: italic;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	}

.guestComment .title{
	font-size: 13px;
	color: #999999;
	font-weight: bold;
	margin: 0 0 10px 0;
	}

.guestComment .title span{
	margin: 0 0 10px 0;
	}

.guestComment p{
	font-size: 11px;
	margin: 10px 0 0 0;
	}

.btnAd{
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 1;
	border: 1px solid #d4d4d4;
	background: #ccc;
	cursor: hand;
	cursor: pointer;
	}
	
.addBtn{
	margin: 0 0 30px 0;
	padding: 0;
	}

.addComments td{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 10px 10px;
	vertical-align: top;
	}

.addComments input, .addComments textarea{
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 1;
	border: 1px solid #d4d4d4;
	background: #ebebeb;	
	}

.addComments textarea{
 	height: 100px;
 	}

.addComments .btn{
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	width: 60px;
	background: #ccc;
	cursor: hand;
	cursor: pointer;
	}

.guest{
	margin: 0;
	padding: 0;
	list-style: none;
	}

.guest li{
	margin: 0 0 3px 0;
	padding: 0;
	}

.guest li a{
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 2px 10px 2px 0;
	display: block;
	background: url(iconArrow.gif) right 10px no-repeat;
	}

.title1{
	font: bold 18px Arial, Helvetica, sans-serif;
	font-style: italic;
	height: 200px;
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #e5e5e5;
	background: #fff191;
	}

.title1 img{
	margin: 0 0 0 20px;
	float: right;
	}

.title1 a{
	font: bold 13px tahoma;
	color: #990000;
	margin: 0 165px 3px 0;
	padding: 3px 20px;
	display: block;
	background: url(iconArrow.gif) 330px center no-repeat;
	}

.title2{
	font: bold 18px Arial, Helvetica, sans-serif;
	font-style: italic;
	}

.title3{
	font: bold 18px Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	}