/* 
 * { ©: Webylon.info }
 */
* {
	box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

img {
	box-sizing: content-box;
	-khtml-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

html {
	margin: 0;
	padding: 0;
	background: #E20E0E url('ui.back.red') 50% 50%;
	color: #000000;
	font: 83% 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
}
body {
	margin: 0 0 0.75em 0;
	margin: 2em 0 0.75em 0;
	padding: 15px 0 0;
	border: 0;
	text-align: center;
	display: block;
}
code, textarea, listing {
	font-family: 'Lucida Console', 'Courier New', 'Courier', monospace;
}

html.serif {
	font-family: 'Palatino Linotype', Georgia, 'Times New Roman', serif;
}
html.serif body {
	font-size: 104%;
}
html.serif code, html.serif textarea, html.serif listing {
	font-family: 'Courier New', 'Courier', monospace;
}
html.gothic {
	font-family: 'Century Gothic', Verdana, sans-serif;
}
html.gothic code, html.gothic textarea, html.gothic listing {
	font-family: 'Courier New', 'Courier', monospace;
}
html.gothic textarea, html.gothic ul, html.gothic ol, html.gothic dl, html.gothic p, html.gothic blockquote {
	line-height: 1.5em;
}

div#text {
	border: 5px solid #8F0909;
	width: 100%;
	background: #FFFFFF;
	padding: 1.1em;
	position: relative;
	top: -5px;
	margin: 0 auto;
	width: 736px;
	text-align: left;
}

dir {
	position: relative;
	z-index: 2;
	border: 5px solid #8F0909;
	background: #FFFFFF;
	text-align: left;
	margin: -1em auto 1.1em auto;
	padding: 1.1em 48px 1.1em 140px;
	width: 736px;
}

dir li {
	position: relative;
	display: inline;
	font-size: 131%;
	padding: 0 15px 0 15px;
	border-left: 5px solid #8F0909;
}
dir li#top {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	left: 15px;
	top: 52%;
	width: 110px;
	height: 100px;
	font-size: 100%;
}

dir li#top a {
	position: absolute;
	display: block;
	left: 0;
	top: -48%;
	margin-top: 0;
	width: 110px;
	height: 100px;
	padding-top: 34px;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	color: #8F0909;
	background: url('ui.logo.red');
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'ui.logo.red', sizingMethod = 'image');
	-background: none;
}

dir li a {
	white-space: nowrap;
}
dir li#top a span {
	font-size: 120%;
}
dir li#top a .mv {
	display: none;
}
dir li#top a:hover .mv {
	display: inline;
}
dir li#top a:hover .mu {
	display: none;
}

dir li a#selected {
	color: #000000 !important;
	text-decoration: none;
}

dir li#feed {
	float: right;
	margin: 0 -33px 0 15px;
	border: 0;
	padding: 0;
}
dir li#feed img {
	vertical-align: middle;
	background: #E20E0E;
	line-height: 18px;
	width: 18px;
	height: 18px;
}

dir.expanded li#id {
	display: none;
}
dir.expanded div#desk {
	display: block;
}
div#desk {
	display: none;
	position: absolute;
	z-index: 2;
	left: 140px;
	margin: 0;
	padding: 0 1em 1em 1em;
	top: 100%;
	background: #FFFFFF;
	border: 5px solid #8F0909;
	border-top: 0;
}
div#desk menu {
	margin: 0;
	padding: 0.5em 0 0 0;
	height: 100%;
	overflow: auto;
	border-top: 5px solid #FFD041;
}
div#desk menu li {
	margin: 0.5em 0 0 0;
	padding: 0;
	border: 0;
	list-style: none outside;
	display: block;
	font-size: 100%;
}
div#desk menu li p {
	margin: 0.25em 0 0.7em 0;
}
div#footer {
	clear: both;
	padding-top: 0.025em;
}
div#footer a {
	margin: 0.55em 10% 0;
	width: 1.65em;
	line-height: 1.1em;
	text-decoration: none;
	text-align: center;
	font-size: 200%;
}

