@charset "utf-8";
/* CSS Document */

	@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
	
	html, body
	{
	padding: 0;
	margin: 0;
	}
	body
	{
	background-color: #f3f4f4;
	font-family: 'Droid Arabic Kufi';
	font-size: 14px;
	line-height: 22px;
	-webkit-text-size-adjust: none;
	}
	body *
	{
	text-shadow: none;
	}
	h1, h2, h3, h4, h5, h6

	{
		font-weight: normal;
	}

	p
	{
	margin: 0 0 10px 0;
		}
	a, a:link, a:active, a:visited, a:hover
	{
	color: inherit;
	text-decoration: none;
		}
		
		
	/* syndicate website start over here ! by Ahmed Ismail */
	
	/* Main DIV's Start */
	.members_centering{
		    margin: 0 auto;
    width: 900px;
		}
	
	#webcontainer{
	width:1100px;
	margin: 0 auto;
		}

	#header_con{
		width:1100px;
		background-color:#FFFFFF;
		height:125px;
		margin: 0 auto;
		}
		
	.logo {
			display:inline-block;
			float:right;
			padding-right:20px;
			padding-top:7px;
			text-align:right;
			font-size:13px;
			color: gold;
			
			}
		.social {
			letter-spacing: 2px;
			padding-left: 10px;
			padding-top:10px;
		}
		
	#nav{
		width:1100px;
		background-color:#40D3D3;
		height:45px;
		margin: 0 auto;
		margin-bottom: 20px;
  		}
		
	#slider{
		  width: 732px;
		  background-color: #FFFFFF;
		  height: 350px;
		  margin-bottom: 20px;
		  margin-right: 4px;
		  float: right;
		  overflow: hidden;
		}
	
	#news_con{
		  width: 364px;
		  background-color: #FFFFFF;
		  height: 350px;
		  margin-bottom: 20px;
		  float: right;
		  overflow: hidden;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
		}
	#news_con:hover {
			background-color:rgb(234, 242, 253);
		
	}
		

	#advs_con{
		  width: 364px;
		  background-color: #FFFFFF;
		  height: 270px;
		  margin-bottom: 20px;
		  float: right;
		  overflow: hidden;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
		}
	#advs_con:hover {
			background-color:#FBE9FC;
		
	}
		
	#restu_con{
		  width: 364px;
		  background-color: #FFFFFF;
		  height: 270px;
		  margin-bottom: 20px;
		  float: right;
		  overflow: hidden;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
		}
	#restu_con:hover {
			background-color:lightyellow;
		
	}
		
		
	#sport_con{
		  width: 364px;
		  background-color: #FFFFFF;
		  height: 270px;
		  margin-right: 4px;
		  margin-bottom: 20px;
		  float: right;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
		}
	#sport_con:hover {
			background-color:lightyellow;
		
	}
		
		
	#statements_con{
		  width: 364px;
		  background-color: #FFFFFF;
		  height: 270px;
		  margin-right: 4px;
		  margin-bottom: 20px;
		  float: right;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
		}
	#statements_con:hover {
			background-color:#FBE9FC;
		
	}		
		
	#links_con{
		  width: 364px;
		  background-color: #FFFFFF;
		  height: 270px;
		  margin-right: 4px;
		  margin-bottom: 20px;
		  float: right;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
		}
	#links_con:hover {
			background-color:lightyellow;
	}	
	
	#events_con{
		  width: 364px;
		  background-color: #FFFFFF;
		  height: 270px;
		  margin-right: 4px;
		  margin-bottom: 20px;
		  float: right;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
		}
	#events_con:hover {
			background-color:#FBE9FC;
	}	
		
	#offers_con{
		  width: 732px;
		  background-color: #FFFFFF;
		  height: 286px;
		  margin-bottom: 20px;
		  float: right;
		  		}
		
	#survery_con{
			width: 364px;
		  background-color: #FFFFFF;
		  height: 286px;
		  margin-right: 4px;
		  margin-bottom: 4px;
		  float: right;
		  		}
		
	#writers_con{
		  width: 732px;
		  background-color: #FFFFFF;
		  height: 286px;
		  margin-bottom: 4px;
		  float: right;
		  		}
		
	#feed{
		width: 364px;
		background-color: #FFFFFF;
		height: 286px;
		margin-right: 4px;
		margin-bottom: 4px;
		float: right;
				}
	#footer{
		clear:both;
		width: 1100px;
		height: 45px;
		margin: 0 auto;
		margin-top: 20px;
		background-color:#8A8C28;
		}


	
	/* Main DIV's End's */

	/* Main DIV's borders starts */
	#header_con {
		border-top: solid 7px rgb(243, 244, 244);
	}
	
	#slider, #news_con {
		border-top: solid 7px rgb(213, 230, 253);
		border-radius: 0px 0px 5px 5px;
	}
	
	#advs_con, #statements_con, #events_con {
		border-top: solid 7px #FED8FF;
		border-radius: 0px 0px 5px 5px;
	}
	
	
	#restu_con, #sport_con, #links_con {
		border-top: solid 7px #A1BCDA;
		border-radius: 0px 0px 5px 5px;
		}
	#offers_con, #survery_con {
		border-top: solid 7px #B1E7D8;
		border-radius: 0px 0px 5px 5px;
	}
	
	#writers_con, #feed {
		border-top: solid 7px #EDF0C1;
		border-radius: 0px 0px 5px 5px;
	}


	#footer {
		border-top: solid 3px #B1E7D8;
		border-radius: 5px 5px 0px 0px;
	}
	
	/* Main DIV's borders End's */

	/* Sub DIV's Start */
	
	.sub_con{ margin-top:0px;}
	
	.sub{
		  width: 364px;
		  height: 110px;
		  display: inline;
		  float: right;
		  border-bottom: #f3f4f4 1px dotted;
		  border-top: #f3f4f4 1px dotted;
		  -webkit-transition: background-color 1s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 1s;
		}
		
		.sub:hover {
			background-color:lightblue;
			
			}
		
		.sub_img {
		width:100px;
		height:100px;
		float:right;
		display:inline-block;
		margin-right:4px;
			
				}

		.sub_img img {
		width:100px;
		height:100px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border: solid 1px rgb(242, 242, 242);
		margin-top:4px;
			
				}
				
		.sub_text{
		width:260px;
		float:right;
		display:inline-block;
		overflow:none;
		margin-top: 12px;
		}
		
		.sub_text h2{
			text-align:right;
			padding:5px;
			color:black;
			text-decoration:none;
			font-size:14px;
			
		}
		
		
	/* Sub DIV's End's */
	
	#news_con h3, #statements_con h3, #events_con h3, #survery_con h3, #offers_con h3, #writers_con h3, #advs_con h3,#restu_con h3, #sport_con h3, #links_con h3 {
		text-align:right;
		color:rgb(221, 190, 20);
		margin-right:4px;
		display:inline;
		float: right;
		}
	#news_con h4, #statements_con h4, #events_con h4, #survery_con h4, #offers_con h4, #writers_con h4 {
	  margin-left: 4px;
	  display: inline-block;
		}
		
	#news_con h2, #statements_con h2, #events_con h2, #advs_con h2, #advs_con h2,#restu_con h2, #sport_con h2, #links_con h2{
		  text-align: right;
		  padding: 0 5px;
		  color: black;
		  text-decoration: none;
		  font-size: 14px;
		  line-height: 20px;
		  letter-spacing: -1px;
		  -webkit-transition: color 0.2s; /* For Safari 3.1 to 6.0 */
  		  transition: color 0.2s;

	}
	#news_con h2:hover, #statements_con h2:hover, #events_con h2:hover, #advs_con h2:hover, #advs_con h2:hover,#restu_con h2:hover, #sport_con h2:hover, #links_con h2:hover{
		color:red;
	}



