body {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida", "Lucida Grande", "Helvetica", "Verdana", sans-serif;
	}

a:link { 
	color: #FFCC00;
	}

a:visited {
	color: #B8860B;
	}

a:hover { 
	color: #AA0000;
	}

a:active { 
	color: #AA0000;
	}

h1 {
	font-family: "Monotype corsiva", "Apple Chancery", "URW Chancery", cursive;
	text-align: left;
	font-size: 2.5em;
	font-weight: bold;
	font-variant: small-caps;
	color: white;
	padding: 0;
	margin: 0;
	}

h2 {
	font-family: "Monotype corsiva", "Apple Chancery", "URW Chancery", cursive;
	margin-top: 10px;
	margin-left: 3em;
	font-size: 1.8em;
	color: #B8860B;
	text-align: left;
	padding-top: 0;
	margin-top: 0;
	padding-left: 0px;
	margin-bottom: 0px;
	border-bottom: 2px solid #B8860B;
	border-left: 2px solid black;
	}

h3 {
	font-weight: bold;
	text-align: center;
	font-size: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	color: white;
	margin-top: .6em;
	padding-top: 0px;
	margin-bottom: .4em;
	font-variant: small-caps;
	}

.wrapped {
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: none;
	border-right: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	}

.offset {
	border-top: 2px ridge #FFFFFF;
	border-left: none;
	border-right: none;
	padding: 10px;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	font-style: normal;
	font-size: 1.3em;
	}

h3.sub {
	font-size: 1.5em;
	margin-top: 1em;
	}

h3.sub2 {
	font-size: 1.5em;
	margin-top: 1em;
	text-align: left;
	}


p {
	}
h5 {
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: .3em;
	margin-top: .5em;
	padding-top: 0px;
	padding-bottom: 7px;
	text-align: center;
	font-family: "Arial Narrow", "Franklin Gothic Medium", "Arial", sans-serif;
	font-variant: small-caps;
	}

h5.sub {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding-top: 0px;
	}

h5.sub a {
	color: #FFFFFF;
	}



h5.sub a:visited {
	color: #B8860B;
	}


h5.sub a:hover {
	color: #AA0000;
	}

h5.sub a:active {
	color: #AA0000;
	}


ul.story {
	list-style-type: none;
	text-align: left;
	}

li {
	padding-top: 3px;
	padding-bottom: 3px;
	}

p.desc {
	font-size: .95em;
	padding: 0;
	margin-left: 122px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	}

br.next {
	clear: both;
	}


#vid {
	border: 2px solid #FFFFFF; 
	width: 320px; 
	height: 213px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#vidlarge {
	border: 2px solid #FFFFFF; 
	width: 384px; 
	height: 256px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#vid16x9 {
  border: 2px solid #FFFFFF; 
	width: 500px; 
	height: 281px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}
	
#vid1 {
	border: 2px solid #FFFFFF; 
	width: 320px; 
	height: 213px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#vid2 {
	border: 2px solid #FFFFFF; 
	width: 320px; 
	height: 213px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#vid3 {
	border: 2px solid #FFFFFF; 
	width: 320px; 
	height: 213px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#vid4 {
	border: 2px solid #FFFFFF; 
	width: 320px; 
	height: 213px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#vid5 {
	border: 2px solid #FFFFFF; 
	width: 320px; 
	height: 213px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}

#flvpreview p {
	font-size: .8em;
	}

#flvpreview1 p {
	font-size: .8em;
	}

#flvpreview2 p {
	font-size: .8em;
	}
#flvpreview3 p {
	font-size: .8em;
	}

#flvpreview4 p {
	font-size: .8em;
	}

#flvpreview5 p {
	font-size: .8em;
	}
	
p.music {
  text-align: center; 
	padding: 2px; 
	font-style: italic;
	margin-right: auto;
	margin-left: auto;
	}

img {
	border: none;
	}


img.floatLeft { 
	float: left; 
	margin-right: 14px; 
	margin-bottom: 0px;
	margin-top: -7px;
	margin-left: -7px;
	border-left: 7px solid #660000;
	border-right: 0px;
	border-top: 7px solid #660000;
	border-bottom: 7px solid #000000;
	}

img.vidtn {
	clear: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: -5px;
	margin-left: -5px;
	height: 80px;
	width: 107px;
	border-left: 5px solid #660000;
	border-bottom: 5px solid black;
	border-top: 5px solid #660000;
	padding-right: 5px;
	}



img.vidtn:hover {
	border: 5px solid #AA0000;
	padding-right: 0px;
	}

img.vidtn:active {
	border: 5px solid #AA0000;
	padding-right: 0px;
	}


hr.white {
	clear: both;
	width: 80%;
	color: white;
	margin: 1em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

#container {
	}

