@media (min-width:320px) and (max-width: 1024px)  {
  /* smartphones, Android phones, landscape iPhone */

  #wrap {
    margin: 50px auto;
  }

  #page-header {
  font-size:3em;
  }

  .inner {
  margin-bottom:50px;
  }

  .inner a.top {
    background-size: cover;
    width: 45px;
    height: 45px;
  }

  .postbody {
  float:none;
  width:100%;
  }

  .postbody h3 {
  font-size: 3em;
  }

  .postbody p.author {
    font-size: 2em;
    width: 100%;
    text-align: right;
  border-bottom:1px solid silver;
  }

  .postbody p.author > a {
  display:none;
  }

  .postbody .content {
    font-size: 4em;

  }

  .postbody .content img:not([src*="images/smilies"]) {
  width:100%;
  }

  .postbody .content img[src*="images/smilies"] {
  width:40px;
  }

  .postbody blockquote {
  margin:0;
  }

  .postbody blockquote blockquote {
  margin-left:5px;
  }

  .postprofile {
  display:none;
  }

  .signature {
    padding: 0 50px;
    font-size: 8px;
  }

  .pagination strong,
  .pagination .page-sep + a,
  .pagination .page-dots + a{
    font-size: 6em;
  }
}