/* ------------------------- Elements ------------------------- */
body{
	color: #ffc; 									/* #ffc; = off white */
	background: black;
	font-family: Cantarell, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
	}
.small {
  font-size: 14px; /* 75% of the baseline */
}
.large {
  font-size: 22px; /* 125% of the baseline */
}
h1 h2 h3 {
	font-family: Cantarell, Verdana, Arial, Helvetica;
	}
.introH1 {
	font-family: Cantarell, Verdana, Arial, Helvetica;
	display: inline;
	font-size: large;
	font-weight: bold;
	color: #d93;									/* #d93; = yellowish*/
	background: black;
	}
h2{
	color: #d93;									/* #d93; = yellowish*/
	background: black;
	}
h3{
	color: #d93;					   				/* #d93; = yellowish*/
	background: black;
	padding: 25px 0px 0px 0px;
	}
dd{
	padding: 0px 0px 20px 0px;
	}
a{
	color: #0ff;				     		   		/* #0ff; = cyan */
	background: black;
	text-decoration: none;
	}
a:visited{
 	color: #f09;				     		      	/* #f09; = magenta */
	background: black;
	text-decoration: none;
	}
a:hover{
 	color: #f09;				      		    	/* #f09 = magenta */
	background: white;
	text-decoration: none;
	}
cite{
	font-size: smaller;
	color: #ffc;
	background: black;
	}
.character{
	color: #a6f;
	margin: 0px 0px 0px 0px;
	}
.inline{
	display: inline;
	}
.hangingIndent {
	padding: 8px 8px 8px 40px;
	text-indent: -40px;
}
.hangingIndent2 {
	padding: 0px 8px 0px 40px;
	text-indent: -40px;
}
img {
	max-width: 100%;
}

/* ------------------------- Begin Utility Area  ------------------------- */
.utilityArea{
	margin: 0px; 
	padding: 5px 0px 5px 0px; 
	width: 100%; 
    color: yellow;
    background: black;
	font-size: x-small; 
	}
.utilityArea a {
    color: #0ff;							     		/* #0ff; = cyan*/
    background: black;
	text-decoration: none;
	}
.utilityArea a:visited {
	color: #f80;								   	/* #f80; = orangish*/
    background: black;
	}
.utilityArea a:hover {
	color: red;
    background: white;
	text-decoration: none;
	}
.breadcrumbs{
	margin: 0px; 
	padding: 0% 0% 0% 1%; 
	float: left;
	width: auto;
	text-align: left; 
    } 											         	/*utilities are on the right, breadcrumbs are on the left*/
.utilities{
	margin: 0px; 
	padding: 0% 1% 0% 0%;
	text-align: right; 
	} 											            	/*utilities are on the right, breadcrumbs are on the left*/
/* End Utility Area */

/* ------------------------- Classes ------------------------- */
.container {
	margin: 0%; 
	padding: 1% 2% 1% 2%;
	}