menu {
	margin: 2em 0 1.25em 2.4em;
	padding: 0 1em 0 0;
	list-style: square;
	color: #F0AF00;
}
menu h2 {
	color: #000000;
	margin: 0;
}
menu li {
	position: relative;
}
menu li p {
	color: #000000;
	margin: 0.25em 0 0.9em 0;
	padding-left: 3em;
	text-align: left;
}
h1 img {
	margin: 0 -1px 5px 10px;
	width: 150px;
	height: 150px;
	border: 5px solid #8F0909;
	background: #FFFFFF;
	float: right;
	position: relative;
	z-index: 1;
}

h1 {
	border-bottom: 5px solid #8F0909;
	padding: 0 0 0.65em 0;
	margin: 0 1px 0.75em 0;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
}
div.date {
	position: relative;
	top: -2.8em;
	margin-top: -5px;
	text-align: right;
	font-size: 85%;
	margin-bottom: -1.6em;
	color: #8F0909
}
blockquote, listing {
	background: #FFF8B9
}
textarea, blockquote {
	border-style: solid;
	border-width: 3px 0;
}
li blockquote, blockquote blockquote {
	border-width: 1px 0;
}

form div, blockquote div {
	text-align: right;
	margin-top: 0.25em;
}
textarea, blockquote, listing {
	border-color: #8F0909;
	padding: 0.3em 0.6em;
}
listing {
	font-size: 100%;
	border-color: #8F0909;
	border-width: 5px 0 3px 0;
	border-style: double;
	margin: 0px;
	line-height: 1.33em;
	overflow: auto;
	width: 100%;
	padding-bottom: expression(this.scrollWidth > this.clientWidth ? (this.scrollHeight - this.clientHeight + 2) + "px" : "0.3em");
	overflow-y: visible;
}



li blockquote, blockquote blockquote, small {
	font-size: 85%;
}
h1, h1 big, h2 big {
	font-size: 150%;
}
h2 {
	font-size: 120%;
}


a {
	color: #E20E0E;
	text-decoration: underline;
}
a img {
	border: 0;
}

div#text a nobr {
	border: none;
}

div#text a:visited {
}

div#text a:hover, a:hover {
	cursor: hand;
	color: #8F0909;
}
address {
	position: relative;
	margin: 1.1em 25% 0;
	border-top: 5px solid #8F0909;
	padding-top: 0.55em;
	text-align: center;
	font-style: normal;
}

h2 {
	margin: 2.4em 0 0 2em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h2 span {
	border-bottom: 2px solid #FFD041;
}

p, li, blockquote {
	margin: 0.55em 0 0.65em 0;
}
ul, ol, dl {
	position: relative;
	margin: 0 0 5px 0em;
	padding: 0 1em 0 2.4em;
	border-right: 5px solid #FFD041;
}
ul, dl {
	list-style: square;
}
ul {
	margin-bottom: 1.2em;
}
dl {
	margin-bottom: 1em;
}
dt {
	display: list-item;
	font-weight: bold;
	margin: 0.65em 0 0em 0;
}
dd {
	margin: 0 0 0.65em 1.65em;
}
hr {
	visibility: hidden;
	margin: 1.1em 0;
	height: 1px;
}
blockquote dl {
	border-right-width: 0;
}

textarea, blockquote, listing {
	clear: both;
}
form {
	margin: 0;
}
textarea {
	color: #000000;
	background: #FFF8B9;
	width: 100%;
	height: 8em;
}

label {
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
}
input#send {
	width: 7em;
	height: 2.5em;
}
input#url {
	vertical-align: middle;
	text-align: center;
	width: 4em;
	height: 1.75em;
	margin: 0 0.55em;
	color: #000000;
	background: #FFF8B9;
	border: 2px solid #8F0909;
	border-width: 2px 0;
}
input#reload {
	display: block;
	width: 10em;
	height: 2.25em;
	margin: 0.55em auto 0;
}


