/* StyleSheet created by Fantasai */

/* Template */

body {
	margin: 0;
	padding: .3em 2% .5em;
	background: white url(swirl-light.png) fixed;
	_background: white;
	color: black;
	font-family: Century Gothic, Trebuchet MS, Skia, Optima, Verdana, Tahoma, sans-serif;
	line-height: 1.4;
}

* {
  border-color: #3333ba;
}

.page {
	max-width: 50em;
	position: relative;
	margin: 0 auto 0;
	padding: 0 1.5em 3%;
	border: thick solid #3333ba;
	background: white /* url(swirl-lightest.png) */ fixed;
	color: black;
}

:link {
	background: transparent;
	color: #00a543;
}
:visited {
	background: transparent;
	color: #3333ba;
}
:link:active, :visited:active {
	color: red;
}

h1 {
	margin: 0 -.75em;
	padding: .7em 1.3em;
	border-bottom: 1px solid #9c9cff;
	background: white url(swirl.png) fixed;
	color: #3333ba;
	font-weight: bold;
	font-size: 2em;
	line-height: 1em;
}

.nav {
	height: 1.2em;
	line-height: 1.2em;
	margin: 0 -1.66em 1.5em;
	padding: 0;
	border: 1px #9c9cff;
	border-style: none none solid;
	background: white;
	color: black;
	font-size: 0.9em;
	text-align: center;
}

.nav + .nav {
  margin-top: -1.5em;
}

.nav a {
	padding: 0em 2%;
	font-weight: bold;
	text-decoration: none;
}
.nav :link, .nav :visted {
	background: transparent;
	color: #3333ba;
}
.nav :link:hover, .nav :link:focus,
.nav :visited:hover, .nav :visited:focus {
	background: transparent;
	color: #9c9cff;
}


/* Headings */

h2, h3, h4, h5, h6 {
  color: #3333ba;
}

/* Visually Neutralize Heading Links */

h1 a:not(:focus):not(:hover),
h2 a:not(:focus):not(:hover),
h3 a:not(:focus):not(:hover),
h4 a:not(:focus):not(:hover),
h5 a:not(:focus):not(:hover),
h6 a:not(:focus):not(:hover) {
  color: inherit;
  text-decoration: none;
}

h1 :link, h2 :link, h3 :link,
h4 :link, h5 :link, h6 :link {
	color: #708090;
	font: inherit;
}

h1 :visited, h2 :visited, h3 :visited,
h4 :visited, h5 :visited, h6 :visited {
  color: #444444;
  font: inherit;
}

/* General Markup */

code {
	background: transprent;
	color: #333333;
}

samp { border: 1px silver solid;
	padding: 0.05em 0.1em 0.1em;
	font-family: Tahoma, sans-serif; }

code.html {
	color: #00a543;
}

/* Special Classes */

div.important, p.important {
	padding: 0.2em;
	border: thin solid #3333ba;
	background: #F0FFF6;
	color: black; }

.epigraph {
	margin: 1em;
	font-style: italic;}
.epigraph q {
	display: block;
	margin: 0 .5em;
	text-indent: -0.5em;}
.epigraph q:before {
	content: "\201C";}
.epigraph q:after {
	content: "\201D";}
.epigraph .attribution {
	margin: 0 1em;
	font-style: normal;}

blockquote {
  margin: 1em 0;
  padding: 0 0.7em;
  border: solid thin silver;
	font-size: 0.9em;}

.act {
	color: gray }

.break {
	display: block;
	height: 0;
	margin: 0.5em;
	border: none;}

.block {
	display: block;
	margin: 0.2em auto;
	text-align: center;}

/* Text Navigation Bar: nav */

.nav {
	font-family: sans-serif;
	text-align: center;}

.footer {
	margin: 1em;}