pre {
  font-size: 12px;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#page nav {
  display: none;
}
#Mobile-header {
  background: #333333;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
  height: 42px;
  padding: 0 50px;
}
#Mobile-header a {
  background: #FF0000;
  background: url(../images/menu.png) no-repeat 0px 3px #FF0000;
  display: block;
  width: 30px;
  height: 36px;
  position: absolute;
  top: 2px;
  left: 10px;
  border: 1px solid rgb(255, 0, 0);
  border-radius: 5px 5px 5px 5px;
}
#Mobile-header a.friends {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#Mobile-header a.right {
  left: auto;
  right: 10px;
}