*{box-sizing:border-box}body{margin:0;font:12px/1.6 Verdana,Arial,sans-serif;color:#ccc;background:#2b2b2b linear-gradient(#111,#2b2b2b 300px) no-repeat}a{color:#fff}
#wrap{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:140px 500px 360px;align-items:start}
#menu{grid-column:1/-1;background:#000;padding:10px 10px 0;display:flex;flex-wrap:wrap;gap:5px}#menu a{display:block;border-top:2px solid #c00;padding:6px 15px 7px;font:bold 10px Arial,'Trebuchet MS';background:linear-gradient(#555,#333);text-decoration:none}#menu a:hover{border-color:#5e0000;text-decoration:underline}
.side{background:#000;font:11px/18px Arial,Verdana;padding:10px}.side h2{font:bold 11px 'Trebuchet MS',Arial;color:#c30000;border-bottom:1px solid #262626;padding-bottom:5px;margin:10px 0 5px}.side ul{list-style:none;margin:0;padding:0}
main{background:#000;padding-bottom:70px}#header{background:#fff;text-align:center;padding:10px}#header img{max-width:100%;height:auto}#logo{display:block;font:bold 30px 'Times New Roman',serif;color:#c00;text-decoration:none;padding:6px}
.post h2{margin:0;border-top:2px solid #c00;padding:18px 20px 17px;font:normal 18px/24px 'Times New Roman',serif;color:#fff;background:linear-gradient(#555,#333)}.post h2 a{text-decoration:none}
.entry{border-top:1px solid #fff;padding:10px 20px 20px;color:#000;background:#eee}.entry a{color:#c00}.meta{font:11px Arial;color:#555}footer{grid-column:1/-1;text-align:center;padding:20px;font-size:11px;color:#888}
@media(max-width:1000px){#wrap{grid-template-columns:1fr}.side{order:3}}