#footer h3 {
	
	text-align:center;
	color:white;
	font-size:14px;
	padding-top:0px;
	}

				
	.fa {
		  display: inline-block;
		  font-family: FontAwesome;
		  font-style: normal;
		  font-weight: normal;
		  color:rgb(239, 201, 0);
		  margin-left:10px;
		  font-size:20pt;
		  letter-spacing: 13px;
			}
		
	.faar {
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		color: rgb(215, 215, 215);
		margin-left: 10px;
		font-size: 16pt;
		letter-spacing: 10px;
		-webkit-transition: color 0.2s; /* For Safari 3.1 to 6.0 */
  		transition: color 0.2s;
	}
	.faar:hover {color:#40D3D3;}
	
		
		.fanh2 {
		  font-family: FontAwesome;
		  font-style: normal;
		  font-weight: normal;
		  color: rgb(215, 215, 215);
		  margin-left: 6px;
		  padding-left: 0px;
		  font-size: 12pt;
		  letter-spacing: 3px;
			}
		
			.faheader {
		  display: inline-block;
		  font-family: FontAwesome;
		  font-style: normal;
		  font-weight: normal;
		  color:gold;
		  margin-left:10px;
		  font-size:20pt;
		  letter-spacing: 1px;
			}


	/* Inner pages Start */

	#Inner_con{
		width:1100px;
		background-color:#FFFFFF;
		height:auto;
		margin: 0 auto;
		border-top: solid 7px #EDF0C1;
		border-radius: 0px 0px 5px 5px;
		float:right;
		}	
	
	#Inner_con h3{
		text-align:center;
		font-size:24px;
		color:rgb(64, 211, 211);
		margin-top: 63px;
		margin-bottom: 54px;
		}
		
	#Inner_con h2{
	  text-align: left;
	  font-size: 13px;
	  color: rgb(64, 211, 211);
	  margin-top: 35px;
	  margin-bottom: 30px;
	  margin-left: 50px;		
		}
	#Inner_con h5{
	  text-align: right;
	  font-size: 16px;
	  color: rgb(64, 211, 211);
	  margin-top: 35px;
	  margin-bottom: 30px;
	  margin-right: 50px;
  		}
	#Inner_con h5 a{
		text-decoration:none; 		}
	#Inner_con img{
		margin: 25px auto;
		max-width:450px;
		height:auto;
		border-radius: 5px 5px 5px 5px;
		display: block;
		}	
					
