body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
body { margin: 0; padding: 0; font-size: small; }
h1 { padding: 10px; margin: 0; font-size: large }
h2 { padding: 10px; background-color: #ddd; color: black; margin: 0; font-size: small; font-weight: normal }
#main { background: #eee; padding: 10px }
pre { border: none }

div.section { clear: left; }
div.section h1 { padding: 20px 20px 0 20px }
div.section h2 { background: #eee; padding: 1px 20px;  }
div.demo, div.inner { color: #000; text-align: center; font-family: verdana, arial, sans-serif;}
div.demo  { float: left; width: 18em; padding: 20px; margin: 1em; background: #6af; }
div.inner { margin: 0; width: 582px; background: silver; padding: 1px; border:0; font-size:12px;}
div.outer { float: left; width: 590px; margin: 0px; background: silver; padding: 0px;}
div.fun   { margin: 2px; }
div#readyTest { background-color: #6af; float: right; padding: 10px; height: 20px }

#abs { position: absolute; width: 200px; background: #ffa;
    padding: 5px; margin: 8px; top: 0; right: 0; text-align: center }

/* fixed height/width testing */
.box  { background-color: #6af; padding: 15px; text-align: center; margin: 25px }
#box1 { zoom:1 }                                       /* fluid (zoom for layout) */
#box2 { height: 150px;  }                              /* fixed height */
#box3 { width:  300px; margin:auto }                   /* fixed width */
#box4 { height: 150px; width: 300px; margin:auto }     /* fixed height and width */

div.plain  { background-color: #6af; text-align: center; }