Code:
HEADER Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non nisi vel mauris semper adipiscing et vel nunc. Etiam id nisi in sem tincidunt tristique. Vivamus rhoncus tincidunt nisl, a fermentum augue placerat
in. Aenean luctus id nunc ac condimentum. In a auctor metus. Proin magna nulla, ultricies quis feugiat sit amet, luctus quis libero. Phasellus ac egestas arcu, at eleifend erat.
HEADER Morbi vel sapien vel ante consectetur scelerisque non in est. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque malesuada euismod dolor, non venenatis dolor euismod non. Vestibulum congue a diam
ac dapibus. Cras tellus sapien, imperdiet accumsan elit in, volutpat suscipit diam. Vivamus non aliquet orci, vel condimentum eros. Donec porttitor at elit non commodo. Mauris nec nulla dolor.
HEADER Ut id gravida eros. Vestibulum at diam est. Maecenas sed viverra dolor. Sed faucibus metus quis ipsum condimentum, sit amet consequat nisi molestie. Nunc sagittis mi in risus auctor blandit. Vivamus et lacus tincidunt, adipiscing
ligula et, facilisis felis. Nulla justo est, varius eget ipsum nec, ullamcorper tincidunt ipsum. Phasellus volutpat molestie augue, nec pharetra odio iaculis sit amet.
*{margin:0;padding:0}body{background:#f6f8f8}#menu{position:relative;width:100%;background:#1B63E0;display:box;box-orient:horizontal;box-pack:center;box-shadow:inset 0 -1px 3px 0 rgba(0,0,0,.9)}#menu ul{list-style:none;font-size:0;display:box;max-width:800px;box-flex:1}#menu li{box-shadow:rgba(255,255,255,.11) 1px 0 0 0;font:18px Tahoma;display:inline-block;border-right-color:rgba(0,0,0,.3);border-right-style:solid;border-right-width:1px;transition:background .5s ease}#menu li:first-child{box-shadow:rgba(255,255,255,.11) 1px 0 0 0,rgba(255,255,255,.11) -1px 0 0 0;border-left-color:rgba(0,0,0,.3);border-left-style:solid;border-left-width:1px}#menu li:hover{background:#FFF}#menu a{display:block;padding:20px;text-shadow:0 1px 3px #0a0a0a}#menu a:link{color:#FFF;text-decoration:none}#menu a:active{color:#FFF;text-decoration:none;outline:none}#menu a:visited{color:#FFF;text-decoration:none}#menu a:hover{color:#1B63E0;text-decoration:none;text-shadow:none}#big_wrapper{display:block;max-width:800px;margin:0 auto;background:#FFF;border:1px solid rgba(0,0,0,.5);border-top:none;box-shadow:1px 2px 5px 0 rgba(0,0,0,.7);border-radius:0 0 8px 8px}#content_wrapper{display:box;box-flex:1;max-width:800px;box-sizing:border-box;padding:10px}#content_wrapper>*{margin-right:10px}#content{box-flex:1}#main_aside{width:170px;border-left-color:rgba(0,0,0,.3);border-left-style:solid;border-left-width:1px;padding-left:10px;box-sizing:content-box}#main_aside article{text-align:left;font-size:15px;font-family:Georgia,serif}#main_aside article header{text-align:left;font-size:18px;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;padding:5px 0;border-bottom:1.5px solid #1B63E0;margin-bottom:5px}#main_aside article footer{text-align:right;font-size:14px;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;border-top:1.5px solid #1B63E0;margin-bottom:10px}#content article{text-align:left;font-size:15px;font-family:Georgia,serif}#content article header{text-align:left;font-size:18px;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;padding:5px 0;border-bottom:1.5px solid #1B63E0;margin-bottom:5px}#content article footer{text-align:right;font-size:14px;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;border-top:1.5px solid #1B63E0;margin-bottom:10px}.footer{text-align:center;border-top:1px dotted #1B63E0;display:block}