.page { width: 320px; -webkit-text-size-adjust: none; }
.logo img { display: none; }
.logo { width: 187px; height: 36px; background-image: url('images/logo_small.png'); position: static; margin: 5px auto; }
.logo a { width: 100%; height: 100%; display: block; }

.page_name { display: none; }
.navigation { width: 100%; margin: 0; text-align: center; height: 60px; }
.navigation h3 { margin: 0 .5em; }
.subnavigation { position: static; width: 100%; max-width: none; background-color: #eee; border-top: 1px dotted #999; }
.subnavigation #searchform { padding: 5px 10px; text-align: left; }
.subnavigation #archives, .subnavigation #categories { width: 145px; padding: 0 5px; display: inline-block; }
.subnavigation .rss { width: 50px; overflow: visible; margin: 0 auto; }
.subnavigation h2 { margin-top: 5px; }

.content { width: 100%; margin: 0; }
.content h4 { width: auto; padding: 0 10px; line-height: 1.3; }
.content .metadata .date { position: static; display: block; margin: 5px 10px; font-size: 18px; }
.content .main_entry { width: auto; margin: 0 10px; }
.main_entry h5 { margin-left: 0; }
.content p, .content .wp-caption, .content .comments, .content .comment_count { line-height: 1.4 !important; font-size: 18px; }

.blog_post + .blog_post .main_entry, .blog_post + .blog_post .comment_count { display: none; }

.content .comment_count { width: 100%; margin-left: 0; text-align: center; }
.comment_count .options { display: block; }
.comment_count .options a { margin: 0 13px; display: inline; float: none; }
.options .print, .options .share { display: none !important; }

.content .wp-caption { max-width: 290px !important; }
.content .wp-caption img { max-width: 282px; }
.content code, form .note { margin: 10px 0; width: 288px; }

.options { display: none; }

.content .comments { margin-left: 40px; width: 200px; }
.content .comments h5 { width: auto; margin-left: 0; }
.content .comments .previous_comments, .content .comments div.new_comment { margin-left: -50px; width: 300px; }
.content .comments .previous_comments .comment .metadata .date { margin: 0; }
.content .comments .previous_comments .comment { overflow: hidden; }

.content .prevnext { width: 100%; margin: 10px 0;}

form .form_field label, .subnavigation #searchform label { float: none; width: auto; display: block; text-align: left; margin-right: 0; }
form .form_field input, form .form_field textarea, .subnavigation #searchform input#s { width: 292px; font-size: 18px; padding: 3px; }
form .form_field .submit_button, .subnavigation #searchform input#searchsubmit { display: block; float: none; height: auto; padding: 3px; font-size: 18px; background-color: #eee; background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(128, 128, 128, .4)), to(rgba(0, 0, 0, .5))); background-image: -moz-linear-gradient(0 0 -90deg, rgba(128, 128, 128, .4), rgba(0, 0, 0, .5)); } /*webos doesn't seem to do gradients */
form .form_field .submit_button:hover, form .form_field .submit_button:focus, .subnavigation #searchform input#searchsubmit:hover, .subnavigation #searchform input#searchsubmit:focus { background-position: center; background-color: #fff; }
form .form_field .submit_button:active, .subnavigation #searchform input#searchsubmit:active { background-position: center; background-color: #ccc; }
form .note { font-size: 18px; }
form .form_field .note { float: none; margin-right: 0; width: 288px; }

.portfolio_summary { margin-left: auto; margin-right: auto; float: none; display: block; }

.footer { width: 100%; margin-top: 5px; padding-top: 5px; }
.footer:before { content: ''; }

/* font sizes */
body { font-size: 18px; }
h6 { font-size: 18px; }
h5, blockquote.pullquote { font-size: 20px; }

h4 { font-size: 25px; line-height: 1.3; }
h3 { font-size: 25px; }

h2 { font-size: 24px; }
h1 { font-size: 36px; }

/* landscape can go wider (don't know if this actually works) */
@media all and (orientation:landscape) {
.page { width: 420px; }
.navigation { height: 30px; }
.subnavigation #archives, .subnavigation #categories { width: 225px; }
.content .wp-caption { max-width: 450px !important; }
.content .wp-caption img { max-width: 442px; }
.content code, form .note { width: 448px; }
.content .comments { width: 360px; }
.content .comments .previous_comments, .content .comments div.new_comment { width: 460; }
form .form_field input, form .form_field textarea { width: 458px; }
form .form_field .note { width: 448px; }
}