<div id="menu">
   	   <ul class="solkisim">
		<li><a href="hakkimizda.html"><i class="fa fa-home"></i> Anasayfa</a></li>
		<li style="width:120px"> <a href="hakkimizda.html"><i class="fa fa-cog"></i> Admin Paneli</a></li>
		<li><a href="urunler.html"><i class="fa fa-user"></i> Üye Paneli</a></li>
		<li><a href="üye girisi.html"><i class="fa fa-sign-out"></i> Çıkış Yap</a></li>
		<li><a href="iletisim.html"><i class="fa fa-envelope-o"></i> İletişim</a></li>
	   </ul>
       
        <ul class="sagkisim">
       		<form id="arama-form" action="" method="post">
				<input id="arama-input-text" type="text" name="query" placeholder="Oyun Ara..." />
				<input id="arama-input-submit" type="submit" value="" />
			</form>
        </ul>
   </div>

div#menu {
font-family: 'Lato', sans-serif;
height: 35px;
border: 1px solid silver;
min-width: 961px;
margin-top: -1px;
background-image:url('../images/bg-arkaplan.png');
background-color:#E6E6E6;
}


div#menu .solkisim {
list-style:none;
position: absolute;
padding-left: 88px;
}

div#menu ul li {
text-align:center;
width:100px;
display:block;
float:left;
margin-right: 6px;
}

#menu  ul li a {
color: rgb(90, 90, 90);
padding-top: 9px;
text-decoration:none;
height:30px;
display:block;
}

#menu  ul li a:hover {
color:black;
padding-top: 9px;
text-decoration:none;
height:30px;
display:block;
}


div#menu .sagkisim {
list-style:none;
position: absolute;
padding-left: 958px;
padding-top: 2px;
}