#Inner_con p{
		text-align: justify;
		text-justify: inter-word;
		font-size: 15px;
		text-indent: 40px;
		line-height: 200%;
		direction: rtl;
		margin: 20px 50px;;
		}
		
		.Inner_list{
		text-align: right;
		font-size: 15px;
		text-indent: 20px;
		line-height: 200%;
		direction: rtl;
		margin: 20px 50px;;
		}



	#view_con{
		  width: 360px;
		  background-color: #FEFFE4;
		  height: 100px;
		  margin-bottom: 20px;
		  margin-right: 5px;
		  float: right;
		  overflow: hidden;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
			border-top: solid 7px #E0D9B3;
			border-radius: 85px 20px 20px 20px;
			cursor:pointer;
			
		}
	#view_con:hover {
			background-color:#ffffff;
			
		
	}
		

	#view_con h6{
		text-align:center;
		font-size:18px;
		color:red;
		margin-top: 3px;
		margin-bottom: 4px;
		}

		.view_list{
		text-align: right;
		font-size: 14px;
		line-height: 200%;
		direction: rtl;
		}
			/* Inner pages ends */
			
			
			/* Inner mambers start */
	#Inner_members{
		width:1100px;
		background-color:#FFFFFF;
		height:auto;
		margin: 0 auto;
		border-top: solid 7px #EDF0C1;
		border-radius: 0px 0px 5px 5px;
		float:right;
		}	
	#Inner_members h3{
		text-align:center;
		font-size:24px;
		color:rgb(64, 211, 211);
		margin-top: 63px;
		margin-bottom: 54px;
  		}
	#Inner_members h5{
	  text-align: center;
	  font-size: 16px;
	  color: rgb(228, 232, 68);
	  margin-bottom: 2px;
	  margin-top:4px;

  		}	
		
	#Inner_members h2{
	  text-align: center;
	  font-size: 13px;
	  color: rgb(64, 211, 211);
	  margin-bottom: 3px;
		}
		.member_img img {
		display:block;
		margin: 0 auto;
		width:200px;
		height:200px;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border: solid 1px rgb(242, 242, 242);
		margin-top:4px;
			
				}

	.member_con{
		  width: 200px;
		  height: 300px;
		  margin-bottom: 30px;
		  margin-right: 20px;
		  float: right;
		  -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
  		  transition: background-color 0.3s;
			cursor:pointer;
			
		}
	#member_con:hover {
			background-color:lightyellow;
			
		
	}
	
	.middle {
		width:630px;
		margin:0 auto;
		
		}
			/* Inner members pages ends */

#slider
{z-index:1 !important;
position:relative;
}


.clear {clear:both;}	
@media screen and (max-width: 768px) {
		
		#webcontainer{ width:100%;}
			}
		
	
	@media screen and (max-width:640px){
		#header_con{ width:100%; position:relative;}
		#nav{ width:100%; position:relative;height: auto;}
		#news_con{ width:100%; position:relative;}
		#slider{ width:100%; position:relative;height: auto;}
		#advs_con{ width:100%; position:relative;}
		#restu_con{width:100%; position:relative;}
		#sport_con{width:100%; position:relative;}
		#statements_con{width:100%; position:relative;}
		#links_con{width:100%; position:relative;}
		#events_con{width:100%; position:relative;}
		#offers_con{width:100%; position:relative;height: auto;}
		.sub{width:100%;}
		#survery_con{width:100%; position:relative;height: auto;}
		#writers_con{width:100%; position:relative;height: auto;}
		#feed{width:100%; position:relative;}
		#footer{width:100%; position:relative;}
		#Inner_con{width:100%; position:relative;}
		#Inner_con img{width:100%; position:relative;}
			}