<!DOCTYPE html>
<html>
<title>o316</title>
<head>
<link rel="shortcut icon" href="favicon2.ico?v=2" />

<style>
p.pos_title
{
  position:fixed;
  top: 50%;
  left: 50%;
  margin-top: -255px;
  margin-left: -92px;
  font-size:24px;
  font-family: "Gill Sans MT", "Microsoft YaHei New", "Microsoft Yahei","微软雅黑", Arial, Helvetica, sans-serif, STXihei, 华文细黑;
}

#qr
{
  position:fixed;
  top: 50%;
  left: 50%;
  margin-top: -155px;
  margin-left: -75px;
  font-size:24px;
  font-family: "Gill Sans MT", "Microsoft YaHei New", "Microsoft Yahei","微软雅黑", Arial, Helvetica, sans-serif, STXihei, 华文细黑;
}
#qr li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#qr li, #qr a{height:150px;display:block;}

#qrimage{left:0;width:149px;}
#qrimage{background:url('qr.png') 0 0;}
#qrimage a:hover{background: url('qr.png') -151px 0;}
	
p.pos_fixed
{
  position:fixed;
  top: 50%;
  left: 50%;
  margin-top: 25px;
  margin-left: -55px;
  font-size:24px;
  font-family: "Gill Sans MT", "Microsoft YaHei New", "Microsoft Yahei","微软雅黑", Arial, Helvetica, sans-serif, STXihei, 华文细黑;
  
}

a:hover 
{ 
  background-color:lightgrey;
}

a:link 
{ 
  text-decoration:none;
  color: black;
 }
a:visited {color:black;}


#navlist{position:fixed;
  top: 50%;
  left: 50%;
  margin-top: 215px;
  margin-left: -40px;

}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:36px;display:block;}

#fb{left:0;width:35px;}
#fb{background:url('socialpixels.png') 0 0;}
#fb a:hover{background: url('socialpixels.png') -36px 0;}

#weibo{left:37;width:44px;}
#weibo{background:url('socialpixels.png') 0 -36px;}
#weibo a:hover{background: url('socialpixels.png') -45px -36px;}


</style>
</head>
<body>

<p class="pos_title">
JONATHAN <FONT COLOR="FFFFFF">.</FONT>هـيـثـم<br>
MCKAY 米凯 مكاي
</p>

<ul id="qr">
  <li id="qrimage"><a href="http://o316.com"></a></li>
<br>
</ul>

<p class="pos_fixed">
<a href="/travel/?page_id=2">ABOUT</a><br>
<a href="/travel/?page_id=453">CONTACT</a><br>
<a href="/travel/">BLOG</a><br>
<a href="/arabic">تعلم العربي</a><br>

<br><br>


<ul id="navlist">
  <li id="fb"><a href="http://facebook.com/quantumn"></a></li><br>
  <li id="weibo"><a href="http://weibo.com/u/2603675644"></a></li>
</ul>
</p>

</body>
</html>