/* edh-photo.css : basic documentation style */

/* ************************************************************ */

/* MAIN AREAS:
 * Dark gray textured background, and white text.
 * Gray links, white during mouseover.
 * Dusty purple sans-serif headers.
 */

body {
	color: white;
	background: #333333; background-image: url(canon.body.texture.jpg);
	padding: 0; margin: 8
}

a:link { color: #999999 }
a:visited { color: #999999 }
a:active, a:hover { color: white }

h2 {
	padding-top: 1em;
	color: white; background: none; font-weight: bold;
	font-family: tahoma, arial, geneva, helvetica, sans-serif
}

h3, h4, h5 { color: white; background: none; font-weight: bold }

dt { font-weight: bold }
dd { font-weight: normal }

/* ************************************************************ */

img.link { border: none; width: 16px; height 16px; vertical-align: middle }

/* ************************************************************ */

/* SIDEBAR AREAS:
 * Dusty cyan [#6699CC] background, and small black bold text.
 * Sidebar capping identical to sidebar; blends in.
 * Typically no links.
 *
 * SIDEBAR CELLS:
 * Bordered tables containing same values as main areas.  They
 * are usually tables embedded in a sidebar's cells, but can appear
 * alone.
 */

table.sidebar {
	background: #111111; background-image: url(canon.body.texture.jpg);
	color: black;
	margin: 0; padding: 8; border: none;
	float: right; width: 60%
}
td.cap, td.topcap, td.bottomcap {
	background: #666699;
	margin: 0; padding: 2; line-height: 0
}
td.heading {
	margin: 0; padding: 8; padding-top: 2; padding-bottom: 2;
	background: #666699;
	text-align: right; font-size: smaller; font-weight: bold
}
td.quotation, td.sidebar {
	margin: 0; padding: 8;
	background: #999999;
}
td.attribution {
	margin: 0; padding: 8;
	background: #DDDDDD;
	text-align: right; font-size: smaller
}
table.warning {
	background: #993333; color: white;
	margin: 0; padding: 3;
	border-color: #808080; border-width: 2; border-style: ridge;
	width: 100%
}
td.warning {
	margin: 0; padding: 4;
	background: #993333; color: white
}
table.cell {
	background: white; color: black;
	margin: 0; padding: 3;
	border-color: #808080; border-width: 2; border-style: ridge;
	text-align: right; font-size: smaller;
	float: right; width: 100%
}
td.cell {
	background: white; color: black;
	margin: 0; padding: 3;
	border-color: #808080; border-width: 2; border-style: ridge;
	text-align: right; font-size: smaller;
	float: right; width: 100%
}

td.code {
	background: #DDDDDD; color: black;
	padding: 3;
	border-color: #808080; border-width: 2; border-style: ridge;
}

td.code a:link { color: #000099 }
td.code a:visited { color: #660066 }
td.code a:active, a:hover { color: white }

/* ************************************************************ */

/* Navigation tables are made for links to related pages.  They
 * usually appear as wide bars across the top or bottom of a page.
 */

table.navigation {
  margin: 0; width: 100%; spacing: 0; padding: 2; border: none;
  background: #111111
}
td.navigation { margin: 0; spacing: 0; padding: 2; background: #111111 }

/* ************************************************************ */

/* A ledger table is made to split content into rows, with
 * alternating background colors for each row.  Each table row should
 * use the proper odd/ even classes.  Cells in each row should also
 * use the odd/ even classes, counting by the *rows*, not the columns.
 */

table.ledger {
 	margin: 0; width: 100%; spacing: 0; padding: 0;
	border: none
}
tr.odd, td.odd { margin: 0; spacing: 0; padding: 2; background: #F0F0F0 }
tr.even, td.even { margin: 0; spacing: 0; padding: 2; background: white }

/* ************************************************************ */

/* A snaking table is made to split content into top-justified columns.
 * It has no borders, no margins and no padding of its own on the outside
 * edges, but adds some padding between columns if the proper left/
 * middle/ right cell classes are used.
 */

table.snake {
	margin: 0; width: 100%; spacing: 0; padding: 0;
	border: none; vertical-align: top
}
td.left {
	margin: 0; spacing: 0; vertical-align: top;
	padding: 0; padding-right: 6
}
td.middle {
	margin: 0; spacing: 0; vertical-align: top;
	padding: 0; padding-right: 6; padding-left: 6
}
td.right {
	margin: 0; spacing: 0; vertical-align: top;
	padding: 0; padding-left: 6
}

/* ************************************************************ */