:root {
	--mgreen: #60e020;
	--dgreen: #006600;
	--mred: #cc6600;
	--dred: #663300;
	--sgold: #775319;
	--egold: #f0e58b;
}

@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }

body {
	font-size: 1em; font-weight: bold;
	background: black url("media/nebula10.jpg") repeat fixed top left;
	animation: fade-in 1.5s ease-in 0s 1 both;
}

body.home {
	background-image: url("media/nebula10.jpg");
	margin: 12px 36px;
}

body.tube, body.repairs {
	background-image: url("forsale/images/texture.gif");
}

body.repairs { margin: 0 24px; font-size: 150%; }
div.topmid { text-align: center; margin-bottom: 3.5em; }
div.topmid::after { clear: both; display: table; }

img#lspkr, img#rspkr { width: 67px; height: 160px; border: 4px solid black; }
img#lspkr { float: left; }
img#rspkr { float: right; }

img.avl, img.avr { float: right; margin: 0; }
img.avl { margin: 0 0 0 20px !important; margin: 0 -6px 0 20px; }

a.main:link { color: var(--mgreen); }
a.main:visited { color: #20a000; }
a.main:hover {
	background-color: var(--mgreen); color: #000000;
	background-image: repeating-linear-gradient(45deg,
		var(--mgreen) 15%, var(--dgreen) 30%, var(--mgreen) 45%);
	text-decoration: none; border-radius: 4px;
}

a.any:link, a.any:visited { color: #ffff00; }
a.any:active, a.any:focus { color: #ff7f00; }

div.cards { color: #ffff00; text-decoration: underline; }
div.cards:hover, a.any:hover {
	background-image: repeating-linear-gradient(45deg,
		var(--sgold) 15%, var(--egold) 30%, var(--sgold) 45%);
	color: #000000; border-radius: 4px; text-decoration: none;
}

a.ppl {
	background-color: #220088; color: #bbbbbb;
	border-radius: 7px; padding: 2px 4px 3px 4px;
	text-decoration: none;
}
a.ppl:hover { background-color: #007700; color: #cccccc; }

div.univ, div.rtu { font-size: 112.5%; color: var(--mgreen); }
div.mod { clear: both; }

.fvsc { font-variant: small-caps; }
div.repsvc  { font-size: 200%; color: #ffffff; font-style: italic; }
div.rephdr  { font-size: 200%; text-align: center; }
div.bizname {
	font-size: 300%; color: #33dddd; font-variant: small-caps;
	text-shadow:
	-1px 1px 1px #0044bb, -2px 2px 1px #0044aa,
	-3px 3px 1px #003399, -4px 4px 1px #003388,
	-5px 5px 1px #002277, -6px 6px 1px #002266,
	-7px 7px 1px #001155;
}

div.row { box-sizing: border-box; margin-top: 2em; }
/* clear floats after columns */
div.row::after { content: ""; display: table; clear: both; }
.leftcol, .midcol, .rightcol { box-sizing: border-box; padding: 0; }
.leftcol, .midcol { float: left; }
.leftcol { width: 33.33%; }
.rightcol { float: right; }

.info_yel  { color: #ffff00; }
.info_yel1 { color: #ffff99; }
.info_yel2 { color: #ffffcc; }
.info_white { color: #ffffff; }

/*
.svc_hdr::before { content: "\2425  "; color: #0080d0; }
.svc_hdr::after  { content: " \2425";  color: #0080d0; }
*/

.svc_hdr::before { content: "\2b9e  "; color: #0080d0; }
.svc_hdr::after  { content: " \2b9c";  color: #0080d0; }

.svc_hdr {
	font-size: 114.28%; color: #33dddd;
	text-decoration: underline overline;
}
a.svc_info { font-size: 114.28%; }

img.arrow { height: 15px; width: 13px; }

div.nine { font-weight: bold; text-align: center; }
.tbeq, .exp, .bcc { color: #0000cc; }
.tbeq { font-size: 300%; }
.texp, .exp { font-size: 200%; }
.fidy { font-size: 150%; }
.texp { color: #008000; }
.mods {
	font-size: 150%; border: 2px solid #000000;
	text-align: center; padding: 2px 4px;
	display: inline-block;
}

.svc_white { color: #ffffff; }
.cream { color: #dbd77c; }
.info_green2 { color: var(--mgreen); font-weight: bold; }
.gear { color: var(--mgreen); float: left; }
span#yr { color: #ffff00; float: right; }
.pr1 { padding-right: 32px; }
.pr2 { padding-right: 12px; }

.resize, .tac { text-align: center; }
.resize img { border: none; }
.resize a { text-decoration: none; }

div.mission { display: none; }

.mvg {
	background: url("forsale/images/graybar.jpg"); color: #600000;
	width: 30%; float: left; border: 3px solid #0080ff;
	border-color: #00c0ff #00c0ff #0040c0 #0040c0;
}


.lcnr { float: left; }
.rcnr { float: right; }

.teal_med	{ font-size: 250%; color: #00ffff; }

.teal_box {
	font-size: 131.25%; color: #00ffff; border: 2px solid #00ffff;
	padding: 0px 6px;
}

span.tbsize { font-size: 131.25%; }
div.gallery { width: 760px; }
div.gallery img.lm { margin: 10px 0 10px 40px; }
ul.rchoice { list-style-position: outside; margin-top: 0; }

br.cb { clear: both; }
div.otl { font-size: 160%; color: #0000cc; }

table.makes { margin: 0 auto; }
table.makes, table.makes td {
	border-collapse: collapse; border: 2px solid #008000;
}

table.makes td {
	font-size: 150%; font-weight: bold; padding: 0 10px;
	text-align: left;
}

table.makes td:hover { background-color: rgba(192, 192, 192, 0.33); }

ul.mtz { margin-top: 0; }
span.grn { color: #007700; }
a.loc { color: #007700; padding: 0 2px; }
a.loc:hover {
	background-color: #00cc00; color: #444444; text-decoration: none;
	border-radius: 7px;
}
span.vh { visibility: hidden; }
span.dots { font-size: 125%; border-bottom: dotted; }
hr.mtb { margin: 20px 0; }
.nw { white-space: nowrap; }


/****************************************/
/* kfl/kfp: keep for landscape/portrait */
/****************************************/

div.mode { height: 24px; }

@media screen and (orientation:landscape) {
div.kfp { display: none; }
}

@media screen and (orientation:portrait) {
.leftcol, .midcol, .rightcol {
	float: none; width: 100%; margin-top: 24px;
}
.kfl { display: none; }
body.repairs { margin: 8px; }
}