html,body{width:100%;height:100%;padding:0;margin:0}
body{color:#000;background:#fff url('wallpaper.jpg') fixed;}

article {
	font-size:12pt;
	margin:1em;
	padding:1em;
	background-color:#5C0356;
	color:#fff;
	font-family:Georgia,sans-serif;
	border-radius:12pt 12pt 6px 6px;
	border:1px inset;
}

pre,tt{font-size:11pt;}

article header {
	background-color:#4e035c;
	padding:6pt;
	margin-bottom:12pt;
	border-radius:6pt 6pt 0 0;
}
article header h1 {
	font-family:"Book Antiqua",Georgia,sans-serif;
	font-size:20pt;
	font-weight:bold;
	padding:0; margin:0;
}
article header p {
	font-size:10pt;
	margin:0.5em 0;
}
article header time {
	font-style:italic;
}
article section {
	background:#cfcfcf;
	color:#5C0356;
	border: 1px solid #FCA3F6;
	padding:0 0.5em;
	max-width:800px;
}

.box {
	padding:0.5em;
	margin:0.5em 0;
	color:black;
	background:white;
	border:1px solid #FCA3F6;
	max-width:800px;
}
pre.box {
	white-space:pre-wrap;
}
.msword {
	font-family:"Times New Roman", Times, serif;
}
.chat {
	font-family:Arial, Helvetica, sans-serif;
}
.chat .from{margin:0;padding:0}
.chat .text{margin:0 0 0.5em 1em;padding:0}

.comment {
	font-style:italic;
}
.comment.matty {
	font-style:normal;
	font-family:MattysHandwriting;
}
.comment.shell {
	font-style:normal;
	font-family:ShellsFeltTip;
	font-size:150%;
	line-height:0.8;
}
.translate {
	font-size:70%;
	color:#956992;
	font-style:italic;
	margin-left:1em;
}
.translate::before {
	content:'« ';
	font-style:normal;
	margin-left:-1em;
}
.translate::after {
	content:' »';
	font-style:normal;
}

.redax {
	color:#000;
	background:#000;
}

article.draft {
    background-color:#5c032c;
}
article.draft header {
    background-color:#5c0345;
}
article.draft button {
    border:1px outset #ffecfe;
    background:#fca3f6;
    color:#5c0356;
    box-shadow:1px 1px 1px rgba(92, 3, 86, 0.75);
    margin: 0 0 5px;
    display:inline-block;
    width:2em;
    height:2em;
    border-radius:1em;
}

figure {
	text-align:center;
}
figcaption {
	font-size:70%;
	font-family:Verdana,sans-serif;
}

article img,
article video {
	border:2px solid #5C0356;
}
article img.seamless,
article video.seamless {
	border:0;
}

body > header, nav {
	font-size:12pt;
	margin:1em;
	padding:1em;
	background-color:#fff;
	color:#5C0356;
	font-family:Georgia,sans-serif;
	border:1px inset;
	border-radius:12pt 12pt 6px 6px;
}

ul.sitenav {
    list-style-type:none;
    text-align:center;
}
ul.sitenav>li {
    display:inline-block;
    padding:0 0.5em;
    margin:0;
}
ul.sitenav>li:not(:last-child) {
    border-right:1px solid #5c0356;
}

footer.legal {
	font-size:9pt;
	font-family:Georgia,sans-serif;
	text-align:center;
	padding:0 1em 1.5em;
	background:#fff;
	line-height:1.5em;
}

body>header,body>article,body>nav {
    max-width:818px;
    margin-left:auto;
    margin-right:auto;
}