/* Generated by KompoZer */
body {
  color: FloralWhite; /* #ffffff; white */
  background-color: #180b0b;
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  background-position: left top;
  background-attachment: fixed;
  background-image: url(images/bkgrd_dark.png);
}
a:link {
  color: #f4a460; /* SandyBrown; */ /* #ffcc33; */
}
a:visited {
  color: #f4a460; /* #990099; */
}
a:hover {
  color: #ffcc33; /* #ffffcc; */
}

#logo {
  height: 300px;
  background-image: url(images/logo2.png);
  background-position: center;
  background-repeat: no-repeat;
}

/* Add a black background color to the top navigation */
.topnav {
  width: 924px;
  background-color: RGBA(28, 28, 41, 0.8); /* 20% transparency */
  overflow: hidden;
  margin-left:  auto;
  margin-right: auto;
  -moz-border-radius: 5px;
  border-radius     : 5px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: silver; /* #f2f2f2; */
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 13px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background: linear-gradient(to bottom, RoyalBlue 0%, MidnightBlue 100%);
  color: Wheat;
  -moz-border-radius: 5px;
  border-radius     : 5px;
}

/* Add a color to the active/current link */
.topnav a.active {
  background: linear-gradient(to bottom, #3ea2ff 0%, #245eb4 100%);
  color: White;
  -moz-border-radius: 5px;
  border-radius    : 5px;
  text-shadow: 1px 1px black;
}

#inner_box {
  border: 1px solid #353535;
  -moz-border-radius: 5px;
  border-radius     : 5px;
  background-color: RGBA(41, 28, 28, 0.8); /* 20% transparency */
  width: 1100px;
  margin-left:  auto;
  margin-right: auto;
}
#inner_box_4K {
  border: 1px solid #353535;
  -moz-border-radius: 5px;
  border-radius     : 5px;
  background-color: RGBA(41, 28, 28, 0.8); /* 20% transparency */
  width: 1999px;
  margin-left:  auto;
  margin-right: auto;
}

#contents_title {
  height: 24px;
  margin-top: 0px;
  padding-top: 5px;
  padding-left:  30px;
  padding-right: 30px;
  display: inline-block;
  border-top-left-radius : 5px;
  -moz-border-top-left-radius : 5px;
  border-bottom-right-radius:      20px;
  -moz-border-bottom-right-radius: 20px;
  border-bottom:      1px solid #353535;
  -moz-border-bottom: 1px solid #353535;
  border-right:      1px solid #353535;
  -moz-border-right: 1px solid #353535;
  font-family: Consolas;
  font-weight: bold;
  background: linear-gradient(to bottom, #300000 0%, #600000 100%);
  text-align: left;
  color: #f4a460; /* SandyBrown; */
}
#contents_text {
  border-width: 0px;
  padding: 6px;
  font-family: Segoe UI;
}
#contents_bottom {
  background-color: rgba(41, 28, 28, 0.8); /* 20% transparency */
  height: 20px;
}

.TRON2 {
  border-top:      1px solid #353535;
  -moz-border-top: 1px solid #353535;
  border-left:      1px solid #353535;
  -moz-border-left: 1px solid #353535;
  border-top-left-radius:      20px;
  -moz-border-top-left-radius: 20px;
  border-bottom-right-radius:      5px;
  -moz-border-bottom-right-radius: 5px;

  width: 355px;
  height: 24px;
  margin-left: auto; /* 426px; */
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  font-family: Consolas;
  font-size: medium;
  text-align: center;
  background-color: black;
}

.TRON2::before {
  content:"\2023 \0020 Master Control Program \0020 \2023 \0020";
  color: rgb(0, 172, 230); /* rgb(51, 204, 255); */
}

.TRON2::after {
  content:"End of line.";
  color: rgb(51, 204, 0);
  font-weight: bold;
}

.TRON2_text {
  color: white;
}

.TRON2_mc {
  color: rgb(51, 204, 0);
  font-weight: bold;
  font-style: italic;
}