#footer {
	clear: both;
	text-align: center;
	font-size: .8em;
	padding-top: 2em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	}

#indexfooter {
	clear: both;
	text-align: center;
	font-size: .8em;
	padding-top: 2em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	}

#footer p {
	text-align: center;
	margin-bottom: .5em;
	}
#indexfooter p {
	text-align: center;
	margin-bottom: .5em;
	}

img.floatRight { 
	float: right; 
	margin-left: 14px; 
	margin-bottom: 0px;
	margin-top: -7px;
	margin-right: -7px;
	border-right: 7px solid #660000;
	border-left:0px;
	border-top: 7px solid #660000;
	border-bottom: 7px solid #000000;
	}


img.button {
	width: 100%;
	}


img.banner {
	width: 500px;
	height: 133px;
	margin-top: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}

img.logo {
	display: inline;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	width: 145px;
	height: 82px;
	}



img.storyLeft {
	float: left;
	margin-right: 1em;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: .5em;
	}

img.storyRight {
	float: right; 
	margin-left: 1em; 
	margin-top: 0; 
	margin-right: .5em;
	margin-bottom: .5em;
	}

#sharebox {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 15px;
	}

#sharebox a {
	text-decoration: none;
	color: #FFFFFF;
	}

#sharebox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	}

#sharebox ul li {
	margin: 0;
	padding: 10px;
	display: inline;
	font-size: .8em;
	}

#sharebox ul li a img {
	opacity: .7;	
	}

#sharebox ul li a:hover img {
	opacity: 1;
	}

#sharebox ul li a:hover {
	color: #FFCC00;
	}

dl.archive dd {
  margin-right: 1em;
	}	
	
	
.comp {
	margin-bottom: 1.4em;
	border-left: 7px solid #000000;
	border-right: 7px solid #000000;
	border-top: 7px solid #660000;
	border-bottom: 7px solid #000000;
	width: 100%;
	float: left;
	}

.compvid {
	margin-bottom: 1.4em;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	border-top: 5px solid #660000;
	border-bottom: 5px solid #000000;
	float: left;
	width: 97%;
	}

h4 {
	padding-top: 0px;
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	font-style: italic;
	padding-bottom: 0px;
	margin-bottom: 10px;
	}

h6 {
	text-align: center;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 1.1em;
	font-size: 1em;
	}

p.top {
	margin-top: 2em;
	}

form {
	text-align: left;
	margin-top: 40px;
	}

ul.contact {
	text-align: left;
	margin-left: 1em;
	}

ul.contact li {
	padding: .2em;
	}

ul.about {
	list-style-type: none;	
	margin-top: 2em;
	}

a.title {
	font-weight: bold;
	font-size: 1.2em;
	}

a.title:hover {
	color: #FFFFFF;
	}

a.title:active {
	color: #FFFFFF;
	}


.email {
	text-align: center;
	display: block;
	padding: 10px;
	}
	
#puzzle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #660000;
	margin-top: 1.5em;
	}

#memory {
  padding-top: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #000000;
	margin-top: 1.5em;
	}
	
	
.nojava {
	text-align: center;
	display: block;
	padding: 10px;
	font-weight: bold;
	}


img.title {
	width: 900px; 
	height: 180px;
	margin-left: -15px; 
	margin-top: -22px;
	}

#heading {
	background-color: #000000;
	margin-right: 180px;
	margin-left: 180px;
	margin-top: -10px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: center;
	}



#header {
	padding: 0;
	margin: 0;
	height: 150px;
	width: 1000px;
	}

#previous {
	margin-bottom: .5em;
	margin-top: .5em;
	font-size: .95em;
	float: left;
	font-variant: small-caps;
	font-weight: bold;
	padding: 0;
	}

#previous a {
	padding-bottom: .5em;
	padding-top: .5em;
	text-decoration: none;
	padding-left: .5em;
	padding-right: .5em;
	border: 3px ridge #B8860B;
	color: #B8860B;
	}
#previous a:hover {
	color: #AA0000;
	}

#next a {
	padding-bottom: .5em;
	padding-top: .5em;
	padding-left: .5em;
	padding-right: .5em;
	text-decoration: none;
	border: 3px ridge #B8860B;
	color: #B8860B;
	}

#next a:hover {
	color: #AA0000;
	}

#next {
	margin-bottom: .5em;
	margin-top: .5em;
	font-size: .95em;
	float: right;
	font-variant: small-caps;
	font-weight: bold;
	padding: 0;
	}


#navbar {
	text-align: center;
	font-size: .8em;
	margin: 0;
	background-color: #000000;
	padding: 0;
	}

#navbar ul {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top: 0;
	padding: 0;
	white-space: nowrap;
	}


