/* copyright © 2000-2009 by Alejandro Gómez de Argüello y de Laburu <alex@laburu.org> */

body {
	min-height: 100%;
}

@media screen {
	body * {
		max-width: 78ex;
	}
}

#preamble {
	width: 85%;
}

#table-of-contents,
.blurb .table-of-contents,
.aside {
	min-width: 33%;
	max-width: 50%;
}

#above,
#above *,
#main,
#below,
#below *,
#preamble,
.extract,
.gallery,
.blurb,
.poem,
blockquote,
body {
	margin: auto;
}

#above,
#below,
#main {
	padding: 0.25ex 1ex;
}

#table-of-contents,
.table-of-contents,
.description,
.metadata {
	padding: .1em 0;
}

#table-of-contents > *,
.table-of-contents > * {
	margin: 1ex;
	padding: 0 1ex 0 1ex;
}

#table-of-contents > ul,
.table-of-contents > ul {
	padding: 0 1ex 0 3ex;
}

#table-of-contents > * > *,
.table-of-contents > * > *{
	padding: .5ex 0;
}

th,
td,
h1,
.poem,
.aside,
.warning,
.endnotes,
#preamble > p,
.extract > p,
blockquote > * {
	padding: 1ex;
}

#below hr {
	margin-bottom: 0.5em;
}

.extract p,
.metadata {
	margin: 1ex 0;
}

.aside,
.warning,
.endnotes,
.juice-left,
.juice-right,
blockquote,
#table-of-contents,
.table-of-contents {
	margin: 1em;
}

.blurb > *,
table,
select,
input {
	border: none;
}

.aside,
.warning {
	border-width: 1px;
	border-style: solid;
}

table.gallery caption {
	caption-side: bottom;
}

#above,
#below,
.more,
hr {
	clear: both;
}

#main {
	clear: none;
}

#alia,
#table-of-contents,
.table-of-contents,
.aside,
.juice-right {
	float: right;
	/* clear: right; */
}

#sidebar,
.juice-left {
	float: left;
	/* clear: left; */
}

body,
caption,
.gallery,
.gallery *,
.showcase,
.login,
.more,
#above,
#below {
	text-align: center;
}

#alia,
#table-of-contents,
.table-of-contents,
.juice-right,
th,
td {
	text-align: left;
}

.warning,
.aside,
#main {
	text-align: left;
} /* would be "justify" if browsers didn't suck so much */

#preamble p:first-child:first-letter,
.preamble p:first-child:first-letter,
#main * h2 + p:first-letter {
	font-size: larger;
}

#sidebar,
.juice-left,
.attribution {
	text-align: right;
}

.footnote-ref,
.text-ref {
	vertical-align: super;
}

ul.gallery li {
	display: inline;
}

code {
	white-space: nowrap;
	overflow: scroll;
}

a:link,
a:active,
a:visited {
	text-decoration: underline;
}

ul li {
	list-style-type: circle;
}

.gallery li,
.clean li {
	list-style-type: none;
}

.blink {
	text-decoration: blink;
} /* ^_^ */

h1,
h3,
p {
	font-style: normal;
}

h2,
h4,
.table-of-contents p,
.ssem,
#dedication p,
table.gallery caption {
	font-style: italic;
}

.table-of-contents p,
.title,
th,
dt {
	font-weight: bold;
}

td,
dd {
	font-weight: normal;
}

.smiley {
	font-stretch: ultra-condensed;
}

#dedication {
	font-size: small;
}

.metadata,
.footnote-ref,
.text-ref {
	font-size: x-small;
}

.table-of-contents p,
table.gallery caption,
h4,
p,
body {
	font-size: medium;
}

caption,
h3 {
	font-size: large;
}

.table-of-contents p,
h2 {
	font-size: x-large;
}

h1 {
	font-size: xx-large;
}

.note,
.footnote,
.extract {
	font-size: smaller !important;
}

code {
	font-family: monospace; /* "DejaVu Sans Mono", */
}

@media screen {
	body {
		font-family: sans-serif; /* 'DejaVu Sans', */
	}
}

@media print {
	body {
		font-family: serif; /* 'DejaVu Serif', */
	}
}

@media print {
	body * {
		color: black !important;
		background-color: white !important;
		border-color: white !important;
	}
}

@media screen {
	body {
		background: none;
		color: white;
	}
	#alia,
	#sidebar {
		background: none;
		color: white;
	}
	body * {
		color: black;
		background-color: white;
	}
	blockquote *,
	blockquote {
		background-color: #EFF;
	}
	#preamble,
	#preamble * {
		background-color: #FFE;
	}

	.extract,
	.aside {
		background-color: #EFE;
	}

	#table-of-contents,
	#table-of-contents * {
		background-color: #EEE;
	}

	.table-of-contents {
		background-color: #DED;
	}

	.warning {
		border-color: red;
	}
	a:link {
		color: blue !important;
	}
	a:hover,
	a:link:hover {
		background-color: yellow !important;
	}
	a:link:visited {
		color: purple !important;
	}
	a:link:active {
		color: red !important;
	}
	a:link * {
		color: inherit;
		background-color: inherit;
	}
	.smiley {
		color: black !important;
		background-color: yellow !important;
	}
}

@media screen {
	.fragment {
		overflow: auto;
	}
}

@media print {
	a.printlink:link:after,
	a.printlink:visited:after {
		content: " [" attr(href) "] ";
		font-size: smaller;
		font-family: monospace; /* 'DejaVu Sans Mono' */
	}
}

/* css-img */
/* peekaboo */

.css_img img,
.css_img,
.peekaboo img,
.peekaboo {
	border: 0;
	margin: 0;
	padding: 0;
}

.css_img,
.peekaboo {
	background-position: top;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.css_img img,
.peekaboo img {
	vertical-align: top;
}

.css_img:hover img,
.peekaboo:hover img {
	opacity: 0 !important;
}

.peekaboo:hover {
	background-position: 0 !important;
}

/* compact dl */

dl.compact dt {
	float: left;
}

dl.compact dd {
	clear: right;
}

dl.compact dt {
	white-space: nowrap;
}

dl.compact dt {
	margin-right: 1em;
} /* adjusts separation between dt and dd */

dl.compact dd {
	margin-left: 2em;
} /* adjusts indentation of dd */

dl.compact dt:after { content: ':'; }

/*
TODO: look into font-face declarations like
@font-face {
	font-family: "My font gothic";
	src: url("http://www.myweb.com/fonts/myfont.ttf") format("truetype");
}
 */