#wrap { margin: 0 auto; padding: 0 1em; border-left: 20px solid #999; border-right: 20px solid #999; max-width: 54em; /* 864px / 16px = 54em */ }
header { padding: 0;}
header h1 { margin-left: 14.81%; /* 128px / 864px = 0.1481% */ width: 55.55%; /* 480px / 864px = 0.5555*/ }
header, nav, article { float: left; width: 100%; }
article { margin:0; }
article img { width:100%; height:auto; }
article h3 { float: right; width: 85.18%; /* 736px / 864px = 0.8518 */ }
article h6 { float: left; width: 14.81%; /* 128px / 864px = 0.1481 */ }
article .content { float: right; width: 85.18%; /* 736px / 864px = 0.8518 */ }
article .main { float: left; width: 65.21%; /* 480px / 736px = 0.6521 */ }
aside { float: right; width: 30.42%; /* 224px / 736px = 0.3042 */ }