div.init-container {
  position:      relative;
  width:         780px;
  height:        550px;
  margin-left:   auto; margin-right: auto;
  margin-bottom: 0;
  text-align:    left;
}

div.display-inline {
  display: inline;
}

a:link.slide-control,
a:visited.slide-control,
a:hover.slide-control {
  background-color: black;
  padding:          0px;
  margin:           0px;
}

div.drawing {
  position:   absolute;
  text-align: left;
  left:       0px;
  z-index:    1;
}

div.photo {
  width:    160px;
  position: absolute;
  right:    0px;
  top:      0px;
  z-index:  5;
}

div.signature {
  position: absolute;
  right:    25px;
  top:      130px;
  z-index:  2;
}

div.communication-links {
  width:      100px;
  position:   absolute;
  right:      20px;
  top:        240px;
  text-align: center;
  z-index:    2;
}

table.communication-links {
  text-align: center;
}

td.communication-links {
  text-align: center;
}

a.communication-link:link,
a.communication-link:visited {
  color:           #CC0000;
  font:            bold 10pt Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a.communication-link:hover {
  color:           #0000CC;
  font:            bold 10pt Arial, Helvetica, sans-serif;
  text-decoration: none;
}

div.init-copyright {
  width:      100px;
  position:   absolute;
  right:      35px;
  top:        370px;
  text-align: center;
  z-index:    2;
}

div.init-copyright a:link,
div.init-copyright a:visited,
div.init-copyright a:hover {
  text-decoration: none;
}

div.intro-text {
  position:   absolute;
  width:      560px;
  left:       0px;
  top:        260px;
  font-size:  9pt;
  text-align: center;
  z-index:    2;
}

div.lines {
  position:   absolute;
  width:      100%;
  text-align: center;
  z-index:    3;
}

div.oneliner {
  position:   absolute;
  text-align: center;
  width:      560px;
  height:     auto;
  min-height: 160px;
  left:       0px;
  top:        380px;
  z-index:    2;
}

div.oneliner {
  font:       bold 16pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

div.movie-links {
  position:   absolute;
  width:      560px;
  left:       0px;
  top:        510px;
  text-align: center;
  z-index:    2;
}

a.movies-div-link:visited,
a.movies-div-link:link {
  color:           red;
  left:            80px;
  font:            bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align:      center;
}

a.movies-div-link:hover {
  color:           blue;
  left:            80px;
  font:            bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align:      center;
}

a#close_div:link,
a#close_div:visited,
a#close_div:hover {
  text-decoration: none;
  font-weight:     bold;
}

div.movie-page {
  position:   absolute;
  left:       290px;
  top:        0px;
  text-align: center;
  z-index:    2;
}

a.movie-page:visited,
a.movie-page:link {
  color:            blue;
  font:            9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align:      center;
}

a.movie-page:hover {
  color:           red;
  font:            9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align:      center;
}

div.player-download {
  position:   absolute;
  text-align: center;
  width:      560px;
  left:       0px;
  top:        460px;
  font-size:  7pt;
  z-index:    2;
}

div.pic-inspiration {
  position: absolute;
  right:    320px;
  top:      45px;
  z-index:  2;
}

div.pic-family {
  position: absolute;
  right:    260px;
  top:      50px;
  z-index:  2;
}

div.pic-bottleneck {
  position: absolute;
  right:    180px;
  top:      70px;
  z-index:  2;
}

div#paypal {
  width:      780px;
  margin:     20px auto 30px;
  text-align: center;
}

div#paypal_button {
  margin-left: auto; margin-right: auto;
  width:       90px;
  height:      21px;
}

h3.video-section-title {
  max-width:   780px;
  margin:      20px auto 6px;
  text-align:  left;
  font-size:   11pt;
  font-weight: bold;
  color:       #333;
}

div.video-thumb-grid {
  display:               grid;
  grid-template-columns: repeat(5, 1fr);
  gap:                   8px;
  max-width:             780px;
  margin:                0 auto;
}

a.video-thumb-link {
  display:       block;
  overflow:      hidden;
  border-radius: 4px;
  line-height:   0;
}

a.video-thumb-link:hover {
  opacity: 0.8;
}

img.video-thumb-img {
  width:      100%;
  height:     100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

div.video-thumb-status {
  max-width:   780px;
  margin:      0 auto;
  color:       #888;
  font-size:   9pt;
  padding-top: 8px;
}

div.video-tag-cloud {
  max-width:   100%;
  margin:      20px auto 0;
  text-align:  center;
  line-height: 2;
  padding:     4px 12px;
  box-sizing:  border-box;
}

span.video-tag {
  display:         inline-block;
  padding:         2px 10px;
  margin:          2px 3px;
  background:      #f0e6ff;
  color:           #6a1bbd;
  border-radius:   12px;
  cursor:          pointer;
  user-select:     none;
  transition:      background 0.15s, color 0.15s;
  vertical-align:  middle;
}

span.video-tag:hover {
  background: #8a2be2;
  color:      white;
}

span.video-tag-promoted {
  background:  #fff3b0;
  color:       #8a5a00;
  font-weight: bold;
  border:      1px solid #d4a017;
}

span.video-tag-promoted:hover {
  background: #d4a017;
  color:      white;
}

span.video-tag-promoted-red {
  background: #ffd6d6;
  color:      #a00000;
  border:     1px solid #c83232;
}

span.video-tag-promoted-red:hover {
  background: #c83232;
  color:      white;
}

span.video-tag-promoted-green {
  background: #d6f5d6;
  color:      #1b6b1b;
  border:     1px solid #2ea44f;
}

span.video-tag-promoted-green:hover {
  background: #2ea44f;
  color:      white;
}

div.video-search-bar {
  max-width:   780px;
  margin:      10px auto;
  display:     flex;
  align-items: center;
  gap:         10px;
}

div.video-search-bar input {
  flex:          1;
  padding:       8px 12px;
  font-size:     12pt;
  border:        2px solid #8a2be2;
  border-radius: 6px;
  outline:       none;
  box-shadow:    0 0 4px rgba(138, 43, 226, 0.3);
}

div.video-search-bar input:focus {
  border-color: #6a1bbd;
  box-shadow:   0 0 8px rgba(138, 43, 226, 0.6);
}

span.video-search-count {
  font-size: 9pt;
  color:     #888;
  white-space: nowrap;
}