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

/* reset */

html,
body,
div,
span,
h1,
h2,
h3,
h4,
p,
pre,
code,
blockquote,
q,
a,
abbr,
em,
tt,
img,
dl,
dt,
dd,
ol,
ul,
li,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  font-family: inherit;
}

/* dimensions */
body {
	min-height: 100%;
}
#preface {
	max-width: 80%;
}
#table-of-contents {
	max-width:49%;
}
.three-columns > .two-columns {
	width: 65.67%;
}
.two-columns > .column {
	width: 49%;
}
.three-columns > .column {
	width: 32%;
}

/* margins */
/* padding */
/* line-height */
body {
	line-height: 1.3;
}
body,
.gallery,
.poem,
.blurb,
#header,
#header *,
#dedication,
#preface,
#content,
#warning,
#footer {
	margin: auto;
}
#header,
#preface,
#warning,
#footer,
ul.categories,
ul.keywords {
	padding: 0;
}
#footer {
	padding-top: 1em;
}
ul.categories * {
	margin: 1px;
}
ul.categories,
ul.categories li,
#table-of-contents,
#content {
	padding: 1em;
}
#content {
	margin-bottom: 1em;
}
dl.compact dt {
	margin-right: 1em;
} /* adjusts separation between dt and dd */
dl.compact dd {
	margin-left: 2em;
} /* adjusts indentation of dd */
th,
td,
.warning,
.inset,
.endnotes,
.blurb h1,
#dedication,
#preface > p {
	padding: .5em;
}
#table-of-contents,
.blurb p {
	margin: 0;
}
#table-of-contents,
.blurb p {
	padding-top: .2em;
	padding-bottom: .1em;
}
.juice-right,
.juice-left,
.warning,
.inset,
.endnotes,
#preface p,
#table-of-contents {
	margin: 1em;
}
.column {
	padding: .5%;
}

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

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

/* positions */
table.gallery caption {
	caption-side: bottom;
}

/* float */
/*clear */
dl.compact dt { float: left; }
dl.compact dd { clear: right; }

.two-columns:first-child,
.column:first-child,
.juice-left {
	float: left;
	clear: left;
}
#table-of-contents,
#related,
.signature,
.column:last-child,
.juice-right {
	float: right;
	clear: right;
	margin-right: 0;
}
hr,
#preface,
#warning,
#content,
#footer {
	clear: both;
}

/* alignment */
th,
td,
.inset,
.warning,
#preface,
#content {
	text-align: left;
}
.juice-right,
.juice-left,
.attribution {
	text-align: right;
}
body,
caption,
.gallery,
.gallery *,
.showcase,
.login,
#header,
#dedication,
#footer {
	text-align: center;
}
.juice-right,
.juice-left {
	vertical-align: top;
}
img {
	vertical-align: middle;
}
.footnote-ref,
.text-ref {
	vertical-align: super;
}

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

/* display */
ul.gallery li,
ul.categories * {
	display: inline;
}
.categories p,
.noCSS,
.huts,
#preface h2,
#colophon h2,
#endnotes h2,
#dedication h2,
#revision,
#trackers {
	display: none;
}

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

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

/* font sizes */
.keywords,
.timestamps,
#dedication,
#copyright {
	font-size: small;
}
#revision,
.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,
.footnote,
#table-of-contents,
#preface,
#warning {
	font-size: smaller;
}

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

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

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

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

/* colors */
@media print {
	body * {
		color: black !important;
		background-color: white !important;
		border-color: white !important;
	}
}
@media screen {
	body {
		color: black;
		background-color: white;
	}
	a:link {
		color: blue;
	}
	a:hover,
	a:link:hover {
		background-color: yellow !important;
	}
	a:link:visited {
		color: purple;
	}
	a:link:active {
		color: red;
	}
	.smiley {
		color: black !important;
		background-color: yellow !important;
	}
	.warning {
		border-color: red;
	}
	#table-of-contents {
		border-color: silver;
	}
}

/* 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 */
}
.peekaboo {
	background-repeat: no-repeat;
}