#navbar ul li span#scroll {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	padding-left: .9em;
	padding-right: .9em;
	padding-top: 3px;
	padding-bottom: 3px;
	font-style: italic;
	border: none;
	}

#navbar ul li {
	display: inline;
	}

#navbar ul li a {
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 3px;
	text-decoration: none;
	padding-left: .5em;
	padding-right: .5em;
	border-left: 1px solid #FFFFFF;
	}

#navbar ul li a:hover {
	color: #AA0000;
	}


#navbar ul li a:active {
	color: #AA0000;
	}


.toplink {
	float: right;
	font-size: .8em;
	margin-top: .5em;
	}

.toplink a {
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: .5em;
	padding-right: .5em;
	margin-top: 1em;
	margin-right: .5em;
	}

.toplink a:hover {
	color: #AA0000;
	}

.toplink a:active {
	color: #AA0000;
	}


p {
	margin-top: .1em;
	margin-bottom: 1.1em;
	text-align: left;
	}


#column1 {
	width: 390px;
	text-align: center;
	float: left;
	margin: 0;
	border: 1px solid black;
	}

#column2 {
	width: 390px;
	text-align: center;
	margin-left: 400px;
	border: 1px solid black;
	}


a.nounderline {
	text-decoration: none;
	}

h3 {
	text-decoration: none;
	}

	
#paypal {
  font-size: .8em;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	}	

#menu ul { 	
	list-style: none;
	font-size: .9em;
	margin: 0;
	padding: 0;
	}

#menu li {
	position: relative;
	z-index: 70;
	} 

#menu ul ul {
	position: absolute;
	top: 0;
	left: 100%; 
	width: 100%;
	background: #000000;
	color: #000000;
	font-weight: bold;
	font-size: .9em;
	z-index: 60;
	}

#menu ul ul a {
	width: 100%;
	background: #FFFFFF;
	color: #000000;
	font-weight: bold;
	font-size: .9em;
	}

div#menu ul ul, div#menu ul li:hover ul {
	display: none;
	}

div#menu ul li:hover ul, div#menu ul ul li:hover ul {
	display: block;
	}


/* style, color and size links and headings to suit */

#menu {
	width: 140px;
	font-weight: bold;
	display: block;
	border: none;
	margin-top: 1.5em;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
	color: #FFFFFF;
	background: #000000;
	float: left;
	text-align: center;
	display: inline;
	}

#menu a {
	font-weight: bold;
	display: block;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #660000;
	border-left: 2px solid #660000;
	border-right: 2px solid #000000;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0; 
	padding: 8px;
	color: #FFFFFF;

	}

#menu a:hover {
	color: #000000;
	background-color: #B8860B;
	font-style: italic;
	border-style: inset;
	}

#mainindex {
	margin-left: 180px;
	padding: 10px;
	margin-right: 1em;
	}
	

	
#menu ul ul a:hover {
	color: #AA0000;
	font-style: italic;	
	position: relative;
	z-index: 50;
	}
	
#menuad {
  border: 1px solid #660000;
	margin-top: 10px;
	}
	
	
#inline-list {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	margin-top: 0;
	}

#inline-list ul {
	display: inline;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	font-size: .8em;
	list-style-type: none;
	text-align: center;
	}

	
#inline-list li {
	display: inline;
	margin: 0;
	padding: 10px;
	font-size: .9em;
	}


.back {
	font-size: .95em;
	text-align: right;
	}


.val {
	display: inline;
	width: 76px;
	height: 27px;

	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	}

img.char {
	width: 300px;
	height: 226px;
	border: 5px solid #660000;
	margin-top: 2em;
	float: left;
	margin-left: 30px;
	}

a:hover img.char {
	border: 5px solid #AA0000;
	}

img.char:hover  {
	border: 5px solid #AA0000;
	}

#map {
	position: relative;
	width: 800px;
	height: 601px;
	margin: 0;
	padding: 0;
	}

#mapactual {
	margin-top: 20px; 
	z-index: 1;
	}

#map ul {
	list-style: none;
	}

#map li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	}

#episode01 {
	background: url(ep01.png) no-repeat;
	width: 100px;
	height: 70px;
	position: relative;
	top: 334px;
	left: 326px;
	display: none;
	}


#episode02 {
	background: url(ep02.png) no-repeat;
	width: 70px;
	height: 70px;
	position: relative;
	top: 323px;
	left: 533px;
	display: none;
	}

#episode03 {
	background: url(ep03.png) no-repeat;
	width: 120px;
	height: 50px;
	position: relative;
	top: 279px;
	left: 308px;
	display: none;
	}

#episode04 {
	background: url(ep04.png) no-repeat;
	width: 65px;
	height: 80px;
	top: 332px;
	left: 440px;
	position: relative;
	display: none;
	}


