/*
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%, 32%);
	background:#F9F9F9 url(/images/mrman-up.png) no-repeat center bottom;
	line-height: 1.8em;
	margin:0;
	padding:0;
	font: .9em Raleway, 'Helvetica Neue', Helvetica, 'Lucida Grande', FreeSans, sans-serif;
}


body div#outerWrapper {
	margin: 0 auto;
}
body div#wrapper {}
body div#container{
	margin:auto;
	width: 600px;
	padding: 0.5em;
}

#post-0 {

	/*border-top: 1px dashed #ddd;*/
	border-bottom: 1px dashed #ddd;
	padding-bottom: 1em;
	margin-bottom: 4em;

}

.lolblink {
  font-family: monospace;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0; }
}

/* for github lolz */
#githubble {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 90px;
	overflow: hidden;
}
#gitcommit {
	border: 1px solid #ccc;
	width: 150px;
	position: absolute;
	right: -20px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	right: -35px;
	top: 27px;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

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

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

a img{ border:0; }

div#header {
	margin: 0 auto;
}

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

}

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

h2{ font-weight: normal;}
h2.entry-title,
h2.page-title {
	font-size:13pt;
	margin-bottom: 5px;
	margin-left: -10px;
	padding: 12px 5px 12px 10px;

  -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: Raleway, monospace;
	text-decoration:none;
	color: #333;
	background-color: #f9f9f9;
}

.hentry {
	padding-bottom:25px;
	margin-bottom:35px;
}
#search.hentry{
	padding-bottom:0px;
}

p {
	line-height: 1.8em;
}

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

.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; }
div.navigation .nav-previous a, .navigation .nav-next a{
	background-color: #F140A9;
	color: #fff;
	font-size: 1.5em;
	padding: 5px;
}
div.navigation .nav-previous{ float:left;}
div.navigation .nav-next{ float:right;}
.single div.navigation .nav-previous a,
.single div.navigation .nav-next a {
	font-size: 1em;
}
.sidebar div.navigation {
	margin-top: 35px;
}

div#footer{
	clear:both;
	font-size:0.8em;
	line-height:1.1em;
	margin-top: 10em;
}
#footer h3 span {
	background-color: #f9f9f9;
}
#footer a{
	text-decoration:none;
}
.footCol li a {
	font-family: monospace;
	background-color: #f9f9f9;
}
.footCol{
	float:left;
	width: 14.285%;
	color:#222;
	list-style-type:none;
	padding:0;
}
.footCol li ul{ color:#770; margin:0;padding:0;}
.footCol li ul li { list-style-type:none; }
.footCol li ul li:before { content: "\002A"; }
.footCol li ul li a
{
	margin-left:3px;
	color:#770;
}
#footCol2 li ul li a, #footCol2 li ul { color:#070; }
#footCol3 li ul li a,#footCol3 li ul{ color: #707; }
#footCol4 li ul li a,#footCol4 li ul{ color: #007; }
#footCol3 li ul li{}
.fcCol4{ color: #007; }

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

#footer-bits {
	margin:3em 0;
}

#footer-about {
	width: 36%;
	margin: auto;
	border-radius: 30px;
	padding: 30px;
	text-align: center;
	background-color: #eee;
}

div.comments{
	width:62%;
	float:left;
}
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.comments ol.commentlist li img.photo{margin:0.3em 0.3em 1em 1em;float:right;border:1px solid #000;}
div.formcontainer div#comment-notes em,div.entry-content div.page-link a,div.comments div.nopassword,div.sidebar ul li.widget_calendar table#wp-calendar tfoot{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: 9pt;
	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; }
.intro {
	padding: 5px;
	color: #333;
	font-family: courier new;
	font-size: 10pt;
}
.intro a {
	font-weight: bold;
}

.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;
}