/* Layout ****************************************************************************************/

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: /*"Linux Libertine", */"Georgia", "Droid Serif", "Times New Roman", "Times", serif;
	color: #333;
	background-color: #fff;

	margin: 0 auto;

	padding: 0 24px;
	padding: 0 1.714285714rem;
}

@media screen and (min-width: 960px) {
	body {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;

	}
}

@media screen and (min-width: 600px) {
	body {
		max-width: 800px;
		max-width: 50rem;
	}
}

#wrap1 {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}

header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

h1 {
	margin: 0; padding: 0;

	line-height: 1.2;
	font-size: 200%;
	text-align: center;
	font-weight: normal;
}

h1 a {
	text-decoration: none;
}

div.content {
	text-align: justify;
}

article footer {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
	text-align: justify;
}

article footer a {
	color: #757575;
}
article footer a:hover {
	color: #21759b;
}

article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	/* -webkit-hyphens: auto; */
	/* -moz-hyphens: auto; */
	/* -epub-hyphens: auto; */
	/* hyphens: auto; */
}

body > footer {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
body > footer a {
	color: #686868;
}
body > footer a:hover {
	color: #21759b;
}

/* Special ***************************************************************************************/

.link-list li:hover {
	background-color: #f2f2fa;
}
.link-list .right {
	display: block;
	float: right;
}
.link-list time {
	font-family: "Droid Serif", "Times New Roman", "Times", serif;
}

.nav-next {
	float: left;
}

.nav-previous {
	float: right;
}

/* Content ***************************************************************************************/

a {
	color: #557;
}

a:hover {
	color: #334;
}

div.content a:visited,
ul.link-list a:visited {
	color: #9f9f9f;
}

p {
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

ol, ul {
	line-height: 1.714285714;
	padding: 0;
}

div.content > ol,
div.content > ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}

img {
	border: 0;
}
p > img,
p > a > img,
figure img {
	max-width: 100%;
}
figure {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}
figcaption {
	font-size: 90%;
}
.avoidwrap {
	display: inline-block;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.youtube {
	position: relative;
}
.youtube a { display: block; }
.youtube img { max-width: 100%; display: block; }
.youtube svg {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
	width: 15%;
}
.youtube:hover .ytp-large-play-button-bg { fill: #f00; }

blockquote {
	margin: 0;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 0 24px;
	padding: 0 1.714285714rem;
	font-style: italic;
}
blockquote p:last-child {
	margin-bottom: 0;
}

dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
dt {
	font-weight: bold;
	line-height: 1.714285714;
}
dd {
	margin: 0;
	padding: 0;
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}


h2, h3, h4, h5, h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6;         }
h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; }
h4 { font-size: 14px; font-size: 1rem;           line-height: 1.846153846; }
h5 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; }

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comments **************************************************************************************/

button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

#comments-section-header {
	margin-bottom: 0.5em;
}
.hashover-title {
	font-size: 110%;
	font-weight: bold;
}
.hashover-form-section .hashover-title {
	margin-bottom: 2em;
}

#hashover-requiredFields {
	display: none;
}
.hashover-inputs {
	display: table;
	width: 100%;
	margin-bottom: 0.5em;
}
.hashover-input-cell {
	display: table-cell;
	padding-right: 0.5em;
}
.hashover-input-cell:last-child {
	padding-right: 0;
}
.hashover-input-cell input {
	width: 100%;
	box-sizing: border-box;
}
#hashover form {
	max-width: 35.5em;
	margin-top: 1em;
}
.hashover-textarea {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0.5em;
}
#hashover-comments-section {
	margin-bottom: 2em;
}
#hashover-form-section {
	margin-top: 2em;
}
.hashover-message {
	color: red;
}
.hashover-formatting-message {
	max-height: 0;
	overflow: hidden;
	margin: -0.25em;
}
.hashover-formatting-message.hashover-message-open {
	max-height: initial;
}
.hashover-formatting-message.hashover-message-animated {
	-o-transition: all 150ms linear 0ms;
	-webkit-transition: all 150ms linear 0ms;
	-moz-transition: all 150ms linear 0ms;
	transition: all 150ms linear 0ms;
}

.hashover-formatting-table {
	margin-bottom: 0.5em;
}
.hashover-formatting-table > div {
	margin: 0.25em;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 1em;
}

.hashover-formatting-table {
	display: table;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.hashover-formatting-table > div {
	display: block;
	flex: 1 1 12.5em;
}

/* .hashover-form-footer { */
/* } */
.hashover-form-buttons {
	float: right;
}
.hashover-fake-link {
	cursor: pointer;
	text-decoration: underline;
	color: #557;
}
#hashover-end-links {
	clear: both;
	display: none;
}
.hashover-logout {
	display: none;
}

