html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
/*	background: #333; /*STOCK*/
	color: ; /*STOCK*/
	font: ; /*STOCK*/
	height: 100%; /*STOCK*/
	}

	.movie-bg-index {
		background: #333;
		}

	.bullitt-bg-index {
		background: url("../zone/movie/image/bg/bg-bullitt.jpg") top center repeat-y fixed; /* path from location of css file */
		}

	.duel-bg-index {
		background: url("../zone/movie/image/bg/bg-duel.jpg") top center repeat-y fixed; /* path from location of css file */
		}

	.greatescape-bg-index {
		background: url("../zone/movie/image/bg/bg-greatescape.jpg") top center repeat-y fixed; /* path from location of css file */
		}

	.runsilentrundeep-bg-index {
		background: url("../zone/movie/image/bg/bg-runsilentrundeep.jpg") top center repeat-y fixed; /* path from location of css file */
		}

#wrapper {
	background: #; /* #aaa */ /*STOCK*/
	font: 21px georgia; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: 100%; /*STOCK*/
	width: 746px; /*STOCK*/
	}

#content {
	line-height: 20px;
	padding: 260px 0px 75px; /*STOCK*/
	position: relative; /*STOCK*/
	}

	#content.movie-index {
		padding: 60px 0px 75px 1px; /*STOCK*/
		}

		#content.movie-index img {
			background: rgba(30,30,30, .9);
			border-radius: 7px;
			opacity: .57;
			}

		#content.movie-index img:hover {
			opacity: 1;
			}


#back-to-movie {
	opacity: .5;
	position: fixed;
	left: 22px;
	top: 54px;
	z-index: 12;
	}

	#back-to-movie:hover {
		opacity: 1;
		}

p {
	margin-top: 12px;
	}

	#content {
		color: #777;
		line-height: 34px;
		text-transform: lowercase;
		width: 746px;
		}

		#content a:link, #content a:visited, #content a:active {text-decoration: none; color: #888; }
		#content a:hover {text-decoration: none; color: #090; }

		#content h4 {
			color: #000;
			font-weight: normal;
			left: 111px;
			letter-spacing: 1.5px;
			margin-bottom: 1px;
			position: relative;
			}

			#content h4.video {
				margin-bottom: 13px;
				}

	.half-opacity {
		opacity: .5;
		}

		.half-opacity:hover {
			opacity: 1;
			}

				#content .caption-AV {
		color: #666;
		font: 11px verdana;
		text-align: center;
		}

		#content .caption-AV a:link {text-decoration: none; color: #777; }
		#content .caption-AV a:visited {text-decoration: none; color: #777; }
		#content .caption-AV a:hover {text-decoration: none; color: #0a0; }
		#content .caption-AV a:active {text-decoration: none; color: #777; }


.info {
	background: rgba(30,30,30, .9);
	border-radius: 5px;
	color: #777;
	font: 11px verdana;
	letter-spacing: 1px;
	padding: 8px 20px;
	position: fixed;
	text-transform: uppercase;
	text-align: center;
	top: 207px;
	width: 300px;
	z-index: 6;
	left: 50%;
	transform: translateX(-50%);
	}

.av-wrapper {
	position: relative;
	top: 14px;
	}


.switch-index {
	font: 11px verdana;
	letter-spacing: 1px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	top: 23px;
	z-index: 6;
/*	left: 50%;
	transform: translateX(-50%);  */
	}

#main-small {
	bottom: 28px;
	font: 11px verdana;
	letter-spacing: 1px;
	opacity: .3;
	position: absolute;
	text-align: center;
	text-transform: lowercase;
	width: 100%;
	}

	#main-small:hover {
		opacity: 1;
		}


/* plain centered horizontal rule */
hr.hr-plain {
	border-style: none;
	background-color: #444;
	height: 1px;
	margin: 15px 0px;
	text-align: left;
	width: 41%;
	left: 60px;
	position: relative;
	}

/* hr divider green */
hr.hr-green {
	border-style: none;
	background-color: #040;
	height: 1px;
	margin: 27px 0px 47px;
	text-align: left;
	width: 41%;
	left: 60px;
	position: relative;
	}

	hr.invisible {
		height: 0px;
		margin: 27px 0px;
		}


/* THE BOX */
.box {
	display: inline-block;
	margin: 0px 17px 17px 0px;
	position: relative;
	text-align: center;
	}

	.box img {
		border: solid 1px #333;
		}

.box .thumb img {
	width: 255px; /* MATCH WIDTH 1 (3x)*/
	height: 143px; /* MATCH HEIGHT 1 (2x) */
		}

.box .av-link {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, .91);
	color: rgba(255, 255, 255, 0.85);
	height: 143px; /* MATCH HEIGHT 1 (2x) */
	left: 1px;
	position: absolute;
	opacity: .15;  /* determines shading over thumbs */
	text-align: center;
	top: 1px;
	transition: opacity 0.25s ease 0s;
	width: 255px; /* MATCH WIDTH 1 (3x) */
	}

	.box:hover .av-link {
		opacity: 1;
		}

	.box .av-movie {
		color: rgba(255,255,255,.2);
	 	font: 11px verdana-bold;
		position: relative;
		text-transform: uppercase;
		top: 18px;
		}

	.box .av-title {
		color: rgba(255,255,255,.4);
	 	font: 14px verdana-bold;
		letter-spacing: 1px;
		line-height: 1.2;
		padding: 0px 15px;
		position: relative;
		top: -5px;
		}

	.box .av-date {
		bottom: 0px;
		color: rgba(255,255,255,.3);
	 	font: 10px verdana;
		letter-spacing: 1px;
		position: relative;
		}