#episode05 {
	background: url(ep05.png) no-repeat;
	width: 105px;
	height: 75px;
	position: relative;
	top: 217px;
	left: 337px;
	display: none;
	}


#episode06 {
	background: url(ep06.png) no-repeat;
	width: 115px;
	height: 77px;
	position: relative;
	top: 237px;
	left: 416px;
	display: none;
	}

#episode07 {
	background: url(ep07.png) no-repeat;
	width: 115px;
	height: 77px;
	position: relative;
	top: 298px;
	left: 378px;
	display: none;
	}

#episode08 {
	background: url(ep08x.png) no-repeat;
	width: 80px;
	height: 70px;
	position: relative;
	top: 295px;
	left: 223px;
	display: none;
	}
	
#episode09 {
	background: url(ep09.png) no-repeat;
	width: 80px;
	height: 70px;
	position: relative;
	top: 383px;
	left: 512px;
	display: none;
	}


#episode10 {
	background: url(ep10x.png) no-repeat;
	width: 80px;
	height: 74px;
	position: relative;
	top: 191px;
	left: 268px;
	display: none;
	}

/*
#episode01x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 342px;
	left: 338px;
	z-index: 25;
	display: block;
	}

#episode02x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 333px;
	left: 560px;
	z-index: 25;
	display: block;
	}

	

#episode03x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 293px;
	left: 375px;
	z-index: 25;
	display: block;
	}
	
#episode04x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 347px;
	left: 450px;
	z-index: 25;
	display: block;
	}

#episode05x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 257px;
	left: 367px;
	z-index: 25;
	display: block;
	}

#episode06x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 279px;
	left: 448px;
	z-index: 25;
	display: block;
	}


#episode07x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 310px;
	left: 398px;
	z-index: 25;
	display: block;
	}


#episode08x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 328px;
	left: 238px;
	z-index: 25;
	display: block;
	}
#episode09x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 383px;
	left: 552px;
	z-index: 25;
	display: block;
	}

#episode10x {
	background: url(x.png) no-repeat;
	width: 26px;
	height: 29px;
	top: 230px;
	left: 308px;
	z-index: 25;
	display: block;
	}	
*/

	
#invite {
	position: relative;
	margin: 0;
	padding: 0;
	}

#transparent_map {
	position: absolute;
	z-index: 30;
	width: 800px;
	height: 601px;
	border: none;
	top: 20px;
	}



.countdownstyle {
	background-color: #AA0000; 
	color: #000000;
	border: 1px solid #FFFFFF; 
	font-weight: bold;	
	padding: 3px; 
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	font-size: 16px;
	text-align: center;
	z-index: 100;
	}

.cd {
	}

#vidtitle {
	margin-top: 10px;
	}

#charsdiv {
	width: 700px;
	}
	
.js-kit-comments {
	overflow: hidden;
	width: 500px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	}
	
.js-singleComment {
	border-color: #000000;
	margin-top: 10px;
	} 
	
	
/* FOR GALLERY PAGES */

#mainpicture {
  width: 200px;
	float: left;
	background-color: #660000;
	text-align: center;
	}
	
#profile {
  margin-left: 215px;
	margin-right: 350px;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	font-size: .86em;
	background-color: #000000;
	height: 200px;
	width: 200px;
	border: 1px solid #660000;
	}
	
.dcat {
  font-weight: bold;
	}
	
#profile ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
  }
  
#sidepicture {
  width: 300px;
	background-color: #660000;
	text-align: center;
	float: right;
	}
	

#gallery {
  width: 750px;
	}
	
div#outside {
  padding-top: 2.6em;
	}
	
div#outside p {
  text-align: center;
	font-size: .8em;
	}
	
	
#topinfo {
	border-top: 15px solid #660000;
  border-bottom: 15px solid #660000;
	background-color: #660000;
	width: 750px;
	}
	
#blurb p {
  font-size: .9em;
	padding: 10px;
	}	
	
.admid {
			 padding-top: 15px;
			 padding-bottom: 15px;
			 margin-left: auto;
			 margin-right: auto;
			 text-align: center;
			 }
			 
.adbottom {
			 padding-top: 4em;
			 padding-bottom: 15px;
			 margin-left: auto;
			 margin-right: auto;
			 text-align: center;
			 clear: right;
			 } 			
			 
#slidercolumn1 {
	width: 375px;
	text-align: center;
	float: left;
	margin: 0;
	}

#slidercolumn2 {
	width: 375px;
	text-align: center;
	margin-left: 375px;
	}

#sliders {
  border-top: 15px solid #660000;
  border-bottom: 15px solid #660000; 
  border-right: none;
  border-left: none;
	}
	
p.caption {
	text-align: center;
	font-size: .9em;
	font-style: italic;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	}