html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html { font: normal "Lucida Grande", Lucida, Verdana, sans-serif; color: #484848; background: #181818 url(images/bg.jpg) }
h1, h2{ font-size:24px; padding:0 0 10px 0;}
p{ font-size:15px; line-height:20px;}
a:link {color:#000;}      /* unvisited link */
a:visited {color:#000;}  /* visited link */
a:hover {color:#000;}  /* mouse over link */
a:active {color:#000;}  /* selected link */
.adds .text p a {color:#000}
#wrapper { background:url(images/body-bg.jpg) top center repeat-x; clear:both; height:auto; min-height:700px;} 
#top-menu{width: 1024px; margin: 0 auto; padding: 0; height:20px; text-align:center;}
#logo{ width:198px; height:122px;}
#topads{ width:730px; height:90px; float:left; margin:10px 0 0 60px;}
#content  { width: 1024px; margin: 0 auto; padding: 0; background:url(images/top-bg.jpg) top center no-repeat #FFF;
box-shadow: 0px 0px 7px #6e6e6e; 
-moz-box-shadow: 0px 0px 7px #6e6e6e;
-webkit-box-shadow: 0px 0px 7px #6e6e6e;
border-radius: 12px 12px 12px 12px;
height:auto;}
#content-body{min-height:500px; padding:250px 0 0 0;}

#content-footer{ height:130px; width: 1024px; background:url(images/zuma_footer_nonfranchise_em.jpg);
border-radius: 12px 12px 12px 12px; clear:both;
 }
#content-footer-shado{width: 1024px; height:33px; margin: 0 auto; padding: 0; background:url(images/shado.png) top center no-repeat #FFF;}
#footer { background: #181818 url(images/footer.jpg) repeat; padding: 10px 0; margin: 0; height:300px; text-align:center; }
#footerads{ margin:200px 0 0 0;}
.big-ads, .homeads,.big-ads-game{ width:346px; height:310px; margin:5px 5px 5px 5px; padding:0px 5px 0 5px; background:#fff; float:left; text-align:center;
box-shadow: 0px 0px 7px #6e6e6e; 
-moz-box-shadow: 0px 0px 7px #6e6e6e;
-webkit-box-shadow: 0px 0px 7px #6e6e6e;
border-radius: 12px 12px 12px 12px;
}
.big-ads-game{ float:right; margin:0 20px;}
.homeads{ width:300px; height:280px; }
.adds{ float:left; width:100%; padding:10px 0 0 0;}

.sgamehome ,.sgame , .adds-img {margin:5px 5px 5px 32px; padding:5px; background:#fff; float:left;
box-shadow: 0px 0px 7px #6e6e6e; 
-moz-box-shadow: 0px 0px 7px #6e6e6e;
-webkit-box-shadow: 0px 0px 7px #6e6e6e;
border-radius: 8px 8px 8px 8px;}
.sgamehome{margin:5px 26px 6px 5px; float:right;}
.adds-img{ float:right; margin-right:20px;}
.gicon{ float:right; padding:20px 60px 0 0;}
#top-menu ul{ padding:10px 250px 0 0;}
#top-menu li{ float:right; padding: 10px; color:#FFF; font-size:24px; border-left:solid #fff 2px; }
#top-menu li a{color:#FFF; text-decoration:none;}
#adsleft{ float:left; margin-left:10px;}
#adsright{float:right; margin-right:10px;}
.gads{ text-align:center; width:99%; height:115px; }
.gads p,.homeads p{ font-size:9px;}
#adsright, #adsleft{
width:160px; 
box-shadow: 0px 0px 7px #6e6e6e; 
-moz-box-shadow: 0px 0px 7px #6e6e6e;
-webkit-box-shadow: 0px 0px 7px #6e6e6e;
border-radius: 12px 12px 12px 12px;
padding:10px;	
	}
#game,#more-games{ float:left;padding:10px; margin-left:150px;
box-shadow: 0px 0px 7px #6e6e6e; 
-moz-box-shadow: 0px 0px 7px #6e6e6e;
-webkit-box-shadow: 0px 0px 7px #6e6e6e;
border-radius: 12px 12px 12px 12px;
}
#more-games{ width:700px; margin-left:100px;}
.text,.texthome{ padding:20px; float:right; width:600px;}
.texthome{width:96%; float:right; }
.sisiads { width:40%; height:200px; float:left; padding:2%; margin:3%;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.etext{ text-align:left; padding:0 20px;}
#game-text{ width:600px; float:left; padding:0 20px 0 0; text-align:right;}
.gameDiv {
	height:600px;
	padding:20px;
	margin-top:10px;
}
.playbutton{ text-align:center; padding:20px 0 0 0;}
.show_hide {
	display:none;
	text-align:center;
}
#zumagames{ float:right; width:100%; padding:10px 0 0 0;}
#al3ab-ads{ text-align:center; height:125px; width:722px; padding:10px 0 0 145px; float:left; margin:10px 0;}
#al3ab-ads p, .big-ads-game p, .big-ads p { font-size:10px;}
.cpads { clear:both; text-align:center; width:722px; padding:10px 0 0 145px;}
#terms{ padding:20px; text-align:left;}
#terms li { margin:10px; list-style:square; font-size:15px;}
.likes{ text-align:center; float:right; width:800px; height:24px;}
.likeshome{ text-align:center; float:right; width:99%;}
.likes-titel{ width:650px; float:right; height:24px;}
.tlikes{ float:left; width:320px;}
#unityPlayer{
 margin-left: auto ;
  margin-right: auto ; width:833px; height: 440px;
  background:-moz-linear-gradient(top, #606c88, #3f4c6b);
  background:-webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0px 0px 15px #000;
  -webkit-box-shadow:0px 0px 15px #000;
  box-shadow:0px 0px 15px #000;
  }
  .imgleft{ float:left; padding:10px;}
  .homeimg{ float:left; width:340px; text-align:center;}
  .missing,.broken{ text-align:center; }
   .image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* المسافة بين الصور */
    justify-content: center;
    max-width: 1080px; /* عرض تقريبي ليكون مناسب للصفوف */
    margin: 0 auto;
  }

  .image-grid a img {
    width: 250px;
    height: 250px;
    object-fit: cover; /* للحفاظ على نسب الصورة */
    border: 2px solid #ccc; /* اختياري: إطار خفيف حول الصور */
    border-radius: 8px; /* اختياري: زوايا دائرية */
    transition: transform 0.3s; /* تأثير عند المرور بالفأرة */
  }

  .image-grid a img:hover {
    transform: scale(1.05); /* تكبير بسيط عند المرور بالفأرة */
  }
  .newstitel{
    text-align:center;
	font-weight: bold;
	font-size: 200%
  }
  .video-container {
    display: flex;
    justify-content: center; /* centers the video horizontally */
    margin: 20px 0;
  }
  .video-container video {
    width: 80%; /* sets video width to 80% of container */
    height: auto; /* maintains aspect ratio */
  }
  .iframe-container {
    display: flex;
    justify-content: center; /* centers the iframe */
    margin: 20px 0;
  }
  .iframe-container iframe {
    width: 80%; /* sets width to 80% of container */
    height: auto; /* optional: maintains aspect ratio */
    aspect-ratio: 16 / 9; /* keeps standard YouTube aspect ratio */
  }
   .image-container {
    text-align: center; /* centers inline content like images */
    margin: 20px 0;
  }
  .image-container img {
    max-width: 100%; /* makes image responsive */
  height: auto;}
	
	.instructions-container {
      background-color: #ffcc00;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      margin: 20px auto;
      max-width: 600px;
      padding: 20px;
      text-align: center;
    }
    .instructions-container h2 {
      color: #d35400;
      font-size: 24px;
      margin-bottom: 10px;
    }
    .instructions-container p {
      font-size: 16px;
      line-height: 1.6;
      margin: 10px 0;
    }
    .instructions-container .highlight {
      background-color: #e67e22;
      border-radius: 4px;
      color: white;
      font-weight: bold;
      padding: 5px;
    }
    .instructions-container img {
      border-radius: 8px;
      margin-top: 20px;
      width: 100%;
      max-width: 400px;
    }