* {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
*:focus {
	outline: none;
}
body {
	background: #000;
	font-family: georgia, lucida grande, sans serif;
	font-size: 14px;
	line-height: 1.56em;
	color: #200;
}
a {
	text-decoration: none;
	padding-bottom:3px;
	color:#988;
	background: url("../image/design/dotted-underline.gif") repeat-x 0px 18px;
}
a:hover, .hover {
	color: #6B0;
	background: url("../image/design/dotted-underline-reverse.gif") repeat-x 0px 18px;
}

strong {
	color: #6B0;
/* nice:
	color: #5dda32;
*/
}

/*
#spread h1, #spread h2 {
	font-size:22px;
	line-height:1.56em;
}
*/

ul {
	margin-left: 28px;
}
ol {
	margin-left: 21px;
	counter-reset: start 0;
}

li {
	margin-top: 0.78em;
}
ol li {
	display: block;
	float: left;
	text-align: right;
	margin-left: -30px;
	width: 300px;
}
ol li span {
	display: block;
	float: right;
	margin-left: 8px;
	text-align: left;
	width: 88%;
	font-variant: inherit;
	letter-spacing: inherit;
	margin-right: inherit;
	text-transform: inherit;

}
.lastSection li:last-child {
	margin-bottom:0.78em;
}
/*
The below webkit-specific block fixes the problem of whole pixel units causing adjacent lines of text to not perfectly line up. This doesn't fix the same problem exhibited by IE, because IE doesn't support the nth-child pseudoclass selector.
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    li {
    	margin-top: 10px;
    }
    li:nth-child(2n+1) {
    	margin-top: 11px;
    }
    .lastSection li:last-child {
	margin-bottom: 11px;
	}
}
.page ol:first-child li:first-child, .page ul:first-child li:first-child{
	margin-top: 0;	
}

ol li:before {
	content: counter(start) ". ";
	counter-increment: start;
}
li.unlabeled {
	list-style-type: none;
}
li.unlabeled:before {
	content: "";
}

blockquote {
	margin: 0.78em;
}
.page blockquote:first-child {
	margin-top: 0;
}
.page blockquote:last-child {
	margin-bottom: 0;
}
/*
span {
	font-variant: small-caps;
	letter-spacing: 0.1em;
	margin-right: -1px;
	text-transform: lowercase;
}
*/
#bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 5;
}
#bg canvas {
	width: 1220px;
	display: block;
	margin: 0 auto;
}

#use {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	z-index: 100;

}
#section {
	width: 568px;
	height:335px;
	background: #333 url("../image/design/veil_bg.gif");
	padding: 21px;
}
#book {
	margin: 58px auto;
	width: 870px;
}
#prev, #next {
	display: block;
	float: left;
	width: 55px;
	height: 610px;
	padding: 0;
	text-indent: -9999px;
}
#prev {
	margin-right: 3px;
}
#next {
	margin-left: 3px;
}
/*
Below is the .hover class temporarily applied to prev and next when the either of the others fires the onmouseover event.
*/
#prev:hover, #next:hover, #prev.hover, #next.hover {
	background: #FFF;
	filter:alpha(opacity=6);
	opacity:0.06;
/*
	background: rgba(255, 255, 255, .06);
*/
}
#spread {
	width: 754px;
	height: 610px;
	display: block;
	float: left;
/*
	clear: both;
*/
	background: #FFF url("../image/design/spread_bg.gif");
	text-align: center;
}
.image {
	position: relative;
	float: left;
}
.year {
	padding: 46px 44px 41px;
	background: #000;
	color: #FFF;
	font-family: Pullchain Pixel Figures Thin;
	font-size: 52px;
	position: absolute;
	top: 395px;
	
}
.captioned {
	margin-bottom: 14px;
}
.captioned.gap195 {
	margin-bottom: 209px;
}
.captioned.gap125 {
	margin-bottom: 153px;
}
div.toMargins {
	margin: -16px 0 14px;
}
div.dulles {
	margin-top: -25px;
}

.image span {
	background: #000;
  filter:alpha(opacity=6);
  opacity:0.065;
	position: absolute;
	display: block;
	height: 100%;
}
.left .bleed {
	margin: -94px 0 0 -58px;
}
.right .bleed {
	margin: -94px 0 0 -29px;
}
.right .image span {
	width: 100%;
}
.toMargins span, .spreadBlock span{
	width: 50%;
	left: 50%
}
.caption {
	font-family: lucida grande, helvetica, sans serif;
	font-size: 9.2px;
	line-height:15px;
	list-style-type: none;
/*
below three lines are all for IE's sake
*/
	display: block;
	float: left;
	width: 290px;	
}
.caption li:first-child, h1.caption {
	color: #a1a1a1;
}
h1.caption {
	display: block;
	float: left;
	margin: 27px 23px 7px;
	padding-bottom: 7px;
	width: auto;	
}
h1.caption a {
	padding-bottom: 7px;
}
h1.caption a:hover {
	color: #518339;
}
h1.caption span {
	font-size:8.4px;
	letter-spacing: inherit;
}
h1.caption span.scissors {
	color: #988;
	font-size: 32px;
}
.page {
	display: block;
	float:left;
	text-align: left;
	width: 290px;
	padding-top:93px;
	padding-bottom:55px;
}
.left {
	padding-left: 58px;
	padding-right: 29px;
}
.right {
	padding-right: 58px;
	padding-left: 29px;
}
.hide {
	display: none;
}
#instructions {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 694px;
	z-index: 175;
	text-align: center;
	background: rgba(0,0,0,0.1);
	font-family: lucida grande, helvetica, sans serif;
	font-size: 12px;
}
#instructions blockquote {
	margin-left: 0;
	margin-top: 262px;
	padding: 18px;
	background: #FFF;
}

#instructions blockquote span {
	font-size: 10.6px;
	letter-spacing: 1px;
}
.instrPrev {margin-right: 296px;}
.instrNext {margin-left: 314px;}

#pageNumber {
	color: #988;
}
#pageNumber.bottomRight {
	float: right;
	margin: -48px 115px 0 0;
	text-align: right;
}
#pageNumber.topCenterRight {
	float: right;
	margin: -561px 116px 0 0;
	text-align: center;
	width: 290px;
}
.author {
	margin-bottom: 0.78em;
}
.author a {
	font-size: 11px;
	letter-spacing: 1px;
}
img.author {
	float: left;
	margin: 0 1.18em 0 0;
}
.source {
	margin-top: 0.78em;
	
}
.keep { white-space:nowrap; }

.underhead {
margin: .78em 0;
font-family: Lucida Grande, sans serif;
font-size: 9.2px;
line-height: 15px;
}

::-moz-selection {
	background: #93ff62;
	color: #020;
} 

.right ::-moz-selection {
	background: #84ee54;
	color: #020;
} 

::selection {
	background: #93ff62;
	color: #020;
} 

.right ::selection {
	background: #84ee54;
	color: #020;
}

a::selection {
	color: #efe;
}
.right a::selection {
	color: #d0ffbb;
}