html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
	background: #333; /*STOCK*/
	color: #; /*STOCK*/
	font: ; /*STOCK*/
	height: 100%; /*STOCK*/
	}

	.bullitt-bg {
		background: url("../zone/movie/image/bg/bg-bullitt.jpg") top center no-repeat fixed;
		}

	.duel-bg {
		background: url("../zone/movie/image/bg/bg-duel.jpg") top center no-repeat fixed;
		}

#wrapper {
	background: #bbb7aa; /* #aaa */ /*STOCK*/
	font: 16px georgia; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: 100%; /*STOCK*/
	width: 720px; /*STOCK*/
	}

#content {
	line-height: 20px;
	padding: 77px 55px 45px; /*STOCK*/
	position: relative; /*STOCK*/
	}

	#content a:link {text-decoration: underline; color: #050; }
	#content a:visited {text-decoration: none; color: #050; }
	#content a:hover {text-decoration: underline; color: #900; }
	#content a:active {text-decoration: none; color: #060; }


#editorial-top {
	color: #444;
	font: 11px verdana;
	padding-bottom: 15px;
	}

	.editorial-within {
		color: #444;
		font: 11px verdana;
		}

	.ed-hilite {
		color: #040;
		font-weight:bold;
		}


#title {
	font: 25px arial-bold;
	margin-bottom: 1px;
	text-transform: capitalize;
	}

	.alc /* ALWAYS LOWER CASE */ {
		text-transform: lowercase;		
		}

#tease {
	font: 17px arial-bold;
	margin-top: 11px;
	}


	.grid-container {
		background-color: rgba(30,30,30, 0.5);
		display: grid;
		grid-gap: 0px;
		grid-template-columns: 150px auto;
		margin: 30px 0px;
		padding: 3px;
		}

		.grid-item {
			background-color: rgba(200,200,200, .8);
			border: 1px solid rgba(0, 0, 0, 0.8);
			font: 14px verdana;
			padding: 3px;
			padding-left: 7px;
			}

		.grid-item.left {
			font-weight: bold;
			}

		.grid-item.right {
			}

			.item1 {
				font-weight: bold;
				grid-column: 1 / span 2;
				}


.grey-bg {
	background: rgba(0,0,0, .1);
	}

mark {
	background: rgba(255,255,0, .8);
	}

blockquote {
	background: url("../zone/words/img-misc/quote.png") 7px 3px no-repeat rgba(0,0,0, .1);
	background-size: 25px;
	border-radius: 7px;
	margin: 25px 10px;
	padding: 14px 28px;
	width: 530px;

/*	border-left: solid 3px #888;
	margin: 25px 20px;
	padding-left: 14px;
	width: 550px;

*/	}

/*   color: #222;
	float: right;
	font: 17px verdana;
	margin: 25px 45px;
*/

code {
	color: #0f0;
	background: rgba(0,0,0, .35);
	padding: 0px 4px;
	border-radius: 2px;
	}

pre.code-1 {
	background: rgba(0,0,0, .2);
	border-radius: 2px;
	font-size: 13px;
	margin: 25px 14px;
	padding: 4px 21px;
	width: 87%;
	white-space: pre-wrap;}



	.the-quoted {
		font: 11px verdana-bold;
		letter-spacing: 1px;
		padding-top: 7px;
		}

	blockquote.px21 {
		font-size: 21px;
		}

	blockquote.floatleft {
		position: relative;
		width: 300px;
		}

	blockquote.floatright {
		position: relative;
		width: 300px;
		}

		blockquote.floatright.px184 {
			position: relative;
			width: 184px;
			}

	blockquote.bible {
		background: url("../zone/words/img-misc/quote-bible.png") 7px 3px no-repeat rgba(77,0,0, .3);
		background-size: 25px;
		border-left: solid 7px #8e0404;
		border-right: solid 7px #8e0404;
		width: 516px;
		}

	blockquote.bold {
		border-left: none;
		font-weight: bold;
		}

	blockquote.no-border {
		border-left: none;
		padding: 0px 0px 0px 0px;
		width: 560px;
		}

	.the-quoted.center {
		font: 13px georgia-bold;
 		line-height: 21px;
 		text-align: center;
		}



p {
	margin-top: 12px;
	}

	.hr-248 {
		height: 1px;
		width: 248px;
		padding: 0px 45px 1px;
		margin: 7px;
		opacity: .4;
		}

.firstletter {
	font: 56px georgia-bold;
	float: left;
	margin: -7px 7px 0px 0px;
	}

.small {
	font: 9px verdana;
	}

	.small.grey {
		color: #555;
		}

sup {
	bottom: 3px;
	color: #f00;
	position: relative;
	}

