/* --------- Global Reset & Clearfix Style ---------*/

*{margin:0;padding:0;border:0;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}

/* --------- Body Background Style ---------*/

body{
	background:#000 url(../images/bg/back.jpg) no-repeat top;
	font:13px/20px Arial,Tahoma,Helvetica,sans-serif;
	color:#f5f5f5;
}
.bg1{background:#000 url(../images/bg/back.jpg) no-repeat top;}


/* --------- Layout Style ---------*/

#wrapper{width:980px;margin:0 auto;padding-bottom:20px;}

/* --------- Header & Logo Style ---------*/

#header{
	height:131px;
}
	#header h1{
		width:280px;
		float:left;
		background:url(../images/logo.png) no-repeat;		
	}
		#header h1 a{
			height:110px;
			display:block;
		}
			#header h1 a span{
				display:none;
			}
			
/* --------- Social Icons Style ---------*/

ul.social-icons{
	list-style:none;
	float:right;
	padding:20px 0 8px 0;
}
	ul.social-icons li{
		display:inline;
	}
	
/* --------- Navigation Style ---------*/

ul.nav{
	background:url(../images/nav_bg.png) no-repeat;
	width:620px;
	height:42px;
	float:right;
	padding:0 0 0 30px;
	font-size:14px;
}
	ul.nav li{
		list-style:none;
		position:relative;
		
	}
		ul.nav li, ul.nav li a{
			display:block;
			float:left;
			line-height:42px;
	float:right;
		}
		ul.nav li a{
			color:#d6d6d6;
			text-transform:uppercase;
			padding:0 20px;			
		}
			ul.nav li a:hover, ul.nav li.active a{
				color:#fff;
			}
			
			/* --------- Drop Down Level 1 Style ---------*/

				ul.nav li ul{
					position:absolute;
					top:42px;
					right:0;
					visibility:hidden;
					border:solid #424242;
					border-width:1px 1px 0 1px;
					background:#000;
					z-index:999;
					text-align:right;
				}
					ul.nav li ul li{
						clear:left;						
						padding:0;				
					}
						ul.nav li ul li, ul.nav li ul li a{
							line-height:30px;
						}
						ul.nav li ul li a{
							padding:0 20px;
							display:block;
							width:100px;						
							border-bottom:1px solid #424242;
						}
							ul.nav li ul li.hover, ul.nav li ul li:hover, ul.nav li ul li a:hover{
								background:#181818;
							}
							
							/* --------- Drop Down Level 2 Style ---------*/	
							
								ul.nav li ul ul{
									right:100%;
									top:0;
									margin-left:-1px;
								}
									ul.nav li ul ul li a{
										width:100px;
									}
								
									ul.nav li a.drop-down-arrow:hover, .drop-down-arrow, .drop-down-arrow:hover{
										background:url(images/nav_arrow.png) no-repeat 5% center;
									}
								
/* --------- Home Page Gallery Style ---------*/

#home-gallery-wrap{
	border:1px solid #222121;
	padding:9px;
	background:#000;
}

/* --------- My Photo Gallery Style ---------*/

.gallery{
	width:205px;
	float:left;
	padding:0 38px 0 0;
}
.gallery.last{
	padding:0 0 30px 0;
}
	.gallery h5{
		margin-right:50px;
		border:dashed #2b2b2b;
		border-width:1px 0;
		padding:0;
		height:28px;
		line-height:28px;
		text-align:center;
		font-weight:normal;
		color:#b5b5b5;
		margin-top:10px;
		font-family:"simplified Arabic";
		float:center;
	}
	.gallery h5 a{
		float:center;
	}
	ul.pag-nav li{
		list-style:none;
		padding:0 2px;
		display:inline;
	}
		ul.pag-nav li a{
			padding:3px 6px;
			background:#000;
			border:1px solid #5c5c5c;
		}
			ul.pag-nav li a:hover, ul.pag-nav li.active a{
				background:#1f1f1f;
			}

/* --------- Container Style ---------*/

