Handheld Functionality Demo
Please resize your window to a very small width to get an accurate idea of how the page will be displayed.
For starters, the handheld stylesheet changes the margins of all the major divs. Secondly, it removes comments and headers from side containers, but leaves the images left aligned and not floated. Third, if you decide to apply dropdown.css to all media types, not just screen, the handheld.css styles will remove dropdown functionality, making the navigation menu a simple unordered list. It makes labels for form inputs appear above, rather than to the left of the inputs, making forms thinner. It makes columns no longer columns. The right column will appear after the left column. It turns off text justification, the body's background color, and the hover effect in Hoverbox image galleries. You may want to do some experimentation to see what various elements look like when this stylesheet is in use.
Because the layout.css stylesheet is applied only to screen, it doesn't apply itself when using a handheld browser. Because of this, the #navigation div appears below the #content div and they both take up 100% of the screen width, as you can see in this page.