/*
THEME NAME: Stuart's Speaker
THEME URI: http://www.mrspeaker.net/
DESCRIPTION: This crud is from, like, 2007.
VERSION: 0.0.13242242
AUTHOR: Mr Speaker
AUTHOR URI: http://www.mrspeaker.net/
*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body{
	color:hsl(0, 0%, 22%);
	background:#F9F9F9 url(/images/mrman-up.png) no-repeat center bottom;
	line-height: 1.6em;
	margin:0;
	padding:0;
  font-family: Fira Code, Monaco, Consolas, Ubuntu Mono, monospace;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

ul {
  line-height: 1.6;
}

body > div {
	margin: 0 auto;
}
body main,
.sidebar {
	margin:auto;
	width: 700px;
	padding: 0.5em;
}
.sidebar ul {
  list-style: none;
  padding: 0;
}
.sidebar div.navigation {
	margin-top: 35px;
}

.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}
.blur_me {
  animation: blurer 1s linear;
  animation-fill-mode: forwards;
}
@keyframes blurer {
    100% { filter: blur(0px); }
}

.gist pre {
	color: #000;
	width: 430px;
}

a {
	color: #d63695;
	text-decoration:none;
	font-family: courier new, courier, monospace;
}

a img { border: 0; }

@media only screen and (max-width: 736px) {
	body main {
		width: 100%;
	}

}

header {
	margin: 0 auto;
  overflow: hidden;
  position: relative;
}

header h1 {
	width: 100%;
	background: url(/images/mrman.png) no-repeat center -10px;
  margin-top: 0;
	color: transparent;
	height: 380px;
}

header a {
  outline: 0;
}

img.sprite {
  box-shadow: none !important;
  margin-left: 41%;
  margin-top: 20px;
}

h2{ font-weight: normal; }
h2:not(:first-child) {
  margin-top: 40px;
  margin-bottom: 20px;
  }
h2.entry-title,
h2.page-title {
	font-size:14pt;
	margin-bottom: 5px;
	margin-left: -10px;
	padding: 12px 5px 12px 10px;
  font-weight: bold;

  padding-right: 55px; /* wrap before avatar icon */

  -webkit-background-size: auto, 20px 20px;
	-moz-background-size: auto, 20px 20px;
	background-size: auto, 20px 20px;
	background-image: url('/images/lilspeaker.png'),
		linear-gradient(-45deg,
      transparent,
      transparent 48%,
      #ddd 48%,
      #ddd 52%,
      transparent 52%,
      transparent);
	background-repeat: no-repeat, repeat;
	background-position: right 12px center;
}
h2.entry-title, h2.entry-title a, h2.page-title a {
	font-family: monospace;
	text-decoration:none;
	color: #333;
}

article {
	padding-bottom:25px;
	margin-bottom:60px;
}

p {
	line-height: 1.8em;
}

nav.categories {
  margin-bottom: 35px;
}

.intro {
  margin: 48px 0px 68px 0px;
}
.intro a {
	font-weight: bold;
}