p {
	font-size: 100%;
	text-indent: 2.4em;
}

p:first-letter {
	font-size: 120%;
	line-height: 0.8em;
}
p.free {
	margin-bottom: 2.5em;
}

textarea, ul, ol, dl, p, blockquote {
	text-align: left;
	line-height: 1.4em;
}

div#resizerT, div#resizerC, div#resizerB {
	width: 3px;
	position: absolute;
	height: 4em;
	right: -4px;
	border-right: 3px double #FFD041;
	cursor: e-resize;
}
div#resizerT {
	top: 4em;
}
div#resizerC {
	top: 50%;
	margin-top: -2em;
}
div#resizerB {
	bottom: 4em;
}
div#resizerR {
	line-height: 0;
	height: 3px;
	position: absolute;
	width: 4em;
	bottom: -4px;
	border-bottom: 3px double #FFD041;
	cursor: n-resize;
	right: 4em;
}

div#switch {
	color: #FFD041;
	position: absolute;
	right: -1.5em;
	margin-right: -5px;
	width: 1.5em;
	text-align: center;
	line-height: 1.5em;
	cursor: hand;
	cursor: pointer;
}
div#switch {
	top: 5.25em;
}

@media print {
dir li, div#resizerT, div#resizerC, div#resizerB, div#resizerR, div#switch, dir div#desk {
	display: none;
}
dir, dir li#top, dir li#top a {
	position: static;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100% !important;
	height: auto;
	display: block;
	float: none;
	text-align: center;
	text-decoration: underline;
}
dir li#top a {
	line-height: 1.5em;
	font-size: 240%;
	background: none;
	filter: none;
}
div#text {
	width: 100% !important;
	border: 0;
	background: #FFF;
	color: #000;
}
}

