* {box-sizing:border-box;}
body {max-width:550px; margin:0 auto; padding:0 20px 20px 20px; background:#fff; font-family:sans-serif; font-size:13px;}
a {text-decoration:none; color:#178cfe;}
h1 {font-size:28px; letter-spacing:-2px;}
h2 {margin:0; font-size:24px; margin-top: 20px;}
h3 a {color:#000;}
p {line-height:1.3em;}
li {padding:5px 0;}
li img {margin:20px 0; outline:2px solid #000; outline-offset:-2px;}
img {width:100%;}
.author {color:#999; font-size:12px;}
.red {color:red;}
.grey {color:#999;}


.attachments {margin:10px 0;}
.attachment {display:inline-block; background-color:#fff; border:1px solid #eee; margin-right:10px; width:180px; margin-bottom:10px; position:relative;}
.attachment:after {content:''; display:block; position:absolute; z-index:1; right:-1px; bottom:-1px; height:0; width:0; background:red; border-left:12px solid #666; border-bottom:12px solid #fff;}
.attachment:hover {background-color:#f5f7f9;}
.attachment-content {height:100px; background-size:contain; background-repeat:no-repeat; background-position:center;}
.attachment-desc {font-size:12px; color: #666; white-space:nowrap; background: #f5f7f9; width:100%; border-top:1px solid #eee; padding:5px 10px; position:relative; overflow:hidden;}

aside.tag-live {color:green;}
aside.tag-dev {color:red;}