/* Style sheet for flexible  galleries. */
/* This is currently designed for "#black" colour scheme, but allows for future change. */

html {
	overflow-y: scroll;
}  /* 2009-11-21 - Forces scroll bar on RHS when not IE */
body {
	margin: 0;
	padding: 0;
	text-align: center;
}
#content {
	border-width: 0 1px;
	min-width: 800px;
	width: 70%;
	margin: 0 auto;
	line-height: 1.2;
} /* line-height for IE 6 "peekaboo" bug. */
img {
	border: 0;
}
h1, h2, h3 {
	text-align: center;
	font: bold 100% Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 160%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 100%;
}

/* Navigation buttons at the top and administration info at the bottom. */

#head, #head table {
	text-align: center;
	margin: 0 auto;
}
#head td, #updated, #copyright {
	text-align: center;
	font: 82% Arial, Helvetica, sans-serif;
	padding: 0;
}
#head td a {
	padding: 3px 0;
	width: 99.9%;
	display: block;
	text-decoration: none;
}
div.spacer1 {
	width: 170px;
	line-height: 0.1px;
}
#foot {
	padding: 0 0 2em 0;
}
#updated {
	float: left;
	margin: 0 0 0 3em;
}
#copyright {
	float: right;
	margin: 0 3em 0 0;
}

/* Styles for the "middle" part of the content. */

#middle {
	padding: 0 1em;
	text-align: left;
}
p.imageleft, p.imageright {
	text-align: center;
	font: 82% Arial, Helvetica, sans-serif;
}
p.imageleft {
	float: left;
	margin: 0 1em 0.2em 0;
}
p.imageright {
	float: right;
	margin: 0 0 0.2em 1em;
}
p.separatevisible, p.separateinvisible {
	clear: both;
	line-height: 0.1px;
	padding: 0;
}
p.separatevisible {
	border: #777 solid;
	border-width: 1px 0 0 0;
	margin: 0.4em 0 1em 0;
}
p.separateinvisible {
	margin: 0.1em 0;
}
blockquote {
	font-style: italic;
}
ul {
	list-style-type: circle;
	padding: 0;
	margin: 0 0 0 2.7em;
}
ol {
	padding: 0;
	margin: 0 0 0 3em;
}
li {
	margin: 0.7em 0;
}
ul.linklist {
	list-style-type: none;
	margin: 0 0 0 2em;
}
ul.linklist li {
	margin: 0.5em 0;
}
div.sidenote ul.linklist {
	margin: 0;
}
div.sidenote li {
	margin: 0.4em 0;
}
span.doublequote {
	font-weight: bold;
	font-size: larger;
}
ul.blocklist {
	list-style-type: none;
	margin: 0 0 0 2em;
}
ul.blocklist li {
}
ul.buttons {
	list-style-type: none;
	margin: 0;
}
ul.buttons li {
	font: normal 82% Arial, Helvetica, sans-serif;
	width: 180px;
	padding: 0;
	margin: 0 0 -4px 0;
} /* Neg margin for IE 5 */
div.sidenote {
	float: right;
	width: 30%;
	margin: 0.5em 0 0.5em 1em;
	padding: 1em;
	border-style: solid;
	border-width: 1px;
}
div.sidenote blockquote {
	margin: 1em 0 0 0;
}
p.quote {
	margin: 1em 0 0 0;
}
div.sidenote > p:first-child {
	margin-top: 0;
}
p.quotee {
	margin: 0;
}
a:hover {
	color: #f00;
	background: #fee;
} /* This is changed for a dark grey/black background later */
hr {
	height: 0;
	border-style: solid;
	border-width: 1px 0 0 0;
	margin: 0;
	clear: both;
}
span.emphasis, p.emphasis {
	color: #d00;
}
span.assertion, p.assertion {
	color: #077;
	font-style: italic;
}
span.joke, p.joke {
	color: #0a0;
}
span.species {
	font-style: italic;
}

/* Colour scheme */

#black {
	background: #333 url("../assets2009/background-darkgrey.png");
	color: #fff;
}
#black #content {
	background: #333;
	border: #777 solid;
	border-width: 0 1px;
}
#black h1, #black h2, #black h3, #black h4, #black th {
	color: #fff;
} /* 2009-11-21 */
#black #sidebar {
	border-color: #fff;
}
#black hr {
	border-color: #777;
}
#black div.sidenote {
	background: #000;
	border-color: #fff;
}
#black p.quotee {
	color: #fff;
}
#black span.emphasis, #black p.emphasis {
	color: #f77;
}

/* Colour scheme for links. */

#black #head a:link, #black #head a:visited {
	color: #00f;
	background: #bbb;
}
#black #head a:hover {
	color: #fff;
	background: none;
}
#black #middle a:link {
	color: #eef;
}
#black #middle a:visited {
	color: #fef;
}
#black #middle a:hover {
	color: #f00;
	background: #fff;
}

/* © Copyright Barry Pearson 2006 */
/* End */