/* IE6/7/8 */
@font-face {
	font-family:Topaz;
	src: url(https://blog.fefe.de/topaz1200dmg.eot);
}

/* FF3.5+/Safari/Opera10 */
@font-face {
	font-family:Topaz;
	src: url(https://blog.fefe.de/topaz1200dmg.ttf);
}

* {
	color: #ccc;
	font-size: 16px;
	line-height: 18px;
	font-family: Topaz;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	cursor: url(https://blog.fefe.de/amiga.gif), default;
}

body {
	counter-reset: bulletin;
	counter-reset: day;
	max-width: 40em;
	margin: 20px auto 20px auto;
	background-color: black;
}

b,s {
	color: #00f;
	background-color: #ccc;
}

body > h2 {
	-webkit-position: sticky;
	position: sticky;
	top: 0px;
	background: black;
	z-index: 50;
}

body > h2 > a:after {
	display: block;
	text-align: center;
	color: #f00;
	background-color: #08f;
	background-image: url(https://blog.fefe.de/scanlines.png);
	white-space: pre;
	content: "__________    ________                ______________ ________________\A___  ____/_______  __/____________    ___  __ )__  / __  __ \\_  ____/\A";
}

body > h2:after {
	display: block;
	text-align: center;
	color: #f80;
	background-color: #00f;
	background-image: url(https://blog.fefe.de/scanlines.png);
	white-space: pre;
	content: " __  /_   _  _ \\_  /_ _  _ \\_  ___/    __  __  |_  /  _  / / /  / __   \A _  __/   /  __/  __/ /  __/(__  )     _  /_/ /_  /___/ /_/ // /_/ /  \A";
}

body > h2 + b:before {
	display: block;
	text-align: center;
	color: #ff0;
	background-color: #008;
	background-image: url(https://blog.fefe.de/scanlines.png);
	white-space: pre;
	content: " /_/      \\___//_/    \\___//____/      /_____/ /_____/\\____/ \\____/    \A \A";
}

body > h2 + b {
	background-color: #008;
	background-image: url(https://blog.fefe.de/scanlines.png);
	color: #0ff;
	display: block;
	text-align: center;
	-webkit-position: sticky;
	position: sticky;
	top: 90px;
	z-index: 51;
}

body > h2 + b + p {
	-webkit-position: sticky;
	position: sticky;
	top: 144px;
	background-color: black;
	z-index: 52
}

body > h2 > a {
	display: block;
	color: #000;
}

a {
	color: #f80 !important;
}

a:visited {
	color: #ddaa22 !important;
}

a:hover {
	background-color: #f80;
	background-image: url(https://blog.fefe.de/scanlines.png);
	color: #fff;
}

h3 {
	margin-top: 16px;
	background-color: #808;
	background-image: url(https://blog.fefe.de/scanlines.png);
	counter-increment: day;
	counter-reset: bulletin;
	-webkit-position: sticky;
	position: sticky;
	top: 162px;
	background-color: black;
	z-index: 54;
}

ol,ul {
	padding-left: 24px;
}

body > ul {
	margin-top: 0px;
	padding-left: 0px;
	list-style-type: none;
}

body > ul > li:before {
	display: block;
	margin-top: 16px;
	color: #ff0;
	background-color: #088;
	background-image: url(https://blog.fefe.de/scanlines.png);
	text-align: justify;
	overflow: hidden;
	white-space: nowrap;
	content: "fefe" counter(day) "-" counter(bulletin) ".txt: ----------------------------------------------------------------------------------------------------------------------------------------------------------------";
	counter-increment: bulletin;
	-webkit-position: sticky;
	position: sticky;
	top: 180px
}

body > ul > li:after {
	color: #088;
	content: "(o)";
	text-decoration: underline overline blink;
}

body > ul + p:before {
	display: block;
	color: #08f;
	white-space: pre;
	overflow: hidden;
	content: "\A\A         \\|||/\A         (o o)\A ----ooO--(_)--Ooo------------------------------------------------------------------------------------------------------------------------------------";

}

blockquote {
	margin-left: 32px;
	margin-right: 32px;
	background-color: #008;
	background-image: url(https://blog.fefe.de/scanlines.png);
}

blockquote:before {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	color: #ff0;
	background-color: #00f;
	background-image: url(https://blog.fefe.de/scanlines.png);
	content: "__.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____.oOo._____";
}

blockquote:after {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	color: #ff0;
	background-color: #00f;
	background-image: url(https://blog.fefe.de/scanlines.png);
	content: "~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
}

p {
	text-indent: 16px;
}