/*body { background: linear-gradient(180deg, ‪#‎f00000‬, #f00000 16.67%, ‪#‎ff8000‬ 16.67%, #ff8000 33.33%, ‪#‎ffff00‬ 33.33%, #ffff00 50%, #007940 50%, #007940 66.67%, ‪#‎4040ff‬ 66.67%, #4040ff 83.33%, ‪#‎a000c0‬ 83.33%, #a000c0 100%, #a000c0) fixed; }*/
			@font-face {
				font-family: "Open Sans";
				src: url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
				font-weight: normal;
				font-style: normal;
				font-display: swap;
			}
			body {
				overflow-x: hidden;
			}
 			.accomp {
				clear: right;
				float: right;
				margin-left: 1em;
			}
			.accomp img, .accomp object {
				border: 1px solid black;
			}
			.error {
				color: red;
			}
			.hide {
				display: none;
			}
			#footer {
				position: relative;
				border-width: 1px 0px;
				border-style: solid;
				border-color: #654;
				/*-moz-border-radius: 1.5em;
				border-radius: 1.5em;*/
				background-color: #fed;
				padding: 0em 0.9em;
				margin: 1em auto;
				max-width: 1000px;
				clear: both;
			}
			#footer::before, #footer::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				border-top: 1px solid #654;
				border-bottom: 1px solid #654;
				margin: -1px 0;
				right: 100%;
				width: 100%;
				padding: 0em 0.25em;
				background-color: #fed;
			}
			#footer::after {
				left: 100%;
			}
			#footer p {
				margin: 0;
				font-size: 0.9em;
			}
			a {
				transition-property: background-color;
				transition-duration: 0.3s;
				transition-timing-function: ease;
				background-color: rgba(220, 220, 220, 0);
				border-radius: 5px;
			}
			a:hover {
				background-color: rgba(220, 220, 220, 1);
			}
			a.geourl {
				background-color: #093;
			}
			a.textbutton {
				font-family: verdana, sans-serif;
				font-size: 10px;
				font-weight: bold;
				text-decoration: none;
				color: white;
				border-left: 1px solid #3C6;
				border-top: 1px solid #3C6;
				border-right: 1px solid #063;
				border-bottom: 1px solid #063;
				padding: 0px 3px 0px 3px;
				margin: 0px;
			}
			blockquote {
				border: 1px dotted gray;
				padding: 0.5em;
			}
			blockquote p {
				margin-top: 0;
			}
			html {
				background-color: #fff;
				margin: 0;
				padding: 0;
				/*background-image: url("../images/ruri.jpg");*/
				background-position: bottom right;
				background-attachment: fixed;
				background-repeat: no-repeat;
			}
			body {
				font-family: "Open Sans", "lucida sans unicode", verdana, arial, helvetica, sans-serif;
				/*font-size: 0.9em;*/
				background-color: #fff;
				margin: 0;
				padding: 0;
			}
			button {
				cursor: pointer;
				background-color: #dfe;
			}
			del {
				text-decoration: line-through;
				color: red;
			}
			div.blockquotesource {
				text-align: right;
			}
			div.blockquote {
				border: 1px dashed black;
				margin-left: 2em;
				margin-right: 2em;
				margin-top: 1em;
				margin-bottom: 1em;
				padding: 0.5em;
			}
			div.blockquote blockquote {
				padding: 0em;
				margin: 0em;
				border: none;
			}
			div.blockquote p {
				text-align: right;
				margin-bottom: 0em;
			}
			div.blockquote cite {
				font-size: 0.8em;
			}
			dl {
				margin-top: 0;
				margin-left: 1em;
			}
			dt {
				font-weight: bold;
			}
			h1 small, h small {
				font-family: "Open Sans", "lucida sans unicode", verdana, arial, helvetica, sans-serif;
				font-size: 0.5em;
				letter-spacing: 0.2em;
				padding-left: 1em;
			}
			h1, h {
				position: relative;
				display: block;
				font-family: "Open Sans", impact, sans-serif;
				margin: 0em auto;
				max-width: 1000px;
				padding: 0em 0.25em;
				font-size: 2.2em;
				/*border-top: 1px solid #654;*/
				border-bottom: 1px solid #654;
				/*border-right: 1px solid #654;
				-moz-border-radius: 0em 0.5em 0.5em 0em;
				border-radius: 0em 0.5em 0.5em 0em;*/
				font-weight: 800;
				letter-spacing: 0.0em;
				background-color: #dfe;
			}
			h1::before, h1::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				/*border-top: 1px solid #654;*/
				border-bottom: 1px solid #654;
				margin: -1px 0;
				right: 100%;
				width: 100%;
				padding: 0em 0.25em;
				background-color: #dfe;
			}
			h1::after {
				left: 100%;
			}
			h2, section h {
				font-family: "Open Sans", arial, helvetica, sans-serif;
				border-bottom: none;
				font-size: 1.7em;
				font-weight: 900;
				clear: both;
				margin-bottom: 0.3em;
				margin-left: -3em;
				margin-right: -3em;
				padding: 0em 3em;
				background-color: #def;
				border-width: 1px 0px;
				border-style: solid;
				border-color: #654;
				background: linear-gradient(to right, rgba(221, 238, 255, 0) 2%, rgba(221, 238, 255, 1) 6%, rgba(221, 238, 255, 1) 94%, rgba(221, 238, 255, 0) 98%);
				border-image: linear-gradient(to right, rgba(102, 85, 68, 0) 0%, rgba(102, 85, 68, 1) 5%, rgba(102, 85, 68, 1) 95%, rgba(102, 85, 68, 0)) 100 1 stretch;
				/*
				-moz-border-radius: 1.5em;
				border-radius: 1.5em;
				*/
			}
			h3, section section h {
				font-size: 1.2em;
				font-weight: 900;
				margin: 0em;
				clear: both;
			}
			h4, section section section h {
				font-size: 1em;
				font-weight: 900;
				margin: 0em;
				clear: both;
			}
			img, object[type="image/png"], object[type="image/jpeg"], object[type="image/gif"] {
				border: none;
				max-width: 100%;
			}
			input, textarea, button {
				border: 1px solid silver;
			}
			input:focus, textarea:focus, button:focus {
				border: 1px solid #876;
			}
			input:hover, textarea:hover, button:hover {
				border: 1px solid #876;
			}
			input[type=button], input[type=submit] {
				cursor: pointer;
				background-color: #dfe;
			}
			ins {
				text-decoration: none;
				color: green;
			}
			label {
				display: block;
				font-size: 0.9em;
				cursor: pointer;
				font-variant: small-caps;
			}
			label em {
				font-style: normal;
				text-decoration: underline;
			}
			legend {
				font-variant: small-caps;
				letter-spacing: 0.5em;
			}
			li {
				line-height: 2;
			}
			li input {
				display: inline;
			}
			li label {
				display: inline;
			}
			p {
				margin-top: 0;
				line-height: 2;
			}
			p.prominent {
				text-align: center;
			}
			p.newsentrycontrols {
				clear: both;
				line-height: 1.3;
				margin-left: -1.5em;
				margin-right: -1.5em;
				margin-top: 2em;
				margin-bottom: 0em;
				border-top: 1px solid #654;
			}
			p.newsentrycontrols.divider {
				border-bottom: 1px solid #654;
			}
			p.newsentrycontrols a {
				text-decoration: none;
			}
			p.newsentrycontrols span.controlblock {
				padding-left: 1.5em;
				padding-right: 1.5em;
				border-right: 1px solid #654;
			}
			q {
				quotes: '\201C' '\201D' '\2018' '\2019';
			}
			q:before {
				content: open-quote;
			}
			q:after {
				content: close-quote;
			}
			section, div.section {
				display: block;
				clear: both;
				margin-top: 1em;
				margin-bottom: 1.5em;
			}
			section#comments ul, div#comments ul {
				list-style-type: none;
				padding-left: 0em;
				margin-left: 1em;
			}
			section.entry, div.entry {
				border: 1px solid #654;
				-moz-border-radius: 1.5em;
				border-radius: 1em;
				padding-left: 1.5em;
				padding-right: 1.5em;
			}
			section.entry h2, div.entry h2 {
				margin: 0em -0.9em 0.9em -0.9em;
				padding: 0em 0.75em;
				background-color: #def;
				border-top: 0px;
				border-left: 0px;
				border-right: 0px;
				-moz-border-radius: 0.6em 0.6em 0em 0em;
				border-radius: 0.6em 0.6em 0em 0em;
				border-image: none;
			}
			span.ago {
				font-size: 0.5em;
			}
			table {
				border: 1px solid black;
				-moz-border-radius: 0.5em;
				border-radius: 0.5em;
				border-collapse: collapse;
				margin-top: 0;
				margin-bottom: 1em;
			}
			table tbody th {
				border-right: 1px solid black;
				border-top: 1px solid silver;
				text-align: left;
			}
			table tbody tr:first-child td {
				border-top: none;
			}
			table tbody tr:first-child th {
				border-top: none;
			}
			table tbody tr td:first-child {
				border-left: none;
			}
			table thead th {
				border-bottom: 1px solid black;
				text-align: left;
				background-color: #edf;
			}
			td {
				border-top: 1px solid silver;
				border-left: 1px solid silver;
			}
			td, th {
				padding: 0em 0.5em;
				vertical-align: top;
			}
			td.numeric {
				text-align: right;
			}
			textarea {
				width: 100%;
				height: 20em;
			}
			ul {
				margin-top: 0;
			}
			ul.multicolumn {
				list-style-type: none;
			}
			ul.multicolumn li {
				display: block;
				float: left;
				width: 10em;
			}
			ul.nobullet {
				list-style-type: none;
			}
			sub, sup {
				font-size: 0.5em;
			}

			/* Code listings */
			pre {
				width: 100%;
				overflow: auto;
				line-height: 2;
			}
			.source code.comment {
				color: #FF9900;
				background-color: transparent;
			}
			.source code.default {
				color: #0000CC;
				background-color: transparent;
			}
			.source code.html {
				color: #000000;
				background-color: transparent;
			}
			.source code.keyword {
				color: #006600;
				background-color: transparent;
			}
			.source code.string {
				color: #CC0000;
				background-color: transparent;
			}

			/* IRC chat */
			.irc cite {
				font-style: normal;
			}
			.irc cite.op {
				color: #7f0000;
			}
			.irc cite.voice {
				color: #00007f;
			}
			.irc span.action {
				color: #009300;
			}
			.irc span.emote {
				color: #9c009c;
			}

			@media screen and (min-width: 810px) {
				body {
					margin-right: 12em;
					margin-top: 0em;
					padding-right: 0.5em;
					padding-top: 0em;
				}
				#main {
					max-width: 1000px;
					margin: 2em auto;
					/*margin-left: 1em;
					margin-right: 1em;
					margin-top: 2em;
					margin-bottom: 2em;*/
				}
				#menu {
					margin-top: 0em;
					position: fixed;
					right: 0.5em;
					top: 4em;
					width: 10em;
					padding: 0em 0.5em 0.5em 0.5em;
					border: 1px solid #654;
					-moz-border-radius: 0.5em;
					border-radius: 0.5em;
					background: white;
				}
				* html #menu {
					position: absolute;
				}
				#menu h2, #menu h {
					margin: 0em -0.5em 0em -0.5em;
					padding: 0em 0.5em;
					border-left: 0px;
					border-right: 0px;
					background-color: #fde;
					background-image: none;
					border-image: none;
					font-size: 1em;
					-moz-border-radius: 0em;
					border-radius: 0em;
				}
				#menu h2:first-child, #menu h:first-child {
					border-top: none;
					-moz-border-radius: 0.5em 0.5em 0em 0em;
					border-radius: 0.5em 0.5em 0em 0em;
				}
				#menu ul {
					margin-top: 0em;
					margin-left: 0.5em;
					padding-left: 0em;
					list-style-type: none;
				}
				ul.submenu {
					margin-top: -1em;
				}
			}
			@media all {
				ul.submenu {
					text-align: center;
					display: block;
					margin-bottom: 1.5em;
					margin-left: 0em;
					margin-right: 0em;
					list-style-type: none;
					min-height: 1.2em;
					border: 1px solid #654;
					-moz-border-radius: 1.5em;
					border-radius: 1.5em;
					background-color: #fed;
				}
				ul.submenu li {
					display: inline;
					margin-bottom: 0.5em;
				}
				ul.submenu li a {
					padding: 0em 1em;
					margin: 0em;
					text-align: center;
					text-decoration: none;
					border-radius: 0;
				}
				abbr, acronym {
					text-decoration: underline dotted;
				}
			}
			@media print {
				a {
					color: black;
				}
				a[href]:after {
					content: " [" attr(href) "]";
					font-size: 0.6em;
					text-decoration: none;
				}
				abbr, acronym {
					border-bottom: none;
				}
				img {
					display: none;
				}
				#menu {
					display: none;
				}
				.submenu {
					display: none;
				}
			}

			@view-transition {
				navigation: auto;
			}
			::view-transition-old(root),
			::view-transition-new(root) {
				animation: fade 0.3s ease both;
			}
			@keyframes fade {
				from { opacity: 0; }
				to   { opacity: 1; }
			}