mobile css fragment for sippey.com

sippey-mobile-fragment.css

@media only screen and (max-device-width: 480px) {

body { 
  background-image : none; 
  -webkit-text-size-adjust: 300%;
  background-color : #fff;
  }

#nav {
  display : none;
  }

#banner {
  margin-right : 0px; 
  margin-left : 0px;
  padding-top : 2em;
  padding-bottom : 2em;
  }

#banner-header {
  font-family : Helvetica, Arial !important;
  font-size : 20px;
  font-weight : bold;
  }

#banner-description {
  display : none;
  }

.content-nav, .entry, .comments, #atp-comments {
  margin-left : 0px;
  margin-right : 0px;
  }

.date-header {
  float : none;
  width : 100%;
  text-align : left;
  margin-left : 0px;
  padding-left : 0px;
  }

.entry p {
  margin-bottom : 1em;
  }

.entry .entry-footer a {
  background-image : none;
  padding-left : 0px;
  }

.comments-open .login-list .typepad,
.comments-open .login-list .twitter,
.comments-open .login-list .facebook {
  background-image : none;
  padding-left : 9px;
  }

#comment-text {
  width : 100%;
  height : 5em;
  border : 1px solid black;
  }

.comments-open-subtext {
  display : none;
  }

#comment-preview-button {
  display : none;
  }
  
}