<ul id="page-bar">
	<li><a title="رئيسية المدونة" href="&lt;?php echo get_option('home'); ?&gt;/">الرئيسية</a></li>
	<li><a title="الإضافات" href="http://www.tuufy.com/category/plugins">الإضافات</a></li>
	<li><a title="منتديات توفي" href="http://www.tuufy.com/forums/index.php">المنتديات</a></li>
	<li><a title="مركز التحميل" href="http://www.tuufy.com/up/index.php">التحميل</a></li>
</ul>

<ul id="menu">
	<li><a title="رئيسية المجلة" href="&lt;?php echo get_option('home'); ?&gt;/">رئيسية المجلة</a>
<ul>
	<li><a title="قسم الأضافات" href="http://www.tuufy.com/category/plugins">قسم أضافات</a></li>
</ul>
</li>
	<li><a title="منتديات توفي" href="http://www.tuufy.com/forums/index.php">منتديات توفي</a></li>
	<li><a title="مركز التحميل" href="http://www.tuufy.com/up/index.php">مركز التحميل</a></li>
</ul>

/*
Main Menu
*/
#menu, #menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
 
#menu li {
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	text-shadow:0 1px 0 #FFFFFF;
	border-right: 1px solid #DFDFDF;
}
 
#menu li a, #menu li a:visited {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 12px;
	color: #444444;
	background: #F1F1F1;
	display: block;
	text-decoration: none;
	text-shadow:0 1px 0 #FFFFFF;
}
 
#menu li a:hover {
	color: #444444;
	background: #F9F9F9;
	padding: 5px 12px;
	display: block;
}
 
/*
Sub Menu
*/
#menu li ul {
	width: 199px;
	padding:0;
	position: absolute;
	right: 0;
	display: none;
}
 
#menu li:hover ul {
	display: block;
}
 
#menu li li {
	margin: 0;
	padding: 0;
	float: right;
	width: 175px;
}
 
#menu li li a, #menu li li a:visited {
	margin: 0;
	padding: 5px 12px;
	border-top: 1px solid #fff;
	background: #F9F9F9;
	width: 175px;
	color: #000000;
	border-right: 2px solid #686868;
}
 
#menu li li a:hover{
	background: #F9F9F9;
	color: #000000;
}