.box .av-time {
	-webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	bottom: 9px;
	font-size: 15px;
	height: 26px;
	opacity: .2;
 	position: absolute;
	text-align: center;
	width: 257px; /* add two */ /* MATCH WIDTH 1 (3x) */
	}

	.box:hover .av-time {
		background: rgba(77,77,77, .3);
		opacity: 1;
		}

	.box .av-source {
		bottom: 11px;
		font: 16px verdana-bold;
		opacity: .1;
		position: absolute;
		right: 14px;
		}

	.box .extra {
		bottom: 3px;
		font: 10px verdana;
		position: relative;
		}

		.box .av-source:hover {
			opacity: 1;
			}

		#content .box .av-source a:link {text-decoration: none; color: #777; }
		#content .box .av-source a:visited {text-decoration: none; color: #777; }
		#content .box .av-source a:hover {text-decoration: none; color: #0a0; }
		#content .box .av-source a:active {text-decoration: none; color: #777; }
/* THE BOX */




/* ORDERED LIST - word-link */
ol.word-link, ul {
	background: rgba(0,0,0, .37);
	border-radius: 0px 0px 14px 14px;
	padding: 18px 0px 77px 55px;
	position: relative;
	top: -7px;
	}

ol.single-line-link, ul {
	margin-bottom: 10px;
	position: relative;
	left: 64px;
	}

	ol.word-link,
	ol.single-line-link {
		counter-reset: item;
		}

	.word-link li,
	.single-line-link li {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 600px;
		}

		.word-link li {
			padding: 7px 14px;
			}

		.single-line-link li {
			padding: 0px 5px;
			}

		ol.word-link li:before,
		ol.single-line-link li:before {
			content: counter(item, decimal-leading-zero) " · ";
			counter-increment: item;
			font: 14px verdana;
			letter-spacing: 2px;
			opacity: .7;
			}

	.word-link .source,
	.single-line-link .source {
		font: 9px verdana;
		letter-spacing: .7px;
		opacity: .6;
		position: relative;
		left: -4px;
		}

.category {
	background: rgb(30,30,30, .7);
	border-radius: 3px;
	color: #777;
	font: 11px verdana;
	left: 7px;
	letter-spacing: 3px;
	padding: 0px 5px 1px;
	position: relative;
	text-transform: uppercase;
	top: -7px;
	}

.byline {
	color: #777;
	font: 13px verdana;
	left: 42px;
	position: relative;
	top: -14px;
	}

/*	.word-link li:hover {
		background: none repeat scroll 0% 0% rgba(0, 0, 0, .1);
		border-radius: 7px;
		width: 577px;
		} */

	.single-line-link li a {
		left: -5px;
		padding: 0px 5px;
		position: relative;
		}

		.single-line-link li a:hover {
			background: none repeat scroll 0% 0% rgba(0, 0, 0, .2);
			border-radius: 3px;
			left: -5px;
			padding: 1px 5px 3px;
			position: relative;
			}
/* ORDERED LIST - word-link */




		ol.word-link li.unused:before {
			color: #0c0;
			}



	ol.image-link, ul {
		position: relative;
		text-align: center;
		top: -7px;
		}

		ol.image-link img {
			width: 426px;
			}


/* start av archive */

#av-archive {
	background: #999;
	}

#av-archive h1 {
	background: #888;
	border-bottom: solid 1px #777;
	color: #555;
	font-size: 23px;
	left: 0px;
	padding: 14px 0px 14px 67px;
	position: fixed;
	top: -21px;
	width: 100%;
	z-index: 1;
	}

#av-archive img {
	height: 34px;
	object-fit: cover;
	position: relative;
	top: 7px;
	}
	#av-archive img.bullitt-logo {
	width: 214px;
	}
	#av-archive img.duel-logo {
	width: 121px;
	}

	button {
		background: #000;
		border: none;
		border-radius: 4.1px;
		color: #0f0;
		opacity: .5;
		position: relative;
		top: -4px;
		}

	button:hover {
		opacity: 1;
		}

	#av-archive-links {
		color: black;
		font-family : monospace, sans-serif;
		padding-left: 77px;
		position: relative;
		top: 67px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: " \002E\002E\002E";}

	#av-archive-links a:visited { text-decoration: none; margin: 0px; padding: 0px; color: #222; }
	#av-archive-links a:link    { text-decoration: none; margin: 0px; padding: 0px; color: #222; }
	#av-archive-links a:hover   { text-decoration: none; background-color: #bbb; border-radius: 7px; position: relative; left: -7px; padding: 2px 7px; }
	#av-archive-links a:active  { margin : 0px; padding : 0px;}

/* end av archive */




/* FIXED */ /* OUTSIDE the wrapper unless noted */
		#descriptor {
			border-radius: 5px;
			font: 11px verdana;
			letter-spacing: 1px;
			padding: 8px 20px;
			position: fixed;
			text-transform: uppercase;
			text-align: center;
			top: 207px;
			width: 300px;
			z-index: 6;
				left: 50%;
				transform: translateX(-50%);
			}

		#descriptor.bullitt {
			background: rgba(0,33,0, .7);
			color: #777;
			}

		#descriptor.duel {
			background: rgba(30,30,30, .9);
			color: #777;
			}

		#descriptor.great-escape {
			background: rgba(30,30,30, .9);
			color: #777;
			}

		#descriptor.runsilentrundeep {
			background: rgba(30,30,30, .9);
			color: #777;
			}

/* FIXED */