/* Tables */

th {
	text-align: center;
}

td {
	border: 1px dotted green;
	border-top: none;
	border-left: none;
	padding: 5px;
}

td p {
	text-indent: 0;
}

thead th {
	border-top: 2px solid #630;
	border-bottom: 2px solid #630;
	border-right: 1px solid #630;
	border-left: 1px solid #630;
}
thead th h2 {
	margin: 10px;
}
tbody th {
	border: 1px solid green;
	border-top: none;
}

/* Layout */

#menu {
	width: 240px;
	position: absolute;
	left: 8%;
	top: 8px;
	margin: 10px;
}

#contenu {
	margin: 158px 10px 10px 275px;
}

#tenyears {
	background-image: url(http://fawny.org/spy/spy.gif);
	width: 230px;
	height: 230px;
	margin: 0;
}

#reliving {
	background-image: url(http://fawny.org/spy/formative.gif);
	width: 230px;
	height: 230px;
	margin: 0;
}

#tenyears span, #reliving span {
	visibility: hidden;
}


/* Body */

body
{
	background: #fff;
	color: #000;
	font: medium/1.3em "Garamond 3", Garamond, "Adobe Garamond", "Garamond Three", "Hoefler Text", Hoefler, Sabon, Georgia, Gill, "Gill Sans", "Trebuchet MS", serif;
	margin: 0 15% 0 8%;
	text-align: left;
	line-height: 1.3em;
}


/* Headings */

h1 {
	font: bold 18px "News Gothic MT", Verdana, sans-serif;
	letter-spacing: 0.2em;
	margin-bottom: 0ex;
	margin-top: 0;
}

h2, h2 a.permalink, h2 a.permalink:visited {
	color: #000;
	font: bold 16px "News Gothic MT", Verdana, sans-serif;
	letter-spacing: 0.2em;
	margin-bottom: 0ex;
	margin-top: 4ex;
	text-decoration: none;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 0.5em;
	margin-top: 1.5ex;
}

h4 {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin-bottom: 0em;
	margin-top: 1ex;
}

h5, h6 {
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-left: 2em;
	margin-top: 1.1ex;
	text-align: center;
}

.headerp {
	font-family: Verdana, sans-serif;
	margin-bottom: 2px;
	margin-top: 1ex;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
}

.header1 {
	margin-bottom: 3ex;
	margin-top: 0;
	text-align: center;
}


/* h2 hover effects */

h2 a.permalink:hover {
	background: #fff;
	border-bottom: 1px dashed #00f;
	border-left: none;
	border-right: none;
	border-top: none;
	color: #00f;
	font: bold 16px "News Gothic MT", Verdana, sans-serif;
	letter-spacing: 0.2em;
	margin-bottom: 0ex;
	margin-top: 4ex;
	padding: 0px;
	text-align: left;
	text-decoration: none;
}


/* Typography */

.caps {
	font-size: small;
	letter-spacing: .1em;
	line-height: 1.3em;
	text-transform: uppercase;
}

.grey {
	color: #808080;
}

.hilite {
	background: #363;
	color: #fff;
	font-family: Verdana, "Trebuchet MS", Geneva, sans-serif;
	font-weight: bold;
	padding: 1px;
}

strong {
	font-weight: bold;
}

.youarehere {
	border-top: 1px dashed;
	font: x-small/1.1em "Lucida Grande", "Bitstream Vera Sans", Skia, Tahoma, Verdana, Univers, sans-serif;
	margin-bottom: 1ex;
	text-align: center;
}

.updated {
	font: 10px/1.1em "Lucida Grande", "Bitstream Vera Sans", Skia, Tahoma, Verdana, Univers, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 0ex;
	margin-left: 0;
	margin-top: 0.5ex;
	padding: 5px;
	text-align: center;
}

.dialogue {
	margin-bottom: 0;
	margin-left: 3em;
	margin-top: 0em;
	text-indent: -1em;
}

.cc {
	font-family: "TheSans Mono", monospace;
}

abbr, acronym, .jakob {
	border-bottom: 1px dotted #000;
}

blockquote {
	border-left: 1px dotted #036;
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 20px;
	text-align: left;
}

address,  .letter-byline, .writer-byline {
	font-style: italic;
	margin-left: 2em;
	text-indent: 0;
}

p {
	text-indent: 2em;
}

.spycaps {
	font-variant: small-caps;
}

.nobullet {
	list-style-type: none;
	margin-left: 0;
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
}

.left-right {
	margin-left: auto;
	margin-right: auto;
}

ins.ed {
	border: none;
	display: inline;
	font-size: 95%;
	text-decoration: none;
}


/* Lists */

li, dt, dd {
	margin-top: 1ex;
}


/* a:Links */

a:link {
	background: #fff;
	border-bottom: 1px dotted #900;
	color: #900;
	line-height: 1.3em;
	text-decoration: none;
}

a.permalink:link {
	border: none;
	color: #000;
	text-decoration: none;
}

a:visited {
	background: #fff;
	border-bottom: 1px dotted #800080;
	color: #800080;
	font-weight: bolder;
	line-height: 1.3em;
	text-decoration: none;
}

a:hover {
	background: #ffc;
	color: #030;
	line-height: 1.3em;
	text-decoration: none;
}

a:focus {
	background: #fff;
	border: dashed 1px #00f;
	color: #000;
	line-height: 1.3em;
	text-decoration: none;
}


/* Nested elements */

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, hr + p, #rightcol p,  p + address, td p:first-child, .noindent, .response, blockquote + p, blockquote + h1, blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6  {
	text-indent: 0;
}