body {
margin:0;padding:0;background-color:#fff;color:#242121;font-family:Source Sans Pro,Roboto,Open Sans,Liberation Sans,DejaVu Sans,Verdana,Helvetica,Arial,sans-serif;font-size:1.02em;line-height:1.2em;
}
hr {
color:#eee;background-color:#eee;height:1px;border:none;margin-top:40px;margin-bottom:40px;
}
img {
max-width:100%;
}
aside {
background-color:#333;text-align:center;
}
aside,aside a {
color:#fff;
}
aside a:hover {
color:#eee;
}
aside div {
padding:20px;margin:0;
}

aside div h1 {
margin:15px 0 5px;
}
aside div p {
margin:0 0 15px;font-size:.92em;
}
aside nav ul li {
display:inline;line-height:1.6em;font-size:1.28em;text-transform:lowercase;
}
main nav {
text-align:center;text-transform:uppercase;font-size:.72em;padding:14px 0;border-bottom:1px solid #eee;
}
main .translations a,main nav a {
padding:0 4px;border-left:1px solid #eee;border-right:1px solid #eee;
}
main .translations :first-child,main nav :first-child {
border-left:none;
}
main .translations :last-child,main nav :last-child {
border-right:none;
}
main .neighbors {
margin:4% 0;height:20px;
}
main .pagination {
margin:4% 8%;height:20px;
}
main .social-share p {
font-size:.8em;
}
main article {
margin:0 8% 2%;
}
main article header h1,main article header h2 {
margin-bottom:0;
}
main article header p {
color:#999;font-size:.86em;
}
main article header .translations {
float:right;
}
main article header .translations .active {
font-weight:600;
}
main article code,main article kbd,main article pre,main article samp {
font-family:Source Code Pro,Consolas,Liberation Mono,DejaVu Sans Mono,monospace;
}
main article blockquote,main article pre {
background-color:hsla(0,0%,50%,.05);border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:8px solid hsla(0,0%,50%,.075);border-left-width:10px;
}
main article blockquote {
padding:10px 20px;font-weight:300;font-size:1.1em;
}
main article pre {
padding:4px;font-size:.9em;overflow-x:auto;
}
main article samp {
white-space:pre;display:block;overflow-x:auto;
}
main article kbd {
padding:.1em .6em;border:1px solid rgba(63,63,63,.25);box-shadow:0 1px 0 rgba(63,63,63,.25);background-color:#fff;color:#333;border-radius:3px;display:inline-block;margin:0 .1em;white-space:nowrap;font-size:.78em;
}
main article :not(pre)>code {
font-size:.8em;white-space:nowrap;color:#c25;padding:1px 3px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:3px;
}
main article .comment-count {
font-size:.8em;
}
main article table {
border-collapse:collapse;border-spacing:0;
}
main article table thead:first-child tr:first-child th {
border-top:0;
}
main article table td,main article table th {
padding:8px;line-height:20px;vertical-align:top;border-top:1px solid #ddd;
}
main footer {
padding-top:4px;border-top:1px solid #eee;
}
main footer p {
margin:2px;text-align:center;padding:0 40px;color:#999;font-size:11px;
}
.tag-cloud a {
background-color:#d9411e;padding:.2em .6em;font-size:.74em;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;
}
.tag-cloud a:hover {
background-color:#ff5a09;
}
a.btn {
background-color:#d9411e;padding:.6em;font-size:.8em;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;
}
a.btn:hover {
background-color:#ff5a09;
}
.center,.text-center {
text-align:center;
}
.align-center,.img-center {
margin-left:auto;margin-right:auto;display:block;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
div.related-posts {
margin:15px 0;padding-bottom:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;
}
div.related-posts h4 {
margin:20px 0 25px;
}
div.related-posts ul {
font-size:1.1em;padding-left:12px;
}
div.related-posts ul li {
padding:4px 0;
}
ul.list,ul.related-posts,ul.social {
list-style-type:none;margin:0;padding:0;
}
ul.list {
padding:1em 0;
}
ul.list li {
padding:4px;
}
ul.social {
font-size:1.6em;padding-top:20px;
}
ul.social li {
display:inline;
}
ul.social a:hover {
z-index:1;transform:translateY(-5px);
}
ul.social a {
display:inline-block;width:36px;height:36px;border-radius:100%;text-align:center;font-size:.8em;line-height:40px;
}
ul.social a.sc-facebook {
background-color:#3e5b98;
}
ul.social a.sc-instagram {
background-color:#125688;
}
ul.social a.sc-reddit {
background-color:#ff4500;
}

@media screen and (min-width:768px) {
	aside {
		width:25%;height:100%;position:fixed;top:0;left:0;overflow-y:auto;
	}
	aside div {
		padding:36px 18px;
	}
	aside div nav ul li {
		padding:0!important;display:block;
	}
	aside div ul.social {
		padding-top:32px;
	}
	main {
		width:75%;height:100%;position:absolute;top:0;left:25%;
	}
	main article.single {
		min-height:80%;
	}
	main article ul.list li {
		padding:2px;
	}
}