/*
 * General layout
 */
#header {
	position: absolute;
	top: 0px;
	left: -.4em;
	width: 99%;
	max-width: 70em;
	border-bottom: 1px #000 solid;
	background-color: #fff;
	color: #000;
	font-size: .9em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .5em;
	z-index: 3;
}
#content {
	margin-left: 15.5em;
	background-color: #fff;
	color: #000;
	z-index: 1;
	width: -15.5em;
	max-width: 45em;
	text-align: justify;
	padding: .3em;
	padding-right: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
}

#crumb { padding-left: 1.5em; }

/*
 * The menu
 */
#menu {
	position: absolute;
	top: 3em;
	left: 1em;
	width: 13em;
	z-index: 2;
	overflow: visible;
}
#menu a {
	position: relative;
	right: .75em;
	font-weight: bold;
	background-color: transparent;
	color: #000;
	width: 99%;
	display: inline-block;
	padding: 0em 0em .5em 1em;
	margin: 0em;
	text-decoration: none;
	border: none;
}
#menu .bordertop { border-top: 1px #000 solid; }
#menu a.subheader { margin-bottom: 0em; padding-bottom: 0em; }
#menu a:hover { background-color: #000; color: #fff; }
#menu a.submenu {
	font-weight: normal;
	margin: 0em;
	padding: 0em 0em 0em 1em;
	border: none;
}

#totop {
	position: fixed;
	bottom: 2em;
	left: 1em;
	z-index: 3;
	background-color: #fff;
}

#styleswitch {
	position: fixed;
	bottom: 4em;
	left: 1em;
  z-index: 3;
}

#tonav { position: absolute; left: -1000px; top: -1000px; }

/*
 * Default values for some elements
 */
body {
	margin-right: 0em;
	margin-top: 1em;
	padding-right: 0em;
}

p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 .5em 0;
}

table, tr, td, th { border: 1px black solid; border-collapse: collapse; }
td, th { padding: .2em; }
th { background-color: #ddd; }

pre {
	border: 1px black dotted;
	background-color: #eee;
	width: auto;
	max-height: 500px;
	overflow: auto
}

p.line:before { content: counter(lineno); counter-increment: lineno; }
a { border: 1px solid white; }
a:hover { border: 1px solid black; text-decoration: none; }

a.img { text-decoration: none; text: #000; background-color: #fff; border: none; }
a.img:hover { text-decoration: none; text: #000; background-color: #fff; border: none; }
a.img img { border: 1px solid #fff; padding: 3px; }
a.img:hover img { border: 1px solid #000; padding: 3px; }
li { margin-top: .2em; line-height: 1.4em; }

/*
 * Headers
 */
h1, h2, h3, h4, h5, h6 { color: #900; }
h1 { font-size: 1.6em; line-height: 1em; margin: 0 0 1em 0; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

h1 > a, h2 > a, h3 > a, h4 > a { color: #900; text-decoration: none; }
h1 > a:visited, h2 > a:visited, h3 > a:visited, h4 > a:visited { color: #900; text-decoration: none; }
h1 > a:active, h2 > a:active, h3 > a:active, h4 > a:active { color: #900; text-decoration: none; }
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover { }

a.headerlink { visibility: hidden; font-weight: normal; font-size: .8em; }
h1:hover > a.headerlink, h2:hover > a.headerlink,
h3:hover > a.headerlink, h4:hover > a.headerlink,
h5:hover > a.headerlink, h6:hover > a.headerlink {
	visibility: visible;
	text-decoration: none;
}
*:target { background-color: yellow; }

/*
 * Generic stuff
 */
.center { text-align: center; }
div.img { text-align: center; border: 1px black dotted; padding: .2em; max-width: 205px; }
div.right { float: right; text-align: center; border: 1px black dotted; padding: .2em; max-width: 205px; }
div.left { float: left; text-align: center; border: 1px black dotted; padding: .2em; max-width: 205px; }
p.indent { text-indent: 3em; }
img.extlink { margin-left: .2em; border: none; }
img.notsowide { max-width: 25em; }

/*
 * weblog
 */
h3.weblog { margin: 0; padding: 0; }
div.weblog_header { background-color: #fff; margin-bottom: .2em; padding: .3em; }
div.weblog { border-bottom: 1px solid #000; margin-bottom: .75em; padding-bottom: .75em; }
div.weblog p { padding: .3em; }
#submit { margin-top: 1em; }
#webloghead { text-align: center; margin-bottom: 2em; }
#webloghead h1 { margin-bottom: .1em; }
#webloghead strong { color: #900; }

#feedbackform label { width: 10em; display: inline-block; padding: .3em; }
#feedbackform input { padding: .3em; }
#feedbackform textarea { padding: .3em; }
#submit { margin: .5em; }
#feedbackform p { }

/*
 * gammaville
 */
table.episodelist { width: 98%; }
th.nr, td.nr { width: 2em; text-align: center; }

table.episode { width: 98%; }
table.episode th { text-align: left; vertical-align: top; }

p.narration { font-style: italic; text-indent: 0em; }
p.narration:first-letter { font-weight: bold; font-size: 2.5em; float: left; line-height: .75em; }

/* books */
table.books { width: 100%; font-size: .9em; }
td.title { width: 25%; }
td.author { width: 20%; }
td.isbn { width: 10%; }
td.genre { width: 15%; }
td.summry { font-size: .9em; }