.entry-content .clearer { clear:both; }
.entry-content abbr,div.comments ol.commentlist abbr{ border-bottom:1px dotted #333;cursor:help;}
.entry-content blockquote,div.comments ol.commentlist blockquote{ margin-left:0;margin-right:3em;padding:0 0 0 2em;}
.entry-content cite,div.comments ol.commentlist cite{ border-bottom:1px dotted #999;cursor:help;}
.entry-content div.page-link { font-size:1em ;margin:-0.5em 0 1em;}
.entry-content img {
  max-width:100%;
  border-radius: 1px;
  box-shadow: 0 0 10px #ccc;
}
.entry-content span.more-link { }
.entry-content img.hero { min-width: 100%; }
.entry-content h3 {
	padding: 8px 0;
}

body.single div.entry-meta,
div.entry-date abbr.published{
	border:none;display:block;
	margin:0 0 -0.5em;
	padding-bottom: 10px;
	color: #aaa;
	font-size:8pt;
}

.cleaner{ clear:both; }

.nav-previous, .nav-next {
	background-color: #F140A9;
	color: #fff;
	font-size: 1.5em;
	padding: 5px;
}
.nav-previous a, .nav-next a {
  color: #fff;
}
nav .nav-previous{ float:left;}
nav .nav-next{ float:right;}

.single nav .nav-previous,
.single nav .nav-next {
	font-size: 1em;
}

footer {
	clear:both;
	font-size: 0.8em;
	line-height: 1.1em;

  clear: both;

 padding-top: 341px;
}

footer > div {
    width: 36%;
    margin: auto;
    text-align: center;
    background-color: #eee;
}

.entry-meta {
	display: none !important;
}
.single .entry-meta {
	border:1px solid #eee;
	display:block;
}

div.comments{
  padding-top: 40px;
  clear: both;
}

div.comments span.req-field{color:red;}
div.comments span.unapproved{color:#800;font-style:italic;}
div.comments h3{font-size:1.2em;font-weight:400;}
div.comments ol#comments li{background:#f4f4f4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
div.comments ol#comments div.comment-author span.fn,div.comments ol#pingbacks div.comment-meta span.fn{font-size:0.9em;font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
div.comments ol#comments div.comment-meta{font-size:7pt;}
div.comments ol#comments li p{margin:0.7em 0;}
div.comments ol#comments li.alt{background:#fafafa;color:#222;}
div.comments ol#comments li.bypostauthor{background:#eee;border:1px solid #999;color:#111;}
div.comments ol#pingbacks li{background:#fcfcfc;border-bottom:2px solid #777;border-top:1px solid #777;color:#666;}
div.comments ol#pingbacks li p{margin:0.5em 0;}
div.comments ol.commentlist{margin:0 0 3em 1.5em;padding:0;}
div.comments ol.commentlist li{margin:0 0 1.5em;padding:0.5em;}
div.entry-content div.page-link a {font-weight:700;}
textarea{ border:1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; padding:5px;}

code, pre{ font-family:"courier new",courier,monospace; }
code{ font-weight: bold;}
pre {
	padding: 3px;
	font-size: 10pt;
	overflow: auto; line-height: 1.2em;
	background-color: #333;
	color: #0f0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
pre code {
	background-color: #111;
	color: #0f0;
	font-weight: normal;
}
.codez{
	max-height: 500px;
}

p.note { background:#FFF9D8!important;
	padding: 10px !important;
	color:#760 !important;
	border-left:6px solid #F3E378 !important;
}
p.note a { color: #006FAF; }

.frame-left, .frame-right {
	border:1px solid #ccc;
	margin:3px;
	padding:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.frame-left{ float:left; }
.frame-right{ float:right; }

.bigbutton {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #d4d4d4;
	padding: 10px;
	font-family: verdana;
	color:#000;
	text-shadow:1px 1px 0 rgba(255,255,255,0.6);
	border-color:#c9c9c9;
	border-bottom-color:#9a9a9a;
	background:#d7d7d7;
	background:-webkit-gradient(linear,left top,left bottom,from(#d7d7d7),to(#ababab));
	background:-moz-linear-gradient(top,#d7d7d7,#ababab);
}

#games {
	width: 60%;
	float: left;
}
#games-bar {
	float: left;
	width: 36%;
	margin-left: 20px;
}

@media screen and (prefers-color-scheme: dark) {
  body {
    color:#c0b8c0;
    background-color:hsl(0, 0%, 9%);
  }
  img {
    filter: brightness(0.9);
  }
  .intro, .entry-title a {
    color: #d0d0d0 !important;
  }
  .entry-title, .page-title {
    background: none !important;
  }
  .entry-content img, iframe {
    box-shadow: 0px 0 25px #000 !important;
  }
  .entry-content img.sprite {
    box-shadow: none !important;
  }
  .entry-content .note {
    background: #4F4948 !important;
    color: #ca5 !important;
  }
}

@media screen and (prefers-color-scheme: light) {
  body {
    color:#222;
    background-color:#f9f9f9;
  }
  .entry-title, .page-title {
    background: none !important;
  }
  .entry-content img, iframe {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
  }
}