/*



Theme Name: UG Theme By walid

Theme URI: http://www.alkhatip.com

Description: UG Theme is a Web 2.0 style widget ready .

Version: 2.0

Author: walid alkhatip

Author URI: http://www.alkhatip.com



*/

body {

	font: 80%/150%  Tahoma, Arial;

	color: #0b0b0b;

	background: #000 ;

	margin: 0px;

	padding: 0px;

	direction: rtl;



}

a {

	color: #006699;

	text-decoration: none;

}

a:visited {

	color: #006699;

	text-decoration: none;

}



a:hover {

	color: #006699;

	text-decoration: underline;

}

img {

	border: none;

}

p {

	padding: 0px 0px 15px;

	margin: 0px;

}

h1 {

	margin: 0px;

	font: bold 33px/40px Arial, "Times New Roman";

	color: #FFFFFF;

}

h1 a, h1 a:visited{

	color: #FFFFFF;

	text-decoration: none;

}

h1 a:hover{

	color: #FFFFFF;

	text-decoration: none;

	border: none;

	background: none;

}

h2 {
	text-align: right;

	color: #000;

	margin: 0px 0px 2px;

	width: 100%;

	font: bold 20px "Times New Roman", sans-serif, Arial;



	padding-bottom: 3px;

}

h2 a, h2 a:visited {

	color: #000;
	text-align: right;
	text-decoration: none;

}

h2 a:hover {

	color: #006699;
	text-align: right;
	text-decoration: underline;



}

h3 {

	font: bold 125%/100% "Times New Roman", Arial;

	color: #56bdea;

	margin: 10px 0px 5px;

}

h4 {

	font: normal 130%/100% "Times New Roman", Arial;

	color: #758d38;

	margin: 10px 0px 5px;

}

form {

	margin:0px;

	padding:0px;

}

#wrapper {

	background: #000 ;

}





#page {

	margin: 0px auto;

	width: 960px;

	background: #fff;

	border-top: 2px solid  #ff9933;





}









.nav ul

{

	font: bold 12px "Tahoma", sans-serif;

	padding: 0px;

	margin: 0px;

	color: #FFF;

	list-style: none;



}

.nav il

{



	margin: 0px;

}

.nav {



	width: 98%;

	margin: 0px;

	padding: 0 ;

}

.nav li a {

	background-color: #e6e6e6;

	display: block;

	width: 98%;

	padding: 5px 5px 5px 5px;

	margin: 0px;

	color: #FFF;

	font-weight: bold;

	text-align: right;

	text-decoration: none;

}

.nav li a:hover {

	color: #fff;

	text-decoration: none;

	background-color: #ff9933;

}









/* The menu-page */



#menu-page {

	border-top: 2px solid  #ff9933;
	display:block;
	height:50px;
	background-color:#1c1c1c;
	padding: 5px 5px 5px 5px;
	width: 960px;
	margin: 0px auto;
	text-align: center;


}



#menu-page ul{

	list-style:none;
	padding: 5px 5px 5px 5px;
	font-size:14px;

	font-family: "tahoma", Tahoma, Arial, Serif;
	text-align: left;

}

#menu-page ul li {

	float:right;
	padding: 5px 5px 5px 5px;
	list-style:none;  

	white-space:nowrap;	

	font-weight:bold;

}	

#menu-page ul li a {


	border:0;  
	padding: 5px 5px 5px 5px;
	display:block;

	text-decoration:none; 

	color:#fff; 

	font-family: "tahoma", Tahoma, Arial, Serif;



}	

#menu-page ul li a:hover,#menu-page ul li a:active, #menu-page li.current_page_item a

{

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	opacity:.50;

	background: #ff9933;

	color:#000;

	text-decoration:none;	

}











/* header area */

#header {



	background: #000 url(images/o-background.jpg) no-repeat left center;

	background-position: top;

	height: 250px;

	position: relative;



}









/* content area */

#content {

	padding: 10px 13px 30px 0px;

	float: left;

	width: 720px;

	overflow: hidden;

}





.post {

	clear:both;

	padding-top: 0px;



}



.entrytop{

	float: right;
text-align: right;
	width: 98%;
	margin: 0;
	padding: 0px 0 0px 10px;
	border-bottom: 1px dotted #230608;
	font-size: 1.8em;
	}



.entry h2{
	text-align: right;
	width: 98%;
	margin: 0 auto !important;
	padding: 5px;

}









.post-content {

	clear: both;

	padding: 10px;

}



