:root {
   --font-default: "Segoe UI", Arial, sans-serif;
   --font-monospace: "Lucida Consolas", "Consolas", "Courier New", monospace;
   --color-background-default: #fff;
   --color-background-almost-default: #f5f5f5;
   --color-background-variation-1: #eee;
   --color-background-variation-2: #bbb;
   --color-text-default: #111;
   --color-text-variation-1: #333;
   --color-text-variation-2: #555;
   --color-text-link: #6b4e3d;
   --color-text-link-hover: #999;
   --color-border-default: #bbb;
   --color-border-variation-1: #999;
   --color-white: #fff;
   --color-orange: #f93;
   --color-pale-orange: #FFE6CC;
   --color-light-orange: #FFBD8A;
   --color-red: #d00;
   --color-light-red: #BC2A4D;
   --color-green: #090;
   --color-blue: #009;
   --color-light-blue: #07f;
   --color-lighter-blue: #6bf;
   --color-brown: #6b4e3d;
   --color-black: #000;
   --color-dark-grey: #333;
   --color-light-grey: #e7e7e7;
   --color-pale-pink: #fdd;
}
html, body {
   background-color: #666;
   color: var(--color-text-default);
   font-family: var(--font-default);
   font-size: 13px;
   padding: 0;
}
h3 {
   color: var(--color-dark-grey);
}
.content h2, .panel h2 {
   color: var(--color-brown);
   font-weight: bold;
}

a, .postlink {
   color: var(--color-text-link);
   border-bottom-color: transparent;
}
a:hover, a:active, a:focus, .arrow-left:hover, .arrow-right:hover {
   color: var(--color-text-link-hover);
}

label {
   color: var(--color-brown);
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: var(--color-background-variation-1);
}
table.table1 td {
   color:var(--color-text-default);
}
.postlink:hover, .postlink:visited {
   color: var(--color-orange);
   border-bottom-color: var(--color-orange);
   background-color: transparent;
}

.wrap {
   padding: 0;
   border-radius: 0;
   box-shadow: 7px 0 10px var(--color-dark-grey);
   border-left: 2px solid var(--color-border-variation-1);
   border-right: 2px solid var(--color-border-variation-1);
}
#inner_content {
   padding: 0 15px;
}

.bg1, .bg2 {
   background-color: var(--color-background-almost-default);
   border: 1px solid var(--color-border-default);
   border-radius: 3px;
   margin-bottom: 10px;
}


.button {
   color: var(--color-text-variation-1);
}
.button:hover,
.button:focus {
   border-color: #C7C3BF;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
   color: var(--color-brown);
}
.search-header {
   box-shadow: 0 0 10px #C7C3BF;
}

.site_logo {
   background-image: url("images/pe_chat.png");
   width: 250px;
   height: 45px;
}
.site-description h1 {
   display: none;
}

.navbar {
   background-color: var(--color-background-variation-1);
   border-radius: 0;
   border-top: 2px solid var(--color-border-default);
   border-bottom: 2px solid var(--color-border-default);
}
.navbar a:hover, .navbar a:active, .navbar a:focus {
   color: var(--color-orange);
}
.panel {
   background-color: var(--color-background-variation-1);
   color: var(--color-text-default);
}

.headerbar {
   background: var(--color-white);
}
#site-description {
   color: var(--color-light-orange);
   text-align: center;
}

.forumbg {
   background: var(--color-border-variation-1);
   color: var(--color-dark-grey);
   padding: 2px;
   border-radius: 3px;
}
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
   color: #fff;
}
.forabg {
   background: var(--color-border-variation-1);
   padding: 2px;
   border-radius: 3px;
}
li.row:hover {
   background-color: var(--color-pale-orange);
}
ul.forums {
   background-color: var(--color-white);
   background-image: none;
}
ul.topiclist li {
   color: var(--color-text-default);
}
li.row {
   border-top-color: #FFFFFF;
   border-bottom-color: var(--color-border-default);
}
.pagination li a {
   background: #ECEDEE;
   color: var(--color-text-variation-2);
}

.pagination li.active span {
   background: var(--color-orange);
   border-color: var(--color-orange);
}

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
   background: var(--color-orange);
   border-color: var(--color-orange);
}


/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
   background: var(--color-background-variation-1);
   color: var(--color-text-default);
   border-color: var(--color-border-default);
}

.tabs .tab > a:hover {
   color: var(--color-text-link-hover);
   background: var(--color-background-variation-1);
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
   background-color: var(--color-background-variation-1);
   border-color: var(--color-border-default);
   border-bottom: none;
   box-shadow: none;
   color: var(--color-light-red);
}
.tabs .activetab > a:hover {
   color: var(--color-light-red);
}
.dropdown-extended .header {
   background: var(--color-background-variation-1);
}
.navigation a {
   background: var(--color-background-variation-2);
}
.navigation a:hover {
   background: white;
   color: var(--color-text-link-hover);
}

/* Jumpbox */
.jumpbox-cat-link {
   background-color: var(--color-border-variation-1);
   border-top-color: var(--color-border-variation-1);
}

.jumpbox-cat-link:hover {
   background-color: var(--color-background-variation-2);
   border-top-color: var(--color-background-variation-2);
}

.jumpbox-sub-link {
   background-color: var(--color-background-variation-1);
}

.jumpbox-sub-link:hover {
   background-color: var(--color-background-variation-1);
}

/* Input field styles
---------------------------------------- */
.inputbox:hover {
   border-color: var(--color-orange);
}

.inputbox:focus {
   border-color: var(--color-orange);
}
select[multiple]:focus option:checked {
   background: red linear-gradient(0deg, grey 0%, grey 100%);
}
input[type="radio"], input[type="checkbox"] {
   filter: grayscale(1);
}

.forum_read {
   background-image: url("images/forum_read.gif");
}
.forum_read_subforum	{
   background-image: url("images/forum_read_subforum.gif");
}

.forum_read_locked {
   background-image: url("./images/forum_read_locked.gif");
}
.topic_read {
   background-image: url("images/topic_read.gif");
}
.topic_read_mine {
   background-image: url("./images/topic_read_mine.gif");
}
.topic_read_locked {
   background-image: url("./images/topic_read_locked.gif");
}
.topic_read_locked_mine	{
   background-image: url("./images/topic_read_locked_mine.gif");
}
.topic_read_hot {
   background-image: url("./images/topic_read_hot.gif");
}
.topic_read_hot_mine	{
   background-image: url("./images/topic_read_hot_mine.gif");
}
.announce_read, .global_read {
   background-image: url("images/announce_read.gif");
}
.announce_read_mine, .global_read_mine {
   background-image: url("images/announce_read_mine.gif");
}
.announce_read_locked, .global_read_locked {
   background-image: url("images/announce_read_locked.gif");
}
.announce_read_locked_mine, .global_read_locked_mine {
   background-image: url("./images/announce_read_locked_mine.gif");
}
.sticky_read {
   background-image: url("images/sticky_read.gif");
}
.sticky_read_mine {
   background-image: url("./images/sticky_read_mine.gif");
}
.sticky_read_locked {
   background-image: url("images/sticky_read_locked.gif");
}
.sticky_read_locked_mine {
   background-image: url("images/sticky_read_locked_mine.gif");
}

.icon.icon-blue, a:hover .icon.icon-blue {
   color: var(--color-border-variation-1);
}

.thank_icon img {
   vertical-align: top;
}
.thank_icon  {
   text-decoration: none !important;
}