@import url("override.css");

body { width: 700px; background-color: #7d6b9d; margin: 20px auto; font: 15px verdana; }
body > footer { padding: 1em 0; }
a { color: #d7b1ff; }
header > img { float: right; }
img { max-width: 400px; }
blockquote { margin-left: 0; border-left: 2px #999 solid; padding: 0 24px; }
.subtitle, article { background-color: #d4d4d4; padding: 1em; border: 2px #000000 solid; border-radius: 10px; margin-bottom: 20px; }
article a { color: #9b56ff; }
article[class^="liked-"] { background-color: #f0f0f8; }
.post a.llink { display: none; }
header a, footer a { text-decoration: none; }
footer, article footer a { font-size: small; color: #999; }

@media (orientation: portrait), (max-width: 480px) {
  
body { width: auto; background-color: #7d6b9d; margin: 40px 40px; font: 23px verdana; }
body > footer { padding: 1em 0; }
a { color: #d7b1ff; }
header > img { float: right; }
img { max-width: 400px; }
blockquote { margin-left: 0; border-left: 2px #999 solid; padding: 0 24px; }
.subtitle, article { background-color: #d4d4d4; padding: 1em; border: 2px #000000 solid; border-radius: 10px; margin-bottom: 20px; }
article a { color: #9b56ff; }
article[class^="liked-"] { background-color: #f0f0f8; }
.post a.llink { display: none; }
header a, footer a { text-decoration: none; }
footer, article footer a { font-size: 30px; color: #999; }  
  
  
  
}