* { margin: 0; padding: 0;}

html { background-color: #f00;}

body { background-color: #fff;}

p, li { font-size: 80%;}

h1 { font-size: 110%; margin: 10px 0 20px 0;}
h2 { font-size: 100%; margin: 10px 0 15px 0;}
h3 { font-size: 90%; margin: 5px 0 10px 0;}

hr { clear: both;}

#header { color: #fff; width: 700px; height: 60px; background-color: #3C4E7D; padding: 20px; margin: 0 auto;}
#header #author { font-size: 200%;}
#header a:link, #header a:visited { color: #bf6;}
#header a:hover, #header a:active, #header a:focus { color: #6bf;}

#page { width: 700px; background-color: #efefef; margin: 0 auto;
 padding: 0 13px 0 27px; /* <<<  This is apparently where Firefox chokes */
}

#content { background-color: #ade; float: left; clear: left; width: 440px; padding: 0 20px 0 20px;}
#content p { margin-bottom: 15px;}

#sidebar { background-color: #dea; float: right; clear: right; width: 180px;  padding: 0 10px 0 10px; margin-left: 20px;}
#sidebar p, #sidebar ul { margin-bottom: 15px;}

#footer { color: #fff; text-align: right; width: 725px; background-color: #444; padding: 5px 15px 10px 0; margin: 0 auto;}
#footer a:link, #footer a:visited { color: #bf6;}
#footer a:hover, #footer a:active, #footer a:focus { color: #6bf;}