/* colors */
html#Webylon-brown dir li#top a { background: url('ui.logo.brown'); -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'ui.logo.brown', sizingMethod = 'image'); -background: none }
html#Webylon-brown, html#Webylon-brown li#feed a img { background-color: #905800 }
html#Webylon-brown { background-image: url('ui.back.brown') }
html#Webylon-brown a { color: #905800 }
html#Webylon-brown div#text, html#Webylon-brown div#desk, html#Webylon-brown dir, html#Webylon-brown dir li, html#Webylon-brown h1, html#Webylon-brown h1 img, html#Webylon-brown textarea, html#Webylon-brown blockquote, html#Webylon-brown listing, html#Webylon-brown address, html#Webylon-brown input#url { border-color: #503100 }
html#Webylon-brown div#text a:hover, html#Webylon-brown a:hover, html#Webylon-brown div.date, html#Webylon-brown dir li#top a { color: #503100 }
html#Webylon-brown menu { color: #888888 }
html#Webylon-brown div#desk menu, html#Webylon-brown h2 span, html#Webylon-brown ul, html#Webylon-brown ol, html#Webylon-brown dl, html#Webylon-brown div#resizerT, html#Webylon-brown div#resizerC, html#Webylon-brown div#resizerB, html#Webylon-brown div#resizerR { border-color: #F2D826 }
html#Webylon-brown div#switch { color: #F2D826 }
html#Webylon-brown blockquote, html#Webylon-brown listing, html#Webylon-brown textarea, html#Webylon-brown input#url { background: #FDEACB }
html#Webylon-green dir li#top a { background: url('ui.logo.green'); -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'ui.logo.green', sizingMethod = 'image'); -background: none }
html#Webylon-green, html#Webylon-green li#feed a img { background-color: #188818 }
html#Webylon-green { background-image: url('ui.back.green') }
html#Webylon-green a { color: #188818 }
html#Webylon-green div#text, html#Webylon-green div#desk, html#Webylon-green dir, html#Webylon-green dir li, html#Webylon-green h1, html#Webylon-green h1 img, html#Webylon-green textarea, html#Webylon-green blockquote, html#Webylon-green listing, html#Webylon-green address, html#Webylon-green input#url { border-color: #0E520E }
html#Webylon-green div#text a:hover, html#Webylon-green a:hover, html#Webylon-green div.date, html#Webylon-green dir li#top a { color: #0E520E }
html#Webylon-green menu { color: #75AF11 }
html#Webylon-green div#desk menu, html#Webylon-green h2 span, html#Webylon-green ul, html#Webylon-green ol, html#Webylon-green dl, html#Webylon-green div#resizerT, html#Webylon-green div#resizerC, html#Webylon-green div#resizerB, html#Webylon-green div#resizerR { border-color: #A9EC34 }
html#Webylon-green div#switch { color: #A9EC34 }
html#Webylon-green blockquote, html#Webylon-green listing, html#Webylon-green textarea, html#Webylon-green input#url { background: #DAFBBD }
html#Webylon-blue dir li#top a { background: url('ui.logo.blue'); -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'ui.logo.blue', sizingMethod = 'image'); -background: none }
html#Webylon-blue, html#Webylon-blue li#feed a img { background-color: #0E73D2 }
html#Webylon-blue { background-image: url('ui.back.blue') }
html#Webylon-blue a { color: #0E73D2 }
html#Webylon-blue div#text, html#Webylon-blue div#desk, html#Webylon-blue dir, html#Webylon-blue dir li, html#Webylon-blue h1, html#Webylon-blue h1 img, html#Webylon-blue textarea, html#Webylon-blue blockquote, html#Webylon-blue listing, html#Webylon-blue address, html#Webylon-blue input#url { border-color: #08457E }
html#Webylon-blue div#text a:hover, html#Webylon-blue a:hover, html#Webylon-blue div.date, html#Webylon-blue dir li#top a { color: #08457E }
html#Webylon-blue menu { color: #00A9E0 }
html#Webylon-blue div#desk menu, html#Webylon-blue h2 span, html#Webylon-blue ul, html#Webylon-blue ol, html#Webylon-blue dl, html#Webylon-blue div#resizerT, html#Webylon-blue div#resizerC, html#Webylon-blue div#resizerB, html#Webylon-blue div#resizerR { border-color: #2BCBFF }
html#Webylon-blue div#switch { color: #2BCBFF }
html#Webylon-blue blockquote, html#Webylon-blue listing, html#Webylon-blue textarea, html#Webylon-blue input#url { background: #CDEDFF }
html#Webylon-grey dir li#top a { background: url('ui.logo.grey'); -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'ui.logo.grey', sizingMethod = 'image'); -background: none }
html#Webylon-grey, html#Webylon-grey li#feed a img { background-color: #444444 }
html#Webylon-grey { background-image: url('ui.back.grey') }
html#Webylon-grey a { color: #444444 }
html#Webylon-grey div#text, html#Webylon-grey div#desk, html#Webylon-grey dir, html#Webylon-grey dir li, html#Webylon-grey h1, html#Webylon-grey h1 img, html#Webylon-grey textarea, html#Webylon-grey blockquote, html#Webylon-grey listing, html#Webylon-grey address, html#Webylon-grey input#url { border-color: #222222 }
html#Webylon-grey div#text a:hover, html#Webylon-grey a:hover, html#Webylon-grey div.date, html#Webylon-grey dir li#top a { color: #222222 }
html#Webylon-grey menu { color: #00A9E0 }
html#Webylon-grey div#desk menu, html#Webylon-grey h2 span, html#Webylon-grey ul, html#Webylon-grey ol, html#Webylon-grey dl, html#Webylon-grey div#resizerT, html#Webylon-grey div#resizerC, html#Webylon-grey div#resizerB, html#Webylon-grey div#resizerR { border-color: #D2D41C }
html#Webylon-grey div#switch { color: #D2D41C }
html#Webylon-grey blockquote, html#Webylon-grey listing, html#Webylon-grey textarea, html#Webylon-grey input#url { background: #D2DFE6 }