.post-info {

	padding: 0px 15px;

	height: 15px;

	color: #3e98ad;

	font: bold 12px "Tahoma", sans-serif;

}



.post-info a {

	color: #006699;

	text-decoration: none;

}



.post-info a:hover {

	color: #56bdea;

	text-decoration: underline;

	border: none;

	background: none;

}



.post-content blockquote {

	background: #f2f8fb;

	border-left: 2px solid #dbeff6; 

	border-bottom: 2px solid #dbeff6; 

	padding: 8px;

}



.navigation {

	clear: both;

	padding: 10px 0px;

}



.navigation a, .navigation a:visited {

	color: #075a88;

}



.previous-entries a {

	float: right;

	padding-right: 18px;

	background: url(images/mini-nav-right.gif) no-repeat right center;

}



.next-entries a {

	float: left;

	padding-left: 18px;

	background: url(images/mini-nav-left.gif) no-repeat left center;

}















/*sidebar */

#sidebar {

	float: right;

	padding: 0px 10px 20px 0px;

	width: 200px;

	color: #666666;

	overflow: hidden;

}





/*sidebar title (h2) */



#sidebar h2, #sidebar .sidebartitle{

	font: bold 1.3em/1.5em "Arial", Georgia;

	color: #000;

	border-bottom: 1px dotted #230608;

	padding-bottom: 5px;

	margin-bottom: 5px;

}



/*sidebar text styles */

#sidebar a:hover{



	color: #006699;

	border: none;

}



#sidebar a, #sidebar a:visited{

	color: #000;

	text-decoration: none;

}

#sidebar li a:hover{

	color: #000;

	text-decoration: none;

}

/*sidebar list level1 */

#sidebar ul {

	margin: 0;

	padding: 0;

}

#sidebar ul li {

	list-style: none;

	margin: 5px 0;

	padding: 0;

	border: none;

}





/*sidebar list level2 */

#sidebar ul li ul {

	padding: 0;

	margin-bottom: 20px!important;

}

#sidebar ul li ul li{

	padding: 2px 0 2px 0px;

}

/*sidebar list level3 */

#sidebar ul li ul li ul li{

	padding: 1px 0 1px 10px;

	border: none;

}









/*blogroll */

ul.linkcat li, .linkcat li{

	background: url(images/mini-blogroll.gif) no-repeat right center !important;

	padding-right: 20px !important;

}

/*category widget */

ul.list-cat li, li.widget_categories li{

	background: url(images/mini-category.gif) no-repeat right center !important;

	padding-right: 20px !important;

}

/*archives widget */

ul.list-archives li, li.widget_archives li{

	background: url(images/mini-monthly-archive.gif) no-repeat right center !important;

	padding-right: 20px !important;

}

/*pages widget */

ul.list-page li, li.widget_pages li, li.widget_recent_entries li{

	background: url(images/mini-monthly-archive.gif) no-repeat right center !important;

	padding-right: 20px !important;

}

/*sub-pages */

ul.list-page li ul div, li.widget_pages li ul li{

	background: url(images/mini-blogroll.gif) no-repeat !important;

	padding-right: 10px !important;

}

/*calendar widget */

li.widget_calendar td {

	padding: 1px 6px;

}

div.widget_calendar h2 {

	display:none;

}





/*text widget */

.textwidget {

	padding-top: 5px;

}













/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: right;

}

img.alignleft, img[align="left"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.alignright {

	float: left;

}

img.alignright, img[align="right"] {

	float:left;

	margin: 2px 10px 5px 0px;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}







/* footer area */



#footer {

	width: 960px;

	height:50px;

	background:#000;

	margin: 0px auto;

	color: #fff;

	text-align: center;

	border-top: 2px solid  #ff9933;

}



#footer a, #footer a:visited {

	color: #56bdea;

}

	

#footerbg a:hover {

	color: #ffffff !important;

}





#legal {

	clear: both;

	margin: 0;

	float: right;

	padding: 10px;

	padding-right: 15px;

	text-align: center;

	color: #FFFFFF;

}



#legal a {

	clear: both;

	margin: 0;

	padding: 50px 0;

	text-align: center;

	color: #FFFFFF;

}



#legal a {

	color: #FFFFFF;

}







#legal2 {

	clear: both;

	margin: 0;

	float: left;

	padding: 10px;

	padding-left: 15px;

	text-align: center;

	color: #FFFFFF;

}



#legal2 a {



	clear: both;

	margin: 0;

	text-align: left;

	color: #ff9933;

}



#legal2 a:hover {

	text-decoration: underline; 

}




