/* Containters */ .wrapper { margin-left: 20%; width:60%; } .top-bar { width: 100%; margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px lightgrey solid; } .main { float: left; width: 75%; margin-right: 1%; padding-right: 1%; border-right: 1px lightgrey solid; margin-bottom: 5px; } .sidebar { float: left; width: 22%; } /* panels */ .panel { overflow: auto; word-wrap: break-word; } .col-left, .col-right { overflow: auto; margin: 0px; width: 48%; } .col-left { padding: 5px 10px 5px 0px; float: left; } .col-right { padding: 5px 0px 5px 10px; float: right; } /* text */ a { text-decoration: none; } h1 { font-size: x-large; } h2 { font-size: medium; border-top: 1px #999 solid; background-color: lightgray; padding: 6px; } h4 { padding: 3px; } .code { font-family: monospace; color: darkgrey; word-wrap: break-word; } /* other */ .stop-float { clear: both; }