.TRON2_tron {
  font-weight: bold;
  color: rgb(51, 204, 255);
}

.screenshot_row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /* justify-content: center; /* /* does not work! */
  /* padding: 4px; */
  /* background-color: blue; */
  
}

/* Create four equal columns that sits next to each other */
.screenshot_column {
  flex: 100%;
  /* padding: 8px; */
  /* background-color: green; */ /* debug only */
}

.screenshot_column img {
  /* margin-right: 14px;
  margin-bottom: 18px; */
  padding: 8px;
  vertical-align: middle;
  
  /* min-width:  198px;
  max-width:  198px;
  max-height: 198px; */
}

#downloads_table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  /* border-collapse: collapse; */
  border-spacing:0px;
  width: 1040px;
}
#downloads_titlerow {
  padding-bottom: 20px;
  padding-left: 0.2rem;
}
#downloads_tablerow {
  height: 30px;
}
#downloads_celldate {
  width: 270px;
  padding-left: 0.2rem; 
}
#downloads_cellfilesize {
  /* color: #cccccc; silver ? */ 
  width: 90px;
  padding-left: 0.2rem; 
}
#downloads_celltitle {
  width: 650px;
  padding-left: 0.2rem; 
}

#downloads_tablerow:hover, #system_cells:hover { /* tr:hover {   */
  background: linear-gradient(to bottom, rgba(65, 105, 225, 0.4) 0%, rgba(25, 25, 112, 0.4) 100%);
  color: Wheat;
  text-shadow: 1px 1px black;
}

#system_tablerow {
  height: 30px;
}
#system_title {
  border-bottom: 1px dotted #993300;
  margin-top: 7px;
  margin-left: 18px;
  width: 1040px;
  height: 25px;
  font-style: italic;
  padding-left: 15px;
  color: rgb(0, 172, 230); /* #33ccff; */
}
#system_cells {
  border:  none;
  width: 275px;
  padding-bottom: 5px;
  text-align: center;
}
#emulator_rules {
  font-size: 12px;
}

.features {
  margin-left: 17px;
  padding-left: 18px;
  background-position: 2px 8px;
  background-image: linear-gradient(to right, MediumSeaGreen,LightGreen);
  background-size: 8px 8px;
  background-repeat:no-repeat;
}

/* for changelog.htm */
  h1, h2, h3, h4 {
  margin: 0px;
  font-family: "Trebuchet MS",Helvetica,Verdana,Arial;
  font-size: 13px;
  font-weight: normal;
}
h1 {
  /* border-top: 2px solid #6e96ff; */
  margin-left: auto;
  margin-right: auto;
  color: #180b0b; /*#ffffcc /*#000000;*/
  font-family: Helvetica,Arial;
  font-size: 14px;
  font-variant: small-caps;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  /* width: 400px; */
}

h2 {
  /* padding-left: 20px; */
  margin-top: 5px;
  margin-bottom: 0px;
  line-height: 18px;
  color: #f4a460; /* SandyBrown; */
  font-weight: bold;
  text-shadow: 1px 1px black;
  /* background-position:0px 3px;
  background-image:url('entry.gif'); 
  background-repeat:no-repeat; */
}
h3 {
  /* padding-top:4px; */
  margin-left: 17px;
  line-height: 18px;
  padding-left: 18px;
  font-family: Consolas, Lucida Console, Courier New;
  font-size: 14px;
  color: FloralWhite;
  text-shadow: 1px 1px black;
  background-position: 2px 5px;
  background-image: linear-gradient(to right, DodgerBlue,CornflowerBlue);
  background-size: 8px 8px;
  background-repeat:no-repeat;
}
h2:before {
  content: '\27a4'; /* '\21A3'; */
  margin-right: 6px;
  color: LightGreen;
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
}
/* h3:before {
  content: '\25fc'; /* '\25a0'; */
  margin-right: 5px;
  color: DodgerBlue;
  vertical-align: middle;
  display: inline-block;
  margin-top: -4px;
} */