#hashover-count-wrapper {
	margin-bottom: 2em;
}
#hashover-sort-select {
	border: none;
	background-color: transparent;
	font-size: 100%;
	color: inherit;
	text-decoration: underline;
	float: right;
	padding: 0;
}
#hashover-sort-section {
	clear: both;
}

.hashover-comment {
	margin-top: 2em;
}
.hashover-reply {
	padding-left: 5%;
	border-left: 4px double #eee;
}
.hashover-header .hashover-avatar {
	float: left;
	/* border: 3px solid #ddf; */
}
.hashover-header .hashover-avatar > div {
	width: 45px;
	height: 45px;
	/* HashOver selects higher-resolution images for iOS devices */
	background-size: cover;
}
.hashover-first .hashover-avatar {
	display: none;
}
.hashover-header .hashover-comment-name {
	display: block;
	margin-left: 60px;
	font-weight: bold;
	font-size: 110%;
}
.hashover-header .hashover-comment-name a {
	text-decoration: none;
	color: black;
}
.hashover-inputs .hashover-comment-name {
	/* When logged in */
	font-weight: bold;
}
.hashover-inputs .hashover-comment-name::before {
	/* When logged in */
	content: "Logged in as ";
	font-weight: normal;
}
.hashover-thread-link {
	margin-left: 60px;
}
.hashover-thread-link,
.hashover-footer {
	color: #757575;
	display: block;
	font-size: 85%;
}
.hashover-footer a {
	color: #757575;
}
.hashover-date::after,
.hashover-comment-edit::after {
	content: "·";
	display: inline-block;
	width: 0.5em;
	text-align: center;
}
.hashover-first .hashover-date::after,
.hashover-first .hashover-comment-edit::after {
	content: "";
	display: inline-block;
	width: 0;
}
.hashover-deleted {
	display: none;
}
.hashover-edit-form .hashover-inputs {
	display: none;
}
.hashover-comment-edit::after {
	margin-left: 0.25em;
}

.hashover-content {
	margin-top: 1em;
	word-wrap: break-word;
}
.hashover-content p {
	margin-bottom: 0.75em;
}
.hashover-content code {
	line-height: 1;
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
}
.hashover-content pre {
	overflow-x: auto;
}
.hashover-content code.hashover-inline {
	display: inline;
}

/* large screens */
@media screen and (min-width: 480px) {
	.hashover-reply-form,
	.hashover-content,
	.hashover-footer {
		margin-left: 60px;
	}
	.hashover-first .hashover-header .hashover-comment-name,
	.hashover-first .hashover-content {
		margin-left: 0;
	}
	.hashover-formatting:nth-child(2) {
		/* "Formatting" link */
		margin-left: 5em;
	}
}

/* small screens */
@media not screen and (min-width: 480px) {
	.hashover-content {
		clear: left;
	}

	.hashover-avatar {
		margin-bottom: 0.5em;
	}

	.hashover-form-links {
		float: left;
	}
	.hashover-reply-label::after {
		content: " · ";
		/* "Formatting" link */
	}
}

/* Code ******************************************************************************************/

pre {
	display: block;
	line-height: normal;
	overflow-x: auto;

	margin-bottom:   24px ;
	margin-bottom: 1.71rem;
}

code {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; /* from syntaxhighlighter */
}

pre > code {
	color: black;
	/* font-family: "Lucida Console", Monaco, monospace; */ /* from old CSS */
	line-height: 1.1em;
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;

	display: block;
	font-size: 16px;
}

pre > code > .c  { color: #008200;                    } /* comment */
pre > code > .ch { color: #008200; font-weight: bold; } /* shebang */
pre > code > .cp { color: #008200; font-weight: bold; } /* #include */
pre > code > .cpf{ color: blue   ;                    } /* #include */
pre > code > .c1 { color: #008200;                    } /* line comment */
pre > code > .cm { color: #008200;                    } /* block comment */
pre > code > .gp { color: teal   ; font-weight: bold; } /* (shell) variable */
pre > code > .k  { color: #006699; font-weight: bold; } /* keyword */
pre > code > .kd { color: blue   ; font-weight: bold; } /* ? keyword */
pre > code > .kt { color: gray   ; font-weight: bold; } /* type keyword */
pre > code > .mf { color: #009900;                    } /* float */
pre > code > .mi { color: #009900;                    } /* integer */
pre > code > .nb { color: gray   ;                    } /* types */
pre > code > .nd { color: #ff1493;                    } /* attributes? */
pre > code > .nv { color: #aa7700;                    } /* variable */
pre > code > .s  { color: blue   ;                    } /* string */
pre > code > .s1 { color: blue   ;                    } /* string 1 ? */
pre > code > .s2 { color: blue   ;                    } /* string 2 ? */
pre > code > .sr { color: blue   ;                    } /* regular expression */