@import url(../assets/global.css);

#body {
	margin:0px;}
#external-container {
	padding:20px 0px;
	background:#fff;}

.data {
	display:none;}

#root {
	font-family: Georgia, Serif;
	position:relative;
	height: 545px; width:800px; margin:0px auto;}

#pager {
	position:absolute; top:480px; right:0px;
	height:60px; width:640px;
	padding-top:5px;}
	#pager a {
		border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:0px;
		font-weight:bold; text-transform:uppercase; letter-spacing:1px;
		line-height:30px;
		height:30px;
		display:block;}
	#pager a:hover {
		border-left:5px solid #347; border-right:5px solid #347; border-bottom:0px;}
	#pager a.dim, #pager a.dim:hover {
		color:#999;
		border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:0px;}
	#pager a#prev {
		padding-left:12px;
		background: url(prev.gif) 0% 50% no-repeat;
		float:left;}
		#pager a#prev:hover {
			background: #347 url(prevLit.gif) 0% 50% no-repeat;}
		#pager a#prev.dim, #pager a#prev.dim:hover {
			background: url(prevDim.gif) 0% 50% no-repeat;}
	#pager #next {
		padding-right:12px;
		background: url(next.gif) 100% 50% no-repeat;
		float:right;}
		#pager a#next:hover {
			background: #347 url(nextLit.gif) 100% 50% no-repeat;}
		#pager a#next.dim, #pager a#next.dim:hover {
			background: url(nextDim.gif) 100% 50% no-repeat;}

#page-0, #page-1 {

	position:relative;
	width:640px; height:480px; float:right;}
#nextPage, #prevPage, #prevBio, #nextBio, #currPage, #currBio, #handle-id {
	display:none;}

.cover {
	position:absolute; left:0px; top:0px;
	margin:0px auto;
	background:#000 url(cover.gif) 50% 50% no-repeat;
	width:640px; height:480px;}

.pic {
	position:absolute; left:0px; top:0px;
	background-color:#000;
	padding:15px;
	width:610px; height:450px; margin:0px auto;}

.quote {
	text-align:justify;
	color:#fff;
	padding-bottom:28px;
	background-position:0% 100%; background-repeat:no-repeat;}
.quote p {
	margin: 0em 0em .75em;}

.pic .width-200 {width:200px;}
.pic .width-220 {width:220px;}
.pic .width-240 {width:240px;}
.pic .width-260 {width:260px;}
.pic .width-270 {width:270px;}
.pic .width-280 {width:280px;}
.pic .width-300 {width:300px;}
.pic .width-340 {width:340px;}
.pic .width-380 {width:380px;}
.pic .right {
	margin: 0px 0px 0px auto;}
.bio, .finish, .intro {
	position:absolute; left:0px; top:0px;
	margin:0px auto;
	display:table; padding:0px; margin:0px;
	background:#ddd url(frame.gif) 50% 50% no-repeat;
	width:640px; height:480px;}
.introWrapper, .bioWrapper, .finWrapper {
	display:table-cell;
	vertical-align:middle;}
.text, .finText, .introText {
	background:#fff; color:#000;
	padding:20px; border:1px solid #ccc;
	margin:0px auto;
	width:480px;
	text-align:justify;}
	.text h1, .finText h1, .introText h1 {
    color:#000 !important;
		letter-spacing:2px; font-weight:bold;
		font-size:1.1em; text-transform:uppercase;
		margin:0em; padding:0em;}
	.text p, .finText p, .introText p {
		text-indent: 2em;
		margin:1em 0em 0em 0em;}
	.finText {
		width:520px;}
/*	.finish {
		display:block;
		background:#fff;
		width:620px; border:10px solid #ddd;
		padding:30px 0px; height:auto;
		position:static;}
		.finWrapper {
			display:block;}*/

* html .bio, * html .intro, * html .finish {
	position:relative;}
* html .introWrapper, * html .bioWrapper, * html .finWrapper {
	position:absolute; top:50%;}
* html .introText, * html .text, * html .finText{
		position:relative; top:-50%;}

ul {
	line-height:1.25em; list-style:none;
	margin:0em; padding:.5em 0em .5em 2em;}
li {margin:0em; padding:0em;}

#root a {
	text-decoration:none; border-bottom:1px dotted #ccc;
	color:#237;}
#root a:hover {
	border-bottom:1px solid #237; color:#fff;
	background:#237;}

table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin:0px; padding:0px;}
	tr, td {
		padding:0px; vertical-align: top;}
td {
	width:50%;}
td h1 {
	text-align:left;}
table.midalign td {
	vertical-align: middle;}
.emailer, .credits {
	width:260px;
	padding:0px;
	background:#eee;}
	.finish .emailer h1,
	.finish .credits h1 {
		padding:10px;
		border-top:3px solid #ddd; border-bottom:1px solid #fff;
		color:#666;
		font-size:10px;
		text-align:center;
		letter-spacing:0px;}
		.finish .emailer h1 em {
			color:#000;
			text-transform:none; font-size:12px;}
.emailer form {
	width:230px; margin:0px auto;
	padding:5px 10px;
	display:block;}
.emailer form input, textarea {
	font-size:12px;
	width:222px;
	padding:3px;
	font-weight:normal;
	font-family: Georgia, serif;}
.emailer form input.text {
	border:1px solid #ccc;
	display:inline; vertical-align:middle;
	width:222px;}
	.emailer form input.button {
		cursor:pointer;
		color:#237; border:1px solid #ccc; background:#fff;
		text-transform:uppercase; letter-spacing:1px;
		font-weight:bold; font-size:11px;
		width:auto;}
		.emailer form input.button:hover {
			border-color:#237;
			color:#fff; background:#237;}
.emailer form textarea {
	height:30px;
	display:inline; vertical-align:top;
	border:1px solid #ccc;}
.emailer fieldset {
	font-size:11px; line-height:11px;
	width:230px;
	color:#666; font-weight:bold;
	border:0px; padding:0px; margin:5px auto;}
	.emailer fieldset.button {
		text-align:center;}
	.emailer fieldset em {
		font-weight:normal; font-size:11px;}
.emailer .thank-you {
	background:#fff; border:1px solid #ddd;
	text-align:center; font-size:12px; font-weight:bold;
	color:#666;
	margin: 10px 15px; padding:50px 10px;}
.emailer .error {
	background: #ddd; text-align:center; font-weight:bold;
	padding:5px 10px;}
.credits {
	width:255px;
	border-right:5px solid white;}
	.credits blockquote {
		background:#fff;
		border:1px solid #ddd;
		text-align:center; font-size:11px;
		margin: 10px 15px; padding:30px 10px 40px 10px;}
	.credits blockquote a.tm {
		display:block; width:158px; height:26px;
		background: url(truthMove.gif) no-repeat;
		border:0px;
		margin:0px auto 10px auto;}
div.clear {
	clear:both; height:1px; font-size:1px; line-height:1px;}

.nav {
	width:155px;}

.nav h1 {
	font-weight:bold;
	font-size:16px; font-variant:small-caps;
	text-transform:lowercase;
	padding:0px 0px 8px; margin:0px;}

#root .linklist {
	font-size:11px;
	margin:0px; padding:0px;}
#root .linklist li {
	margin:0px; padding:0px;}
	* html .linklist li {
		height:1%;}
#root .linklist li.lit {
	font-weight:bold;}
#root .linklist li.lit a {
	color:#000;}
#root .linklist li a {
	color:#999;
	border:0px; display:block; padding:3px 5px;}
#root .linklist li a:hover {
	border:0px;
	color:#fff; background:#999;}