/* plain centered horizontal rule */
hr.hr-plain {
	background: none repeat scroll 0% 0% rgb(0,0,0);
	height: 1px;
	margin: 30px auto;
	width: 50%;
	}

/* left-justified horizontal rule */
hr.hr-left {
	border-style: none;
	background-color: #888;
	height: 1px;
	margin: 17px 0px 1px 0px;
	text-align: left;
	width: 50%;
	}

/* hr divider within article */
hr.hr-within {
	border-style: none;
	background-color: #050;
	height: 2px;
	margin: 30px auto;
	width: 50%;
	}

/* hr divider BEGIN END */
hr.hr-beginend {
	border-style: none;
	background-color: #888;
	height: 1px;
	margin: 7px 0px 7px 0px;
	text-align: left;
	width: 50%;
	}

/* hr divider between articles (multi-article) */
hr.hr-between {
	border-style: none;
	background-color: #800;
	height: 2px;
	margin: 50px auto;
	width: 50%;
	}


/* GALLERY */
#gallery {
	margin-bottom: 30px 0px 20px;
	text-align: center;
	max-width: 600px;
	}

	#gallery {
		cursor: zoom-in;
		}

.box {
	display: inline-block;
	margin: 3px 6px;
	position: relative;
	}

	.box img {
		border: solid 1px #111;
		}

/* resize the mag-glass for the gallery */
.mag-glass-rsz {
	cursor: zoom-in;
	height: 34px;
	width: auto;
	padding: 46px 56px 36px;
	top: 0px;
	position: relative;
	}

.thumb {
	width: 165px;
	height: 133px;
		}

.gallery-link {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
	color: rgba(255, 255, 255, 0.85);
	height: 132px;
	left: -33px;
	margin: 10px 34px;
	position: absolute;
	opacity: 0.2;
	text-align: center;
	top: -9px;
	transition: opacity 0.25s ease 0s;
	width: 165px;
	}

		#gallery .gallery-link a:link {text-decoration: none; color: #777; }
		#gallery .gallery-link a:visited {text-decoration: none; color: #000; }
		#gallery .gallery-link a:hover {text-decoration: none; color: #0a0; }
		#gallery .gallery-link a:active {text-decoration: none; color: #000; }

	.designator {
		color: rgba(255,255,255,.3);
	 	font: 14px verdana-bold;
		position: relative;
		text-transform: uppercase;
		top: 21px;
		}

	.gal-z {
		font: 21px verdana-bold;
		position: absolute;
		top: 0px;
		left: 3px;
		}

		.gallery-link img {
			border: solid 0px;
			}

	.box:hover .gallery-link {
		opacity: 1;
		font: verdana 16px;
		}

	.gallery img {
		border: none;
		position: absolute;
		right: -1px;
		bottom: 0px;
		}

	.tooltip {
		position: relative;
		}

		.tooltip .tooltiptext {
			background-color: rgba(0,0,0, .7);
			border: solid 1px #555;
			border-radius: 14px 14px 14px 0px;
			bottom: 97px;
			color: #999;
			font: 16px georgia;
			left: -77px;
			padding: 7px 0px 7px 14px;
			text-align: left;
			visibility: hidden;
			width: 320px;

			/* Position the tooltip */
			position: absolute;
			z-index: 1;
			}

		.tooltip:hover .tooltiptext {
			visibility: visible;
			}

		.tooltip .tooltiptext .credit {
			color: #666;
			font: 10px verdana-bold;
			}

/* GALLERY */

