:root {
  --legacy-page-width: 960px;
  --legacy-main-width: 680px;
  --legacy-divider-width: 80px;
  --legacy-sidebar-width: 170px;
  --legacy-link: #06c;
  --legacy-link-hover: #000;
  --legacy-muted: #777;
  --legacy-border: #ddd;
  --legacy-body-font: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

html,
body {
  background: #fff;
  color: #000;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--legacy-body-font);
  font-size: 12px;
  line-height: 1.5;
}

#content {
  width: var(--legacy-page-width);
  margin: 0 auto;
  background: url('/theme/images/Header_bg.png') no-repeat;
}

#header img {
  display: block;
}

#scroll {
  overflow: hidden;
  margin-left: 0;
  background: url('/theme/images/site_bg.png') repeat-y;
}

#Main-Content,
#Main-Content-Single {
  width: var(--legacy-main-width);
  float: left;
  margin-left: 10px;
}

#middle_col {
  width: var(--legacy-divider-width);
  float: left;
  padding: 0;
}

#middle_col img {
  display: block;
}

.Sidebar {
  float: left;
  width: var(--legacy-sidebar-width);
  margin: 10px 10px auto;
  text-align: left;
}

a,
h2 a:hover,
h3 a:hover {
  color: var(--legacy-link);
  text-decoration: none;
}

a:hover {
  color: var(--legacy-link-hover);
}

#date,
small,
#postmetadata {
  color: var(--legacy-muted);
}

#postmetadata {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
}

.Post-Content .Post-Data {
  overflow-wrap: anywhere;
}

.Post-Content .Post-Data img {
  max-width: 100%;
  height: auto;
}

.Post-Content .Post-Data pre,
.Post-Content .Post-Data code {
  font-family: 'Courier New', Courier, monospace;
  font-size: 12px;
}

.Post-Content .Post-Data pre {
  border: 1px solid var(--legacy-border);
  background: #f9fcff;
  padding: 8px;
  overflow: auto;
}

.widgettitle .rsswidget {
  vertical-align: middle;
}

.legacy-ad {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8d8d8;
  background: #f4f4f4;
  color: #8f8f8f;
  font: 11px Arial, Helvetica, sans-serif;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin: 6px auto;
}

.legacy-ad-square {
  width: 125px;
  height: 125px;
}

.legacy-ad-skyscraper {
  width: 170px;
  height: 600px;
}

.screen-reader-text {
  position: absolute;
  left: -9999px;
}

.legacy-comment-form textarea {
  width: 530px;
  max-width: 100%;
}

.legacy-comment-form input[disabled],
.legacy-comment-form textarea[disabled] {
  background: #fafafa;
  color: #666;
  cursor: not-allowed;
}

.legacy-comments-note {
  color: var(--legacy-muted);
  font-size: 11px;
  padding: 0 10px 8px;
}

#footer {
  float: left;
  width: var(--legacy-page-width);
  color: #828080;
  font-size: 11px;
  line-height: 14px;
}

#footer img {
  display: block;
  float: left;
}