html{font-family:arial, sans-serif;background:#000;}html,body{margin:0;padding:0;min-height:100%;}body >header{background:#151515;color:#FFF;margin:50px 0 0 0;border-bottom:3px solid #0088EE;}body >header div{width:1000px;margin:0 auto 0 auto;}body >header div *{vertical-align:text-top;}body >header div img{margin:10px;width:128px;height:128px;background:#000;border:3px solid #0088EE;float:left;}body >header div h1{display:inline-block;margin:0;padding:10px;}body >header div nav ul{margin:0;padding:0;list-style:none;position:relative;}body >header div nav ul li{display:inline-block;vertical-align:text-top;}body >header div nav ul li a{display:inline-block;background:#333;color:#FFF;font-weight:bold;text-decoration:none;text-transform:capitalize;padding:3px;margin:3px 3px 0 3px;}body >header div nav ul li a:hover{background:white !important;color:black;}body >header div nav ul li.active{margin-bottom:-3px;}body >header div nav ul li.active a{background:#0088EE;}body >main{background:#EEE;max-width:800px;margin:0 auto 0 auto;padding:10px 20px 10px 20px;border:1px solid #0088EE;border-top:none;border-bottom:none;min-height:200px;}body >main h2{margin:5px;}body >main #userinfo ul{list-style:none;}body >main #userinfo ul li label{display:inline-block;min-width:120px;font-weight:bold;text-transform:capitalize;}body >footer{max-width:800px;margin:0 auto 0 auto;background:#151515;padding:5px 21px 5px 21px;font-size:8pt;text-align:center;color:#555;}@media (max-width:1000px){body>header div{width:auto;margin:0;}body>header div img{width:64px;height:64px;margin:0;border-width:3px;float:none;}}@media (max-width: 800px){body >header{margin:0;}body >main{padding:5px;border:none;margin:0;}}