.banner{
 	display: block;
 	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.centerMenu{				     		         	/* are for two small buttons, just below the banner on each page */
 	display: block;
	width: 550px;
	max-width: 100%;
	height: 85px;
	margin-left: auto;
	margin-right: auto;
	padding: 2% 0% 0% 0%;
	}
.centerMenu2{				     		        	/* area for link icons on Main Menu page */
 	display: block;
	width: 550px;
	height: 1080px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 2% 0% 0% 0%;
	}
.centerMenu3{				     		        	/* area for link buttons on Plot Archive page. To Add or Remove buttons, adjust height by 70 pixels  */
 	display: block;
	width: 395px;
	max-width: 100%;
	height: 2473px;
	margin-left: auto;
	margin-right: auto;
	padding: 0% 0% 0% 0%;
	}
.centerMenu4{				     		        	/* area for two small buttons, just below the banner on the index page only */
 	display: block;
	width: 550px;
	max-width: 100%;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	padding: 2% 0% 0% 0%;
	}
.centerMenu5{				     		        	/* area for link buttons on Future Plot Archive page. To Add or Remove buttons, adjust height by 70 pixels  */
 	display: block;
	width: 395px;
	max-width: 100%;
	height: 777px;
	margin-left: auto;
	margin-right: auto;
	padding: 0% 0% 0% 0%;
	}
.center{				        		               	/* area for shows on Lost Shows page -- not used anymore  */
	text-align: center;
	}
.buttonLeft{
 	border: none;
	padding: 0px;
	margin: 0px;
	max-width: 50%;
	float: left;
	}
.buttonCenter{
 	border: none;
	display: block;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	}
.buttonRight{
 	border: none;
 	padding: 0px;
	margin: 0px;
	max-width: 50%;
	float: right;
	}
.episodeTitle{										/*  on Famous Authors page and Recommendations page */
 	color: #f93;
	background: black;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 20px 0px;
	}
.seriesTitle{                                 /* used in Reviews to make series titles not in italics -- not used anymore, because reviews are not in italics anymore */
	font-style: normal;
	}
.bookTitle{                                 /* used in citations to make book titles not in italics */
	font-style: normal;
	}
.question{
	color: #ffc;							      		/* #ffc; = off white - questions on FAQ */
	background: black;
	font-weight: bold;
	}
.answer{
	color:  #f93; 						   			/* #f93; = yellowish - answers on FAQ */
	background: black
	}
.plot{
	color: #ffc;
	background: black;
	}
.review{
	color: #f93;							      		/* #f93; = yellowish*/
	background: black;
	}
.author{				     		                  	/* currently not used */
 	color: #ffc; 
	background: black;
	}
.actor{				     		            	      	/* currently not used */
 	color: #ffc; 
	background: black;
	}
.intro{				     		    	                  /* area to introduce each page */
 	text-align: center;
	padding: 0% 5% 0% 5%;
	}
.hermit{				     		    	              /* indented area on Hermit's page */
 	text-align: center;
	padding: 0% 2% 0% 2%;
	color: #f93;
	}
.hermitList {
 	text-align: left;
	padding: 0% 5% 0% 5%;
	color: #f93;
	}
.mindwebs{				     		    	              /* indented area on Mindwebs page */
 	text-align: center;
	padding: 0% 2% 0% 2%;
	color: #f93;
	}
.mindwebsList {
 	text-align: left;
	padding: 0% 5% 0% 5%;            /* bullet points on main Mindwebs page */
	color: #f93;
	}
.mindwebsHistoryList {
 	text-align: left;
	padding: 0% 5% 0% 5%;            /* bullet points on main Mindwebs page */
	}
.linksList {
 	text-align: left;
	padding: 0px 100px 0px 30px;
	}
.tribute{				     		                  	/* formerly, tribute to Jeff Dickson on Home Page. Now intro on Home Page */
	color: #f93;
	background: black;
	padding: 2% 5%;
	}
.arthsepa{									         	/* that funny looking divider line */
 	clear: both;
 	display: block;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}
.footer{
	color: #f93;							      		/* #f93; = yellowish*/
	background: black;
	padding: 4px 0px 4px 0px;
	width: 100%;
	font-size: small;
	text-align: center;
	}
.clear {
	clear: both;
	}

/* ------------------------- Emphasis ------------------------- */
.emphasis{
	color: yellow;
	background: black;
	font-weight: bold;
	}
.warning{
	font-family: Cantarell, Verdana, Arial, Helvetica;
 	color: red;
	background: black;
	font-weight: bold;
	}
.red{
 	color: red;
	background: black;	
	}
.yellow{
	color: yellow;
	background: black;
	}
.larger{
 	font-size: 130%;
	font-weight: bold;
	}
.citation{
	font-size: smaller;
	color: #ffc;
	background: black;
	}

/* ------------------------- Title Decoration for Each Plot Page ------------------------- */
.title{
	font-size: large;
	font-weight: bold;
	text-decoration: underline;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.titleLost{
	font-size: large;
	font-weight: bold;
	text-decoration: none;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	font-style: italic;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.snippet {
	color: #a6f;
	background: black;
	}
.title2000Plus{
 	color: #ec2;
	background: black;
	}
.title2000x{
 	color: #0f0;
	background: black;
	}
.titleAlienVoices{
 	color: #0f0;
	background: black;
	}
.titleAlienWorlds{
 	color: #0f0;
	background: black;
	}
.titleArchObolersPlays{
 	color: #57d;
	background: black;
	}
.titleBBC{
 	color: #0f0;
	background: black;
	}
.titleBbcCenter{
 	color: #0f0;
	background: black;
	font-weight: bold;
	text-decoration: underline;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.titleBeyondMidnight{
 	color: #a00;
	background: black;
	}
.titleBlackMass{
 	color: #d22;
	background: black;
	}
.titleBradburyThirteen{
 	color: #f90;
	background: black;
	}
.titleCBSRMT{
 	color: #e90;
	background: black;
	}
.titleContactMe{
 	color: #3a1;
	background: black;
	font-weight: bold;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	font-size: 115%;
	}
.titleCreakingDoor{
 	color: #d22;
	background: black;
	}
.titleCrisis{
 	color: #0f0;
	background: black;
	}
.titleDarkFantasy{
 	color: #d22;
	background: black;
	}
.titleDimensionX{
 	color: #d41;
	background: black;
	}
.titleEleventhHour{
 	color: #d22;
	background: black;
	}
.titleEscape{
 	color: #953;
	background: black;
	}
.titleExploringTomorrow{
 	color: #c20;
	background: black;
	}
.titleFamousAuthors{
 	color: #3f9;
	background: black;
	font-weight: bold;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin: 30px 0px 0px 0px;
	}
.titleFearOnFour{
 	color: #c10;
	background: black;
	}
.titleHallOfFantasy{
 	color: #c44;
	background: black;
	}
.titleHaunted{
 	color: #d22;
	background: black;
	}
.titleHauntingHour{
 	color: #d22;
	background: black;
	}
.titleHermitsCave{
 	color: #c30;
	background: black;
	}
.titleInnerSanctum{
 	color: #d22;
	background: black;
	}
.titleLightsOut{
 	color: #368;
	background: black;
	}
.titleListeningBooth{
 	color: #795;
	background: black;
	font-weight: bold;
	text-decoration: none;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin-top: 30px;
	}
.titleIntro{
 	color: #f93;
	background: black;
	font-weight: bold;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	}
.titleLostShows{
 	color: #d92;
	background: black;
	font-weight: bold;
	text-decoration: underline;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	text-align: center;
	}
.titleMindwebs{
 	color: #8d4;
	background: black;
	}
.titleMolleMysteryTheatre{
 	color: #d22;
	background: black;
	}
.titleMysteriousTraveler{
 	color: #a10;
	background: black;
	}
.titleNBCPresentsBestPlays{
 	color: #57d;
	background: black;
	}
.titleNBCPresentsShortStory{
 	color: #57d;
	background: black;
	}
.titleNightfall{
 	color: #679;
	background: black;
	}
.titleQuietPlease{
 	color: #c22;
	background: black;
	}
.titleRecommendations{
 	color: #27e;
	background: black;
	font-weight: bold;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin-top: 30px;
	}
.titleSciFiRadio{
 	color: #57d;
	background: black;
	}
.titleSealedBook{
 	color: #d22;
	background: black;
	}
.titleSeeingEar{
 	color: #06f;
	background: black;
	}
.titleSF68{
 	color: #d6a;
	background: black;
	}
.titleSleepNoMore{
 	color: #d22;
	background: black;
	}
.titleSpacePatrol{
 	color: #fc0;
	background: black;
	}
.titleSuspense{
 	color: #099;
	background: black;
	}
.titleTheatreFive{
 	color: #079;
	background: black;
	}
.titleWeirdCircle{
 	color: #d22;
	background: black;
	}
.titleWhistler{
 	color: #d22;
	background: black;
	}
.titleWitchsTale{
 	color: #d22;
	background: black;
	}
.titleXMinusOne{
 	color: #09f;
	background: black;
	}
.titleZeroHour{
 	color: #d22;
	background: black;
	}
.titleMisc{
 	color: #fb0;
	background: black;
	}
.titleMiscCenter{
 	color: #fb0;
	background: black;
	font-weight: bold;
	text-decoration: underline;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.titleSeriesIndex{
 	color: #e00;
	background: black;
	font-weight: bold;
	font-size: large;
	text-decoration: underline;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.titleSeriesIndex a{
 	color: #0ff;
	background: black;
	font-weight: bold;
	font-size: large;
	text-decoration: underline;
	font-family: Cantarell, Verdana, Arial, Helvetica;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.titleSeriesIndex a:visited{
 	color: #f09;				     		         	/* #f09; = magenta */
	background: black;
	text-decoration: underline;
	}
.titleSeriesIndex a:hover{
 	color: #f09;				     		         	/* #f09 = magenta */
	background: white;
	text-decoration: none;
	}

/* ------------------------- Special Formatting for Images ------------------------- */
.imageCDArtwork{
	border-color: #0ff;;
	margin: 0px 7px 15px 7px;
	float: left;
	}
.imageFuturesPast{
	border-color: #0ff;;
	margin: 5px 10px;
	float: left;
	}
.imageFuturesPast a:hover{
	color: red;
	background: black;
	}
.imageCDArtwork a:hover{
	color: red;
	background: black;
	}