#my-photo-container{
	border:1px solid #222121;
	padding:20px;
	background:#000;
}
#container p{
	padding-bottom:45px;
	text-align:right;
		font-family:"simplified Arabic";
		font-size:16px;
		line-height:22px;
	}
#mainarea img.floatleft{
	margin:5px 20px 15px 0;
}
#mainarea img.floatright{
	margin:5px 0 15px 20px;
}
#mainarea img.floatleft, #mainarea img.floatright{
}
	/* --------- Main Area Style ---------*/

#mainarea{
	width:648px;
	float:right;
	background:#000;
	border:1px solid #222;
	padding:20px;
}
	#mainarea a{
		color:#f5f5f5;
		font-weight:bold;
	}
		#mainarea a:hover{
			text-decoration:underline;
		}
	#mainarea h3{
		color:#f7f9dc;
		padding-bottom:8px;
	}
	.post{
		padding-bottom:20px;
	}
	#mainarea .post h3{
		text-transform:capitalize;
		padding-bottom:2px;
		font-size:18px;
	}
		#mainarea .post h3 a, .post h3{
			color:#5dabe6;
		}
		.details, .readmore{
			font-size:11px;
			font-style:italic;
			color:#b5b5b5;
		}	
			.readmore{
				text-align:right;
			}
			#mainarea .details a, #mainarea .readmore a{
				color:#4a89b8;
			}
			#mainarea .readmore a{
				text-decoration:underline;
			}
			.entry{
				overflow:hidden;
			}

/* --------- Side Area Style ---------*/

#sidearea{
	width:238px;
	float:left;	
	background:#000;
	border:1px solid #222;
	padding:15px;
}
	#sidearea h3{
		padding-bottom:8px;
	}
	#sidearea ul{
		list-style:none;
	}
	#sidearea ul.flickr{
		padding-bottom:15px;
	}
		#sidearea ul.flickr li{
			display:inline-block;
		}
	.testimonials{
		font-style:italic;
		padding-bottom:5px;
	}
	.testimonials span{
		color:#5dabe6;
		font-style:normal;
		font-weight:bolder;
	}

/* --------- Footer Style ---------*/

#footer{
	border:solid #1a1a1a;
	border-width:1px 0;
	height:40px;
	line-height:40px;
	padding:0 10px;
	background:#000;
	margin:20px 0 0 0;
}
	#footer, #footer a{
		color:#b5b5b5;
	}
	#footer a:hover{
		color:#fff;
	}
	#footer li{
		list-style:none;
		display:inline;
		padding:0 2px;
	}

/* --------- Form Styles Starts ---------*/

.input{
	width:500px;
	height:26px;
	line-height:26px;
	padding:0 8px;
	border:1px solid #3c3c3c;
}
.textarea{
	width:500px;
	height:125px;
	padding:12px;
	border:1px solid #3c3c3c;
}
.input, .textarea{
	background:none;
	outline:none;
	color:#fff;
	margin-top:5px;
}
.error {
	color:#FF0000;
	font-weight:bold;
	padding:0 0 0 90px;
	vertical-align:top;
	width:500px;
	font-size:11px;
}

/* --------- Genric Styles Starts ---------*/

a{color:#b5b5b5;text-decoration:none;}
a:hover {color:#fff;}
.floatleft{float:left;}
.floatright{float:right;}
.textleft{text-align:right;}
.textright{text-align:left;}
.center{text-align:center;}
#mainarea ul, #mainarea ol{margin:0 0 0 35px;}

/* --------- Genric Styles Ends ---------*/

/* --------- Heading Styles Starts ---------*/

h1{font-size:26px;}
h2{font-size:24px; float:right; font-weight:bold;}
h3{font-size:20px; float:right;text-align:right;}
h4{font-size:17px;}
h5{font-size:15px; text-align:right; float:right;}
h6{font-size:13px;}
h1, h2, h4, h5, h6{
		font-family:"simplified Arabic";
	padding-bottom:18px;
	text-transform:uppercase;
}
 h3{
		font-family:"simplified Arabic";
		font-weight:bold;
	padding-bottom:18px;
	text-transform:uppercase;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#fff;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration:underline;
}

/* --------- Heading Styles Ends ---------*/