* {
  float: none;       /* Screens are not big enough to account for floats */
  background: #fff;  /*  As much contrast as possible */
  color: #000;
}

/* Slightly reducing font size to reduce need to scroll */
body { font-size: 80%; }
h1 { font-size: 16pt !important; font-weight: bold; }
h2 { font-size: 12pt !important; }
h3 { font-size: 12pt !important; font-weight: bold; }

/* Shrink padding to give more real estate to play with */
#container { padding: 10px; border: none; }

/* Make navigation bar usable on tiny screen */
#banner nav { width: 100%; margin: 0 0 10px 0; padding: 0; }
#banner nav ul { width: 100%; margin: 0; padding: 0; }
#banner nav {
    font-size: 1em;
    height: 30px;
    line-height: 20px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#banner nav a:link, #banner nav a:visited {
    height: 20px;
    padding: 5px;
    margin: 0;
    background: #444;
}

/* Disable the huge splash image and twitter feed */
#middle-banner { display: none; }


/* Footer */
#about .bio { text-align: left; }

/* Fix up all the hardcoded absolute widths */
#container { width: auto; }
#banner h1 a:link, #banner h1 a:visited { width: auto; }
#about .primary { width: auto; }
#about .bio { width: auto; }