html, body {
  color: hsl(218, 22%, 42%);
  background-color: hsl(0, 0%, 86%);
}

.headerbar {
  margin-bottom: 2px;
  background: none;
  color: hsl(222, 25%, 41%);
  padding: 0 10px;
}

.site-description h1 { color: hsl(222, 25%, 41%) }  
.site-description { color: hsl(222, 25%, 41%);font-style: oblique 20deg }     

.site_logo {
  background-image: url("./images/site_logo.png");
  background-repeat: no-repeat;
  display: inline-block;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  width: 143px;   
  height: 37px;   
  opacity: 90%;
}

.site_logo:hover {
  opacity: 100%;
  transform: scale(1.1);
  transition: 0.3s;
}

.logo {
  float: left;
  width: auto;
  padding: 18px 13px 0 10px;
}

.logo:hover {
  text-decoration: none;
}

.forumbg, .forabg {
	background: none;
}	

ul.topiclist {
  background-color: hsl(222, 25%, 41%);
  border: hsl(221, 16%, 65%);
  border-radius: 10px;
  padding: 5px;
  box-shadow: 1px 1px 8px #555;
  margin-bottom: 5px;
}

ul.topiclist.topics {
  background: none;
}

.search-header {display: none;}

li.header dt, li.header dd {
  color: #eee!important;
}

ul.cplist, ul.pmlist, ul.responsive-show-all {
  background-color: hsl(0, 0%, 98%);
}

.wrap {
  background: hsl(0, 0%, 85%);
  border: 1px solid hsl(0, 0%, 87%);
  border-radius: 12px;
}

.navbar {
  background-color: hsl(0, 0%, 87%);
  border-radius: 6px;
  box-shadow: inset 0 0 3px 0 hsl(0, 0%, 100%), 0 0 5px hsl(0, 0%, 63%);
}

.bg1, .bg2 {
  background-color: hsl(0, 0%, 91%);
}

ul.navlinks {
  border-top: 1px solid hsl(0, 0%, 87%);
}

li.row {
  border-top-color: hsl(0, 0%, 80%);
  border-bottom-color: hsl(0, 0%, 80%);
  background-color: hsl(0, 0%, 86%);
  border-radius: 7px;
}
li.row:hover {background-color: hsl(0, 0%, 93%);}

table.table1 thead tr {
    border-radius:4px 4px 0 0
}

table.table1 thead th {
    padding:6px 5px
}

table.table1 thead th:first-child {
    border-top-left-radius:4px
}

table.table1 thead th:last-child {
    border-top-right-radius:4px
}

table.table1 tbody tr {
    border:0
}

table.table1 tbody tr:last-child {
    border-radius:0 0 4px 4px
}

table.table1 tbody tr:last-child td:first-child {
    border-bottom-left-radius:4px
}

table.table1 tbody tr:last-child td:last-child {
    border-bottom-right-radius:4px
}

.panel-container table.table1 thead th {
  padding: 7px;
}

/* Table styles
---------------------------------------- */
table.table1 thead th {
  background-color: hsl(222, 25%, 41%);
  background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.25), hsla(0, 0%, 100%, 0));
  color: hsl(0, 0%, 93%);
}

table.table1 tbody tr {
  background: none;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  color: hsl(0, 0%, 0%);
}

table.table1 td {
  color: hsl(37, 66%, 9%);
}

table.table1 tbody td {
  background-color: hsl(0, 0%, 86%);
  border-top-color: hsl(0, 0%, 80%);
}

table.table1 tbody tr:hover td {
  background-color: hsl(0, 0%, 93%);
}

table.table1 tbody th {
  background-color: hsl(0, 0%, 86%);
  border-bottom-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 0%);
}

table.info tbody th {
  color: hsl(0, 0%, 0%);
}

.panel-container table.table1 thead th {
  color: hsl(0, 0%, 93%);
}

blockquote {
  background-color: hsl(0, 0%, 91%);
  border-color: hsl(55, 45%, 90%);
  border-radius: 0px 10px 10px 10px;
  padding: 15px;
  box-shadow: 1px 3px 5px hsla(0, 0%, 0%, 0.2);
}

.topic-type,.rtl .topic-status{float:left}
.topic-type,.topic-status{float:right;margin:3px}
.topic-icon:before{line-height:.8;width:16px;height:16px}
.topic-icon:before{opacity:.6;}
.topic-icon:hover:before{opacity:1}

/* Back to top */
.to-top-button {
  background-color: hsl(210, 80%, 30%);
  opacity: 0.7;
}

.to-top-button a {
  color: hsl(199, 100%, 95%);
}

.to-top-button {
  border-radius: 50%;
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  display: none;
  block-size: 1.5rem;
  inline-size: 1.5rem;
}

.to-top-button .o-icon {
  font-size: 1rem;
  padding: 1rem;
}