html, 
body, 
div, 
span,
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p,
a, 
em, 
font, 
img, 
q, 
strong, 
var, 
b, 
u, 
i, 
center,
ul, 
li,
form,
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:105%;
 vertical-align:baseline;
 background:0 0
}
body {
 line-height:1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
nav ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
a {
 margin:0;
 padding:0;
 font-size:100%;
 vertical-align:baseline;
 background:0 0
}
ins {
 background-color:#fff;
 color:#000;
 text-decoration:none
}
mark {
 background-color:#ff9;
 color:#000;
 font-style:italic;
 font-weight:700
}
del {
 text-decoration:line-through
}
abbr[title],
dfn[title] {
 border-bottom:1px dotted;
 cursor:help
}
body {
 font-family:helvetica neue,Helvetica,Arial,sans-serif;
 font-size:16px
}
a {
 color:#2458a1;
 text-decoration:none
}
a:hover {
 text-decoration:underline
}
.logo {
 text-indent:100%;
 overflow:hidden;
 white-space:nowrap;
 display:block;
 background-size:100%;
 width:35px;
 height:35px;
 background-image:url(/short-stories/sweasy26-35.png)
}
.logo.large {
 width:62px;
 height:62px;
 background-image:url(/short-stories/sweasy26-62.png)
}
body>header {
 background-color:#91ccec;
 padding:20px 0
}
body>header:after {
 content:" ";
 display:table;
 clear:both
}
body>header .container {
 position:relative
}
body>header .logo {
 position:absolute;
 left:20px;
 top:0
}
body>header #nav-categories-toggle {
 position:absolute;
 right:20px;
 top:0;
 width:90px;
 font-size:16px;
 line-height:32px;
 text-align:right
}
body>header #nav-categories-toggle:hover {
 text-decoration:none
}
body>header nav {
 clear:both;
 font-size:18px;
 padding-top:32px
}
body>header nav a {
 display:block;
 line-height:2em
}
body>header nav ul {
 padding-top:10px;
 display:none;
 margin-bottom:-9px
}
h1 {
 font-size:32px;
 margin-bottom:10px
}
h2 {
 font-size:20px;
 margin-bottom:10px
}
h3 {
 font-size:1em;
 font-weight:700;
 margin-bottom:10px
}
h2,
h4 {
 font-weight:300
}
.container {
 max-width:1000px;
 padding:0 20px;
 margin:0 auto
}
.content p,
.content ul,
.content ol,
.content pre {
 margin-bottom:1em;
 line-height:1.5em
}
.content ul {
 list-style:none
}
.content .boxout {
 background-color:#f1f1f1;
 padding:.5em 1em;
 font-family:monospace
}
.content .logo {
 margin:0 auto
}
.content .display-name {
 font-style:italic
}
.content img {
 max-width:100%
}
body>.container {
 padding-top:20px
}
body .container .content {
 padding-bottom:20px
}
.sidebar .block {
 background-color:#f1f1f1;
 padding:1em;
 margin-bottom:1em
}
.sidebar .block ul {
 list-style:none
}
.sidebar .block li {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.sidebar .block a {
 line-height:1.4
}
@media(max-width:340px) {
 .sidebar .block {
  margin-left:-20px;
  margin-right:-20px
 }
}
.vsfilter__label {
 display:block
}
.vsfilter__ln--active {
 font-weight:700;
 cursor:default
}
body>footer {
 font-size:14px;
 color:#5d5a65;
 background-color:#d6d2e4;
 overflow:auto
}
body>footer nav {
 color:#fff;
 background-color:#111c1f;
 padding-top:30px;
 overflow:auto
}
body>footer nav h2 {
 font-size:18px;
 font-weight:400;
 margin-bottom:.4em
}
body>footer nav ul {
 margin-bottom:30px
}
body>footer nav ul li {
 line-height:1.4em
}
body>footer nav a {
 color:#8db6f0
}
body>footer .content {
 margin-top:30px;
 margin-bottom:30px
}
.home-content {
 padding-top:64px;
 padding-bottom:64px
}
.home-content .content {
 margin:3em 0
}
.ad-header {
 text-align:center;
 margin-top:40px
}
.sidebar .ad-sidebar {
 padding-left:0;
 padding-right:0
}
.sidebar .ad-sidebar>* {
 max-width:300px;
 margin:0 auto
}
.ad-below-images {
 padding-bottom:1em;
 margin-bottom:1em;
 border-bottom:2px solid #ddd
}
.ad-footer {
 margin-top:60px
}
@media only screen and (min-width:900px) {
 body>header nav ul {
  display:block!important;
  margin-left:-12px;
  font-size:15px
 }
 body>header nav ul li {
  display:inline-block;
  margin-left:12px
 }
 body>header #nav-categories-toggle {
  display:none
 }
 body>footer nav .container>div {
  float:left;
  width:33%
 }
 h1 {
  font-size:40px;
  margin-bottom:10px
 }
 h2 {
  font-size:22px;
  margin-bottom:10px
 }
 body>.container {
  padding-top:40px
 }
 body>.container:after {
  content:" ";
  display:table;
  clear:both
 }
 body>.container .content,
 body>.container .sidebar {
  float:left
 }
 body>.container .content {
  width:62%;
  margin-right:3%
 }
 body>.container .content.wide {
  float:none;
  width:100%
 }
 body>.container .sidebar {
  width:35%
 }
 body>.home-content .content,
 body>.home-content .sidebar {
  float:none;
  width:100%
 }
 body>.home-content .logo {
  width:170px;
  height:170px;
  background-image:url(/short-stories/sweasy26-170.png)
 }
 body>.home-content .content {
  margin-top:6em;
  margin-bottom:6em
 }
 body>.home-content .sidebar:after {
  content:" ";
  display:table;
  clear:both
 }
 body>.home-content .sidebar .block {
  box-sizing:border-box;
  width:31.333%;
  margin-right:3%;
  float:left
 }
 body>.home-content .sidebar .block:last-child {
  margin-right:0
 }