/*--
	Theme Name: theme48188
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.7.x + from Template-Help.com Collection
	Author: Template_Help.com
	Author URL: http://www.Template-Help.com/
	Template: CherryFramework
	Version: 3.0
	MotoPress Version: 1.0
--*/


/* ----------------------------------------
	Please, You may put custom css here
---------------------------------------- */

/*-------------------- reset ------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}

/*-------------------- body ------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body { 	 
	font-family: 'Droid Arabic Kufi', serif;
	}
	
/*-------------------- nav ------------------*/
header {
	background:url(../img/bg.png) repeat-x;
	width:100%;
	height:62px;
	position:fixed;
	z-index:9999999;
	}
.h-container{
	width:1100px;
	margin:auto;
}
#logo{
	width:20%;
	background:url(../img/logo.jpg) no-repeat left;
	height:26px;
	margin-left:20px;
	float:left;
	margin-top:15px;
	}
#hmenu{
	margin-right:20px;
	float:right;
	width:70%;

	}

/*-------------------- nav ------------------*/

#nav{
	list-style:none;
	font-weight:bold;
	margin:10px;
	/* Clear floats */
	float:right;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	font-size:14px;
	font-weight:100;
	text-align:center;
}
#nav li{
	float:right;
	margin-left:1px;
	position:relative;
	
}
#nav a{
	display:block;
	padding:5px;
	color:#f90;
	
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	 /*background:rgba(255,255,255,0); But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	right:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	right:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#333;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}

/*-------------------- page ------------------*/
.clear-bath{clear:both;}
#page{ height:1000px; width:1100px; margin:auto; background:#CCC;}