rudis dot net

Found some time to optimize rudis dot net for the iPhone. I created a custom iPhone.css for Drupal's itheme that gets rid of everything but the content div (no search, navigation, background image[s] or sidebar). I'd prefer it if those bytes were never sent to the client, but hiding them works well. (I may re-add search once I can figure out a pleasant way to display the box)

The actual "code" is after the jump. It requires two additional lines in the itheme page.tpl.php:

<meta name="viewport" content="width = 545" />
<link media="only screen and (max-device-width: 480px)"
      href="/themes/itheme/iPhone.css"
      type="text/css" rel="stylesheet" />

#page {
        background: #42afdc;
}
body {
        background: #42afdc;
        font: 75%/170% Verdana, Arial, Helvetica, sans-serif;
        padding: 0px;
        margin: 0px;
        color: #333333;
}
#search { display:none }
#search .container-inline { display:none }
#search-theme-form { display:none }
#sidebar { display:none }
#sidebar .dbx-group, 
   #sidebar .dbx-box,
       #sidebar .dbx-handle { display:none }
#wrapper {
   margin: 0px 0px 0px 10px;
   width: 545px
}
#content {
        padding: 25px 0px 15px 5px;
        width: 495px;
        background: #ffffff;
        clear: both;
        overflow: hidden;
}

#content p {
        line-height: 115%;
}
#nav { display:none }