/*the semionov's example stylesheet
  extra styling fluff              */

@import url("example.css");

body	{padding: 0 50px 0 0;
	 width: 550px;}
h1	{margin: 0 -50px 1em 0;
	 padding: 0 1ex;
	 background-color: #000;
	 border-bottom: thin solid #000;
	 color: #fff;}
h1, h2, h3, h4, h5, h6, h7
	{font-size: 10pt;
	 font-weight: bold;}
h5, h6, h7
	{font-weight: normal;}
h2	{margin-left: 10px;}
h3	{margin-left: 20px;}
h4	{margin-left: 30px;}
h5	{margin-left: 35px;}
h6	{margin-left: 40px;}
h7	{margin-left: 45px;}
p	{margin-left: 50px;}
nav p	{margin-left: 0;}
dt	{margin-left: 25px;}
dd	{margin-left: 75px;}
ul, ol
	{margin-left: 40px;}
li ul, li ol
	{margin-left: 0;
	 padding-left: 2em;}
nav ul	{margin-left: 0;}
pre, xmp
	{margin-left: 30px;}
hr	{margin: 1em 0 1em 50px;}
address	{text-align: right;
	 margin-left: 100px;}
blockquote
	{margin-left: 75px;}
table	{margin-left: 25px;}
table table
	{margin-left: 0;}
/*multiple-line header*/
header	{display: block; /*in case you don't know*/
	 margin: 0 -50px 1em 0;
	 padding: 0 1ex;
	 background-color: #000;
	 color: #fff;
	 border-bottom: thin solid #000;}
header p
	{margin: 0 1ex;}
header h1
	{border: 0;
	 margin: 0;}
/*for dark users*/
@media (prefers-color-scheme: dark) {
h1	{background-color: #00a;
         border-color: #fff;}
header	{background-color: #00a;
         border-color: #fff;}
}
/*made according to the css level 69 specification
  written with the caps lock on.
*/