/* Copyright © 2000-2008 by Alejandro Gómez de Argüello y de Laburu */

/* size */
body {
	min-width: 100%;
	min-height: 100%;
}
body,
#navigation,
#participation {
	width: 100%;
}
#header .summary {
	width: 90%;
}
#header .timestamps,
#header .categories {
	width: 70%;
}
#preface,
#dedication {
	width: 80%;
}
#referring,
#related,
.left-column,
.right-column {
	width: 45%;
}
#table-of-contents {
	max-width: 33%;
}
.fragment {
	min-height: 4ex;
	max-height: 10ex;
}

/* position */
#header,
#content,
#comments,
#marrow,
#footer {
	position: relative;
	z-index: 1;
}
body {
	position: absolute;
	z-index: 0;
}
#navigation,
#participation {
	position: fixed;
	z-index: 2;
}
#navigation { top: 0; }
#participation { bottom: 0; }

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

/* background-position, -repeat */
.peekaboo {
	background-repeat: no-repeat;
}

/* overflow and clipping */
@media screen {
	.fragment {
		overflow: auto;
	}
}

/* margin and padding */
body,
.foobar,
.gallery,
.keywords,
#header .summary,
#header .timestamps,
#header .categories,
#header,
#dedication,
#preface,
#warning,
#content,
#comments,
#marrow,
#footer,
#navigation,
#participation {
	margin: auto;
}

body,
.keywords,
.foobar,
#header .summary,
#header .timestamps,
#header .categories,
#header,
#content,
#comments,
#marrow,
#preface,
#warning,
#footer,
#navigation,
#participation {
	padding: 0;
}
.categories p,
.categories ul,
.foobar {
	margin: 1px;
}
.foobar * {
	margin: 0;
}
.foobar * a {
	padding: 1px;
}
#header {
	padding-top: 1.5em;
}
#content,
#comments,
#marrow {
		padding-left: 1ex;
		padding-right: 1ex;
}
#footer {
	padding-bottom: 1.5em;
}
dl.compact dt { margin-right: 1ex; } /* adjusts separation between dt and dd */
dl.compact dd { margin-left: 2ex; } /* adjusts indentation of dd */
th,
td,
.warning,
.inset,
.endnotes,
.fragment,
#dedication,
#preface p,
#table-of-contents {
	padding: 1em;
}
.item {
	padding-top: .5em;
	padding-bottom: 1em;
}
.juice-right,
.juice-left,
.juice,
.warning,
.inset,
.endnotes,
.fragment,
#preface p,
#comments,
#table-of-contents {
	margin: 1ex;
}
#referring,
#related,
.left-column,
.right-column {
	padding: 1%;
	margin: 1%;
}

/* border width and style */
* {
	border-width: 1px;
}
.fragment {
	border-style: dotted;
}
.inset,
.endnotes,
.warning,
#table-of-contents {
	border-style: solid;
}
#badges *,
/*img, */
table,
select,
input {
	border: none;
}

/* display, float and clear */

dl.compact dt { float: left; }
dl.compact dd { clear: right; }
#referring,
.juice-left,
.left-column {
	float: left;
	clear: left;
}
#table-of-contents,
#related,
.signature,
.juice-right,
.right-column {
	float: right;
	clear: right;
}
hr,
#header,
#preface,
#warning,
#content,
#comments,
#marrow,
#footer {
	clear: both;
}
ul.foobar li,
ul.gallery li,
.categories p,
.categories ul,
.categories ul li {
	display: inline;
}
.noCSS,
.huts,
#preface h2,
#colophon h2,
#endnotes h2,
#dedication h2,
#navigation h2,
#navigation p,
#participation h2,
#participation p,
#revision,
#trackers {
	display: none;
}
@media print {
	#leaders,
	#trailers,
	.juice-right,
	.juice-left,
	.huts {
		display: none;
	}
}

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

/* text align */
body,
th,
td,
.inset,
.warning,
#preface,
#content,
#comments,
#navigation,
#marrow {
	text-align: left;
}
.juice-right,
.juice-left,
.attribution {
	text-align: right;
}
caption,
.gallery,
.gallery *,
.showcase,
.login,
/* p.foobar, */
#header .summary,
#header .summary *,
#header,
#dedication,
#footer,
#participation {
	text-align: center;
}

/* vertical align */
.juice-right,
.juice-left,
.juice {
	vertical-align: top;
}
.fragment,
img {
	vertical-align: middle;
}
.footnote-ref,
.text-ref {
	vertical-align: super;
}

/* text-decoration, list-style, white-space */
code { white-space: nowrap; }
a:link, a:active, a:visited { text-decoration: underline; }
ul li { list-style-type: circle; }
ul.gallery li,
ul.clean li,
.categories ul li { list-style-type: none; }
/* h4 { text-decoration: underline; } */
.blink { text-decoration: blink; }

/* font sizes */
.foobar,
.keywords,
.timestamps,
.timestamps *,
#dedication,
#copyright {
	font-size: small;
}
#participation,
#revision,
.categories,
.categories *,
.footnote-ref,
.text-ref {
	font-size: x-small;
}
body, p, h4 { font-size: medium; }
h3 { font-size: large; }
caption { font-size: large; }
table.gallery caption { font-size: medium; }
h2 { font-size: x-large; }
h1 { font-size: xx-large; }
.note,
.fragment,
.footnote,
.subtitle,
#header .summary,
#table-of-contents,
#preface,
#warning,
#subtitle {
	font-size: smaller;
}

/* font styles */
h1, h3, p { font-style: normal; }
h2, h4,
.subtitle,
#subtitle,
.ssem,
.attribution,
#dedication p,
table.gallery caption {
	font-style: italic;
}

/* font weights */
th, dt { font-weight: bold; }
td, dd { font-weight: normal; }

/* font stretches */
.foobar { font-stretch: condensed; }
.smiley { font-stretch: ultra-condensed; }

/* font families */
code {
	font-family: "DejaVu Sans Mono", monospace;
}
@media screen {
	body {
		font-family:	
			'DejaVu Sans', sans-serif;
	}
}
@media print {
	body,
	.ssem {
		font-family: 'DejaVu Serif', serif;
	}
}

/* content generation */
#navigation .foobar li:first-child:before { content: '//';}
#navigation .foobar li:after { content: '/';}
dl.compact dt:after { content: ':'; }
@media print {
	a.printlink:link:after,
	a.printlink:visited:after {
		content: " [" attr(href) "] ";
		font-size: smaller;
		font-family: 'DejaVu Sans Mono', monospace;
	}
}

/* opacity */
#navigation,
#participation {
	opacity: 0.8;
}

/* css-img */
/* peekaboo */
.css_img:hover img,
.peekaboo:hover img {
	opacity: 0 !important;
}
.peekaboo:hover {
	background-position: 0 !important;
}

.css_img img,
.peekaboo img {
	border: 0; /* because Opera & Firefox can't agree on how to count it */
}