/* Improve type (tip 3) */
body {
	font-family: Georgia, "Times New Roman, serif";
	font-size: 12pt;
	line-height: 20pt;
}

/* Remove the page furnature (Tip1) */

#navigation {
	display: none;
}

/* remove the background colours (see gotchya 2) */

#header,
#content {
	background: none;
}

/* Linearise content (tip 2) */
.left-col,
.right-col {
	float: none;
	width: 100%;
}

/* Go wild on links (tip 4) */
a:link:after,
a:visited:after,
a:hover:after,
a:active:after {
	content: " <" attr(href) "> ";
	color: #8D7E95; /* most browsers will display the content as black - see tip browser support */
	font-style: italic;
	font-weight: normal;
	border: none;
}
a[href^="/"]:after {
	content: " <http://www.example.com"attr(href)"> ";
}
a[href^="mailto"]:after {
	content: "";
}

/* Jazz up the headers (tip 5) */
h1 {
	border-bottom: 5px double black;
	font-size: 3em;
	text-align: center;
	padding: 0 0 0.7em 0;
	font-variant: small-caps;
	font-weight: thinner;
}
h2 {
	border-bottom: 1px solid #999999;
	padding: 0 0 0.1em;
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
	margin: 1em 0 0.2em 0;
	text-decoration: none;
	color: #999999;
}
p {
	margin: 0.5em 0 1em 0;
}

/* Overcome Gotchya 1 */

#content {
	overflow: visible;
}