.multi-article {
	color: #900; 
	font-weight: bold;
	text-transform: lowercase;
	}

	.multi-article a:link {text-decoration: none; color: #900; }
	.multi-article a:visited {text-decoration: none; color: #900; }


.anchor {
	position: relative;
	bottom: 99px;
	}


ol, ul {
	margin: 10px 45px;
	}

	li {
		padding: 3px 0px;
		}

	ol.numbered-dec {
		list-style: decimal;
		}

	ol.numbered {
		counter-reset: item;
		}

		ol.numbered li:before { 
			content: counter(item, decimal-leading-zero) ".";
			counter-increment: item;
			font: 12px verdana;
			letter-spacing: 2px;
			opacity: .7;
			}

	ul {
		list-style-image: url("../image/whatever/ul-disc.png");
		}


.goback {
	background: rgba(0,0,0, .1);
	border-radius: 11px;
	font: 11px verdana;
	margin: 0px auto;
	padding: 5px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 120px;
	}

	.goback:hover {
		background: rgba(0,0,0, .8);
		}

	#content .goback a:link {text-decoration: none; color: #555; }
	#content .goback a:visited {text-decoration: none; color: #555; }
	#content .goback a:hover {text-decoration: none; color: #0f0; }
	#content .goback a:active {text-decoration: none; color: #555; }


.excerpt-quote {
	border-bottom: solid 3px #555;
	border-top: solid 3px #555;
	font: 16px georgia-bold;
	height: auto;
 	left: 1px;
	letter-spacing: 3px;
	margin: -1px;
	padding: 7px;
	position: relative;
	text-align: center;
	top: -4px;
	}

.pix {
/*	moved font to .caption */
	margin: 27px 0px 23px;
	position: relative;
	}


		.pix img {
			border: solid 1px #222;
			}

		.pix .nb {
			border: none;
			}

	.pix-multi {
		margin: 20px 0px 16px;
		}

		.pix-multi.narrow {
			position: relative;
			top: -24px;
			}

		.pix-multi .pix-group {
			display: inline-block;
			vertical-align: middle;
			}

			.pix-group-right {
				 float: right;
				 margin-top: 0px;
				}

			.pix-group-right img {
				border: solid 1px #222;
				}

		.pix-multi .pix-group img {
			border: solid 1px #222;
			}

		.pix-multi .pix-group .nb,
		.pix-multi .pix-group-right .nb {
			border: none;
			}

	.floatleft {
		float: left;
		margin: 17px 28px 14px 0px;
		}

	.floatright {
		float: right;
		margin: 17px 0px 14px 28px;
		}

	.center {
		margin-left: auto;
		margin-right: auto;
		}

	.caption {
/*		background: #999; */
		font: bold 13px lucida-sans-unicode;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		height: auto;
		left: 1px;
		line-height: 1.4;
		margin: -1px;
		padding: 7px 3px 0px;
		position: relative;
		top: -2px;
		}

		.caption.center {
			text-align: center;
			}

		.caption .normal {
			font-weight: normal;
			}

		.credit {
			color: #555;
			font: 10px verdana-bold;
			}

	.zoom {
		position: relative;
		}

	.300 {
		width: 300px;
		}

		.zoom img {
			max-width:600px; /* for thumb */
			height:auto; /* for thumb */
			cursor: zoom-in;
			}

		.zoom:hover .zoom-glass {
			opacity: .97;
			transition: .47s ease-in-out;
		 	}

		.zoom-glass {
			bottom: 10px;
			font: 14px arial-bold;
			height: 34px;
			opacity: .35;
			position: absolute;
			right: 4px;
			transition: .47s ease-in-out;
			width: 34px;
			}

	.pages {
		text-align: right;
		}


.av-wrapper {
	position: relative;
	top: 34px;
	}

	.av-wrapper .vid-cap {
		font: 14px verdana;
		position: absolute;
		display: block;
		color: #aaa;
		z-index: 150;
		left: 14px;
		top: 10px;
		width: 543px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: " \002E\002E\002E";
		}

	.av-wrapper .aud-cap {
		font: 14px verdana;
		position: absolute;
		display: block;
		color: #aaa;
		z-index: 150;
		left: 14px;
		top: 27px;
		width: 543px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: "\00B7\00B7\00B7";
		}

video {
	background: #000;
	border: solid 1px;
	}

	.vid602px {
		width: 602px;
		}

	.audio {
		height: 80px;
		width: 602px;
		}

	.caption-AV {
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		color: #444;
		font: 12px verdana;
		padding: 7px 0px 55px 0px;
		position: relative;
		text-align: center;
		}

	.source {
		color: #444;
		font: 11px verdana;
		position: relative;
		top: -9px;
		}

	.source-random {
		color: #444;
		font: 11px verdana;
		position: relative;
		top: -5px;
		}

.hilite {
		text-shadow: 0 0 0.6em #040, 0 0 0.0em #040, 0 0 0.1em #040;
	}

.embed {
	text-align: center;
	margin-top: 22px;
	}


#post {
	color: #444;
	font: 14px trebuchet;
	padding-top: 15px;
	}

#copyright {
	color: #444;
	font: 9px verdana;
	padding-top: 15px;
	}


/* in multi-article.css, SEAHAWKS.css, word.css */
#goml-menu {
	background: #000;
	color: #777;
	font: 16px georgia;
	margin-top: 27px;
	padding-top: 5px;
	text-align: center;
	width: 600px;
	}

	#goml-menu a:link {text-decoration: none; color: #01CC01; }
	#goml-menu a:visited {text-decoration: none; color: #01CC01; }
	#goml-menu a:hover {text-decoration: none; color: #f00; }
	#goml-menu a:active {text-decoration: none; color: #309; }





/* FIXED */ /* OUTSIDE the wrapper unless noted */
/* FIXED */
