*{box-sizing:border-box;}
body{padding:0;margin:0;font:16px/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#f3f3f3;background-image:url(../images/tile.png);}
h1{font-size:1.875em;}
h2{font-size:1.625em;}
h3{font-size:1.5em;}
h4{font-size:1.25em;}
h5{font-size:1.125em;}
h6{font-size:1em;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-font-smoothing: antialiased;}
h1,h2,h3{margin-top:20px;margin-bottom:10px;}
p{margin:0 0 10px;}
a{color:#1d5cc2;text-decoration:none;}
a:hover{text-decoration:underline;}

@media (max-width:768px){
    body{font-size:14px;}
    nav{border-bottom:solid 1px #ccc;}
    .blog-list ul{padding-left:0;padding-right:0;}
}
@media (min-width:768px){
    body{font-size:16px;}
    nav{text-align:right;}
    .container{width:750px;}
}
@media (min-width:992px){
    .container{width:970px;}
}
@media (min-width:1200px){
}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}

nav{padding:8px 0;}
nav a{background:#fff;padding:4px 8px;border-radius:5px;margin:0 3px 0 0;}
nav a:hover, nav a.active{color:#fff;background-color:#1d5cc2;}

header{padding:10px 0 10px 0;}
header p{font-size:1.25em;}

footer{padding:15px;}

.blog-list{border:solid 1px #ddd;border-radius:4px;background-color:#fff;padding:15px 30px;margin:0 0 20px;}
.blog-list li{list-style:none;}
.blog-list>li{font-size:2em;margin:16px 0;}
.blog-list ul{border-top:solid 1px #ccc;margin:5px 0;padding-top:3px;}
.blog-list ul li{font-size:0.5em;margin:5px 0;}
.blog-list span{color:#666;margin:0 2px;}
.blog-list a{margin-left:2px;}

article{border:solid 1px #ddd;border-radius:4px;background-color:#fff;margin-bottom:20px;padding:15px 30px;position:relative;}
article header{padding:0 0 3px;margin:0;border-bottom:solid 1px #ccc;}
article header a{color:inherit;}
article section{padding:15px 0;margin-bottom:10px;}
article footer{padding:0;border:none;font-size:0.875em;}
article footer a{margin-left:10px;color:inherit;}
article aside{margin:20px 0 10px;padding:15px 15px 5px;border-radius:4px;background-color:#eee;}
article img{display: block; height: auto; max-width: 100%;}
article img.inline{display: inline;}

.avatars{margin-left:10px;}

.disabled, .disabled a{color:#777;cursor:not-allowed;}
.clear{clear:both; width:1px;height:1px;display:block;}
.hidden{display:none;}

#blog_item_template{display:none;}

.disqus-widget{border:solid 1px #ddd;border-radius:4px;background-color:#fff;margin-bottom:20px;padding:15px 30px;}
.disqus-widget header{border-bottom:solid 1px #eee;padding:0 0 3px;margin:0;}
.disqus-widget header h2{font-size:1.25em;}
.disqus-widget footer{padding:8px 0 0;border:none;font-size:0.875em;}
.disqus-widget footer a{color:#ccc;}
.disqus-widget ul{padding:0;margin:0;}
.disqus-widget li.dsq-widget-item{border-bottom:solid 1px #eee;padding:15px 0;margin:0;}
.disqus-widget li.dsq-widget-item:hover{background-color:#fcfcfc;}
.dsq-widget-user{color:#455c85;text-decoration:none;}
.dsq-widget-user:hover{text-decoration:underline;}
.dsq-widget-comment{display:block;padding:8px 10px;}
.dsq-widget-meta{text-align:right;}
.dsq-widget-meta a{color:#455c85;}


@media (prefers-color-scheme: dark) {
  body{ background-color:#000; background-image: none; }
  span,p,footer,li,h1,h2,h3,h4,h5,h6{color: #aaa;}
  article{background-color: #121212; border-color: #333;}
  article header{border-bottom-color: #333;}
  article aside{background-color: #000;}
  .blog-list{background-color: #121212; border-color: #333;}
  .blog-list ul {border-color: #333;}
  nav a{color:#3e92db; background-color: #333;}
  nav a:hover, nav a.active{color:#183a57;background-color:#999;}
  img {filter: brightness(0.4)}
}