/* Eric Meyer's version of the reset stylesheet */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body { background-color: #fff; color: #595959; font-family: Courier, monospace; font-size: 16px; /* for safari & monspace fonts */ line-height: 1;}
#wrapper { width: 960px;}

#nav { position: absolute; top: 30px; left: 230px;}
#nav li { display: inline; font-size: 0.75em;}
#nav li a { color: #595959; text-decoration: none;}
#nav li a:hover, .folio li#folio a, .text li#text a, .about li#about a { border-bottom-style: solid; border-bottom-width: 1px;}

#page, #splash, #folio-overview, #folio-content, #text-content, #sidebar { position: absolute; top: 0;}
#page { width: 960px; top: 113px; left: 0;}
#splash { width: 703px; left: 62px;}
#folio-overview { width: 817px; left: 62px; font-size: 0.75em; padding-bottom: 80px;}
#folio-content, #text-content { width: 648px; left: 62px; padding-bottom: 60px;}

/* Folio overview page */
#folio-overview h2, dl { float: left; }
#folio-overview h2 { width: 149px; padding-top: 9px; border-top: 1px solid #9c9c9c;}
.folio-block, .lnk-block { background-image: url(/images/site/folio_bg.gif); float: left; width: 668px; }
.lnk-block { background: url(/images/site/lnk_bg.gif) 0 0 repeat-x;}
dl { width: 316px; height: 171px; margin: 0 0 0 18px; padding: 10px 0 9px 0;}
dt, dd { float: right; width: 149px;}
.folio dd.thumb { background-color: #e0ded8; background-image: none; float: left; height: 162px; margin: 0; padding: 0 0 9px 0; overflow: hidden;}
dd.thumb a:visited img.bw { display: none;}
.lnk-block ul { margin: -8px 0 0 18px;}
#folio-overview li { padding-top: 11px; margin-top: 11px;}

#folio-content, .folio #sidebar, #folio-content .row p { border-top: 1px solid #9c9c9c; padding-top: 18px;}
#sidebar img { margin-bottom: 9px;}
.row { float: left; width: 888px; font-size: 0.75em; line-height: 1.333em; font-family: Courier, monospace;}
.row img { float: left; margin: 0 18px 18px 0;}
.row p { float: right; width: 149px; margin: -3px 18px 0 0;}
#folio-content .row p { width: 204px; margin-top: 0; padding-top: 14px;}

#sidebar { width: 152px; top: 32px; right: 25px; font-size: 0.75em; line-height: 1.333em;}
.folio #sidebar { width: 204px; top: 0; padding-top: 15px;}
#sidebar li { float: left; width: 149px;}
#sidebar li span { display: block;}

/* Dividers */
dl dd, #folio-overview li, #sidebar li, #sidebar p { background-position: top left; background-repeat: no-repeat; padding-top: 8px; margin-top: 8px;}
.folio dd, #folio-overview li { background-image: url(/images/site/dash-folio.gif)}
.folio #sidebar p { background-image: url(/images/site/dash-folio.gif)}
.text #sidebar li { background-image: url(/images/site/dash-text.gif)}
.about #sidebar p { background-image: url(/images/site/dash-about.gif)}
#sidebar p { text-indent: 0;}
.folio #sidebar p + p { background-image: none; padding: 0; margin: 0;}
.folio #sidebar p + p:before { content: '/'; display:block;}
.text-show  #sidebar p { margin: 0; padding: 0;}
#folio-overview li.first { background-image: none;}

/* Pagination */
#sidebar ul { float: left; margin-bottom: 20px;}
.pagination span { display: block; margin-bottom: 4px;}
.pagination .disabled { display: none;}

/* Folio colour scheme */
body.folio-index { background-color: #edebe3;}
.folio #nav li a:hover, .folio li#folio a, dt a:hover { color: #ffa61a; border-bottom-color: #ffa61a;}
.folio a { color: #595959;}

/* Text colour schemes */
body.text { background-color: #ebf1fa;}
.text #sidebar, .text a, .text h2, #text-content p.more, #text-content p.more a, #text-content p.prev, #text-content p.prev a,  #text-content .row { color: #0950c5;}
.text #nav li a:hover, .text li#text a { color: #0950c5; border-bottom-color: #0950c5;}
#text-content h2 a, #text-content h2 span, #text-content p a { border-bottom: 1px solid #0950c5; text-decoration: none;}
#text-content p a { color: #595959; border-color: #595959;}

/* About colour schemes */
body.about { background-color: #fceff5;}
.about #sidebar, .about a, .about h2, .about #text-content .row { color: #d6007f;}
.about #nav li a:hover, .about li#about a { color: #d6007f; border-bottom-color: #d6007f; }
.about #text-content h2 a, .about #text-content h2 span { border-bottom-color: #d6007f;}
.text #sidebar h3, .about #sidebar h3 { text-transform: uppercase;}

#text-content { font-family: Georgia, serif;}
#text-content h2 { margin: 0 0 11px 57px;}

.entry { margin-bottom: 22px;}
body.text-show .entry { padding-bottom: 36px;}
.row { margin-bottom: 20px;}

p { font-size: 1em; line-height: 1.375em;}
p + p { text-indent: 57px;}
p em { font-style: italic;}
p strong { font-weight: bold;}
a, #sidebar a { text-decoration: none; }
#text-content p.more a, #text-content p.prev a { border: none;}