html, body {margin:0;padding:0;background:#ffc;}
body {font-size:62.5%;font-family:Arial,sans-serif;}

h1 {background:#000;color:#eee;margin:0;padding:.5em 1em;font-size:2em;font-weight:normal;border-bottom:1px solid #999;}

#actions {background:#333;padding:.5em 2em;color:#ccc;}
#actions form {margin:0;padding:0;}
#actions fieldset {border:0;margin:0;padding:0;float:left;}
#actions fieldset ol {margin:0 0 0 1em;padding:0;list-style:none;}
#actions fieldset li {height:3em;}
#actions fieldset label {margin:0 .3em 0 0;width:5em;display:-moz-inline-box;display:inline-block;}
#actions legend {display:none;}

#data {padding:2em;font-size:1.2em;line-height:1.4;background:#eee;border-bottom:1px solid #CC9;}
#data h2 {font-size:1.5em;margin:0 0 .5em;font-weight:normal;}

pre {margin:0;padding:2em;font-size:1.5em;line-height:1.6;background:#ffc;border-top:1px solid #cc9;}
pre:before {font-size:0.8125em;font-family:sans-serif;color:#999;display:block;}
#source:before {content:"HTML source:";}
#css:before {content:"CSS source:";}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */