document.write('/* Our documents structure */
');
document.write('body {
');
document.write(' margin: 0;
');
document.write(' text-align: center;
');
document.write(' padding: 0;
');
document.write(' font: 11px/1.8em Verdana, Arial, Helvetica, sans-serif;
');
document.write('}
');
document.write('
');
document.write('#container {
');
document.write(' margin: auto;
');
document.write(' text-align: left;
');
document.write(' width: 760px;
');
document.write('}
');
document.write('
');
document.write('#header {
');
document.write(' border-bottom: 1px solid #ddd;
');
document.write(' height: 80px;
');
document.write(' margin-bottom: 20px;
');
document.write('}
');
document.write('
');
document.write('#content {
');
document.write(' float: left;
');
document.write(' width: 500px;
');
document.write('}
');
document.write('
');
document.write('#sidebar {
');
document.write(' float: right;
');
document.write(' width: 240px;
');
document.write('}
');
document.write('
');
document.write('#footer {
');
document.write(' border-top: 1px solid #ddd;
');
document.write(' margin-top: 20px;
');
document.write(' padding-top: 3px;
');
document.write('}
');
document.write('
');
document.write('/* This will clear the float in Internet Explorer */
');
document.write('.clearfix {
');
document.write(' clear: both;
');
document.write('}
');
document.write('
');
document.write('/* This will force the clear in browsers such as Mozilla and Safari */
');
document.write('.clearfix:after {
');
document.write(' clear: both;
');
document.write(' content: ".";
');
document.write(' display: block;
');
document.write(' height: 0;
');
document.write(' visibility: hidden;
');
document.write('}
');
document.write('
');