/* UNIVERSAL SETTINGS */

/* UNIVERSAL - links */

a:link, a:visited {
    color: #c7c7c7; /* 78% MUTED */
}

a:hover, a:focus {
	color: #949494; /* 58% */
}

/* UNIVERSAL - body settings */

body {
	color: #ebebeb; /* 92% on CORE +1 */
    background-color: #121212; /* 7% BACKGROUND */
	font-family: 'Roboto Flex','Arial','Helvetica', sans-serif;
	font-weight: 300;
}

.postbody .content {
	font-size: 16px;
}

.section-posting .content {
	font-size: 16px;
}

/* DECREASING WEIGHT OF BOLD IN VARIOUS PLACES TO BE MORE LEGIBLE ON DARK THEME */

b, strong, .btn, .label, .username-coloured, .form-control, .badge, .pagination>li>a {
    font-weight: 550;
}

.label {
	font-family: 'Roboto','Arial','Helvetica', sans-serif;
}

dt {
	color: #ccc; /* 80% SYMBOLS */
}

/* UNIVERSAL - remove selection outlines */

.bootstrap-select .btn:focus {
	outline: none!important;
}

a:focus {
	outline: none!important;
}

/* UNIVERSAL - Panel settings */

.panel.panel-default .panel-body {
	color: #ebebeb; /* 92% on CORE +1 */
	background-color: #383838; /* 22% CORE +1 */
}

.panel.panel-default {
	background-color: #474747; /* 28% CORE +2 */
 }

.panel.panel-default .panel-heading {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #474747; /* 28% CORE +2 */
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	border-bottom: 0;
	border-color: #474747; /* 28% CORE +2 */
}

.panel.panel-default .panel-footer {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #474747; /* 28% CORE +2 */
}
 
.panel.panel-default {
	border: 0px solid transparent;
}

.panel-heading { 
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* UNIVERSAL - VARIOUS BUTTONS & MENUS */

.btn, .btn:hover, .btn:link, .btn:active, .btn:focus {
	color: #fafafa !important; /* 98% on THEME */
}

/* UNIVERSAL - Default buttons (grey) */

.btn-default, .btn-default:active, .btn-default:active:focus {
	background-color: #5c5c5c; /* 36% */
	border: none;
}

.btn-default:hover, .btn-default:focus {
	background-color: #292929; /* 16% CORE*/
}

.btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active {
	color: #c7c7c7; /* 78% MUTED */
	background-color: #4d4d4d; /* 30% */
}

/* UNIVERSAL - Info buttons */

.btn-info, .btn-info:active {
	background-color: #3453b2; /* 55% 55% PRIMARY BLUE */
}

.btn-info:hover, .btn-info:focus {
	background-color: #223777; /* 40% 55% PRIMARY BLUE */
}

/* UNIVERSAL - Warning/danger buttons */

.btn-warning, .btn-warning:active, .btn-danger, .btn-danger:active {
	background-color: #a32929; /* 45% 60% WARNING RED */
}

.btn-warning:hover, .btn-warning:focus, .btn-danger:hover, .btn-danger:focus {
	background-color: #7a1f1f; /* 30% 60% WARNING RED */
}

/* UNIVERSAL - Success buttons */

.btn-success, .btn-success:active {
	background-color: #2d862d; /* 40% 50% SUCCESS GREEN */
}

.btn-success:hover, .btn-success:focus {
	background-color: #206020 !important; /* 20% 50% GREEN TITLE HOVER */
}

/* UNIVERSAL - Primary buttons (theme purple) & like button */

.btn-primary, .btn.btn-l-cst, .btn-primary:active, .btn.btn-l-cst:active {
	background-color: #7864b4; /* 55% 35% THEME PURPLE */
}

.btn-primary:hover, .btn-primary:focus, .btn.btn-l-cst:hover, .btn.btn-l-cst:focus {
	background-color: #4f3894; /* 40% 45% THEME PURPLE */ 
}

/* UNIVERSAL - notification buttons */

.btn-notification {
    background-color: #3453b2; /* 55% 55% PRIMARY BLUE BUTTON/ALERT */
    border: #3453b2; /* 55% 55% PRIMARY BLUE BUTTON/ALERT */
}

/* UNIVERSAL - various alerts & labels */

.alert {
	border: 0;
}

/* BBprefix tag labels */

/* Front forum prefix */

.section-index .last-wrapper .label {
	background-color: #7259c0; /* 55% 45% THEME PURPLE */
}

/* Viewtopic prefix */

.section-viewtopic .side-segment .label {
	background-color: #7259c0; /* 55% 45% THEME PURPLE */
	font-size: 70%;
    margin-bottom: 0.3em;
	text-transform: none;
}

.section-viewforum .bbprefix_tag .label.label-info {
	background-color: #7259c0; /* 55% 45% THEME PURPLE */
	font-size: 85%;
}

/* Topic selection boxes */

.prefixed_sortable .label-info {
	background-color: #7259c0; /* 55% 45% THEME PURPLE */
	font-size: 85%
}
	
	
/* DEFAULT */

.alert-default, .progress-bar-default, .label-default, .badge-default {
	color: #fafafa; /* 98% on THEME */ 
	background-color: #666; /* 40% DETAILS */
}

/* INFO */

.alert-info, .progress-bar-info, .label-info, .badge-info {
	color: #fafafa; /* 98% on THEME */
	background-color: #2e4a9e; /* 55% 55% PRIMARY BLUE */
}

.alert-info a:link {
	color: #d9dff2;
}

.alert-info a:hover {
	color: #9faedf;
}

.alert-info strong {
	color: #edb45e;
}

.alert-warning, .alert-danger, .progress-bar-warning, .progress-bar-danger, .label-warning, .label-danger, .badge-warning, .badge-danger {
	color: #fafafa; /* 98% on THEME */
	background-color: #a32929; /* 45% 60% WARNING RED */
}

.alert-success, .progress-bar-success, .label-success {
	color: color: #fafafa; /* 98% on THEME */
	background-color: #29a329; /* 40% 60% SUCCESS GREEN BUTTON/ALERT */
}

.dropdown-notification em.notifications {
	color: #fafafa; /* 98% on THEME */
    background: #a32929; /* 45% 60% WARNING RED BUTTON/ALERT */ 
}

.label-default {
	color: #fafafa; /* 98% on THEME */
    background-color: #3453b2; /* 55% 55% PRIMARY BLUE */
}

/* LIKED LABEL */

.label-huskygray {
	color: #fafafa; /* 98% on THEME */
    background-color: #615c70;
}

.label-huskygray a:link {
	color: #c6cfec;
}

.label-huskygray a:hover {
	color: #8b97c1;
}

.label {
	padding: 0.3em 0.6em 0.3em;
}

.tagsinput span.tag {
    color: #666; /* 40% DETAILS */
	background: 0 0 #292929; /* 16% CORE*/
	border: 1px solid #666; /* 40% DETAILS */
}

.tagsinput input {
	color: #999; /* 60% */
}

/* Panel */

.panel-info>.panel-heading, .panel.forum-answer .panel-info .panel-heading {
	color: #fafafa; /* 98% on THEME */
    background-color: #3453b2; /* 55% 55% PRIMARY BLUE */
	border-color: #3453b2; /* 55% 55% PRIMARY BLUE */
	
}

.panel-info {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #2e2e2e; /* 18% */ /* 22% CORE +1 */
	border: 0 solid transparent;
}

.panel-info>.panel-heading a {
	cursor: pointer;
}

/* Codebox */

.codebox {
	color: #fafafa; /* 98% on THEME */
    background-color: #5c5c5c;
    border: 2px solid #5c5c5c;
    border-radius: 2px;
    padding: 3px;
    margin-top: 10px;
}

.codebox code {
	color: #b3e6b3;
}

.codebox span {
   border-bottom: 1px dashed #999;
}

.codebox span a:focus {
	color: #8c9ed9; /* 80% 50% PRIMARY BLUE LINK */
}

.codebox pre {
	padding: 0px;
	margin: 0;
}

/* UNIVERSAL - horizontal rulers */

hr {
    border-top: 1px solid #666; /* 40% */
}

/* UNIVERSAL - 'muted text', appears in various places & time stamps */

.text-muted {
    color: #c7c7c7; /* 78% MUTED */
}

.forum-time {
	color: #c7c7c7; /* 78% MUTED */
}

.panel.panel-forum time {
	color: #c7c7c7; /* 78% MUTED */
}

/* UNIVERSAL - dropdown menus */

.dropdown-menu>li>a {
	font-family: Londrina Solid;
    font-weight: 300;
    color: #ebebeb; /* 92% on CORE +1 */
	text-transform: uppercase;
    letter-spacing: 0.5px;
}

.open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-default:active {
	color: #fafafa; /* 98% on THEME */
	background-color: #666; /* 40% DETAILS */
	border: none;
}

.open .dropdown-toggle.btn-default:hover, .open .dropdown-toggle.btn-default:focus {
	color: #e0e0e0; /* 88% */
	background-color: #292929; /* 16% CORE*/
	border: none;
}

.dropdown-menu.open, .dropdown-menu.inner.selectpicker {
	background-color: #575757; /* 34% */
}

.dropdown-menu {
	border: none; /* 40% DETAILS */
}

.dropdown-toggle.form-control:focus {
    border: none;
}

.bootstrap-select.btn-group .dropdown-menu li>a:focus {
	color: #f5f5f5; /* 96% */
    background-color: #3d3d3d; /* 24% */ 
}

.bootstrap-select.btn-group .dropdown-menu li>a:hover {
	color: #999; /* 60% */
    background: 0 0 #242424; /* 14% */ 
}

.jumpbox-dropdown a:not(.jumpbox-lv) {
    color: #ebebeb; /* 92% on CORE +1 */
    font-weight: 300;
}

.dropdown-menu>.active>a {
	background-color: #383838; /* 22% CORE +1 */ 
}

.dropdown-menu>.active>a:hover {
	background-color: #1f1f1f; /* 12% POSTS */
}

.textcomplete-item.active {
	background-color: #575757; /* 34% CORE + 3*/
}

/* UNIVERSAL - Progress bars */

.progress-bar-striped, .progress-striped .progress-bar {
background-image: none;
}

.progress {
	background-color: #ccc; /* 80% SYMBOLS */
}

/* Universal - headers */

h1, h1 a, h1 a:link, h1 a:visited, h1 a:active, h2, h2 a, h2 a:link, h2 a:visited, h2 a:active, h3, h3 a, h3 a:link, h3 a:visited, h3 a:active, h4, h4 a, h4 a:link, h4 a:visited, h4 a:active, h5, h5 a, h5 a:link,h5 a:active, h5 a:visited, h6, h6 a, h6 a:link, h6 a:visited, h6 a:active, .alert_title {
    font-weight: 300;
	font-family: Londrina Solid;
    color: #ebebeb; /* 92% CORE +1 */
	text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Universal - avatar frames */

.dropdown-avatar img, .navbar-avatar img {
    border: 3px solid #9687c5;
}

.avatar-over img, .profile-avatar img {
    border: 4px solid #9687c5;
}

.avatar-likers img {
    border: 4px solid #9687c5;
}

/* Universal - pagination */

.pagination>li>a, .pagination>li:last-child>a, .pagination>li>a:hover, .pagination>li:last-child>a:hover, .pagination>li:last-child>a:active, .pagination>li:first-child>a, pagination>li:first-child>a:hover {
	color: #fafafa; 	/* 98% on THEME */
	background-color: #5c5c5c; /* 36% */
	border-style: solid;
	border-color: #737373; /* 45% */
	border-width: 0 2px 0 2px;
}

.pagination>li:last-child>a, .pagination>li:last-child>a:hover, .pagination>li:last-child>a:active {
	border-right-width: 0;
}

.pagination>li:first-child>a, .pagination>li:first-child>a:hover, .pagination>li:first-child>a:active {
	border-left-width: 0;
}

.pagination>li>a:link:hover, .pagination>li>a:link:focus, .pagination>li>a:focus {
	color: #fafafa; 	/* 98% on THEME */
	background-color: #292929; /* 16% CORE*/
	border-color: #737373; /* 45% */
}

.pagination>li>a.pagination-trigger:hover {
    background-color: #292929;
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:link:hover{
	color: #fafafa; 	/* 98% on THEME */
	background-color: #292929; /* 16% CORE*/
	border-style: solid;
	border-color: #737373; /* 45% */
	border-width: 0 2px 0 2px;
}

.pagination>.active>a {
	background-color: #292929!important; /* 16% CORE*/
}

/* MAIN NAVBAR SETTINGS */

/* Logo frame */

.navbar-brand>img {
    border: 3px solid #9687c5;
	border-radius: 50%;
}

/* Navbar background */

.navbar-inverse {
	border-color: #292929; /* 16% CORE*/
	background-color: #292929; /* 16% CORE*/
}

/* Main menu link font */

a.dropdown-toggle {
	font-family: Londrina Solid;
    font-weight: 300;
    color: #e5e5e5; /* 90% on CORE/POSTS */
	text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Search button */

.btn-search>i {
    color: #ccc; /* 80% SYMBOLS */
}

/* Search field */

.search-input-fullscreen form {
    background-color: #474747; /* 28% CORE +2 */ 
}

.search-input-fullscreen form:after {
	color: #ccc; /* 80% SYMBOLS */
}

/* PM and notifications buttons */

.dropdown-notification>a i {
    color: #ccc; /* 80% SYMBOLS */
}

.search-input-fullscreen input {
	color: #f0f0f0; /* 94% on CORE +2 */
}

/* Mini arrow under notification in PM & Notification window */

.noti-bubble.alert.alert-default:after, .noti-bubble.alert.alert-default:before {
	border-color: #666 transparent transparent;
}

.notification-block:link {
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
}

.notification-block:link:hover {
	color: #b3b3b3; /* 70% */
}

.btn-notification-read {
    color: #ccc; /* 80% SYMBOLS */
}

.btn-notification-read:hover {
    color: #808080; /* 50% */
}

.notification-content li, .notification-content>ul>li {
    border-bottom: 4px solid #474747; /* 28% CORE +2 */ 
}

/* Profile menu link */

.navbar-inverse .navbar-nav>li>a {
    color: #e5e5e5; /* 90% on CORE/POSTS */
}

/* Background colour/shape for selected menu */

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #ebebeb; /* 92% on CORE +1 */
    background-color: #383838; /* 22% CORE +1 */ 
	border: 1px solid #383838; /* 22% CORE +1 */ 
	border-radius: 4px 4px 0px 0px; 
}

.navbar-nav .dropdown-menu>li>a {
    color: #ebebeb; /* 92% on CORE +1 */
    background: 0 0 #575757;
}

/* The little arrow connecting an expanded menu to the menu choice at the top right */

.arrow-up:before {
   border-color: transparent transparent #474747; /* 28% CORE +2 */
}

/* Main colour & border settings for navbar menus */

.navbar-nav>li>.dropdown-menu {
    background-color: #383838; /* 22% CORE +1 */ 
    border: 4px solid #383838; /* 22% CORE +1 */ 
	border-radius: 0 4px 4px 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
}

/* Corner settings override for right-handed menu */

.navbar-nav>li>.dropdown-menu.user-login-drop {
	border-top-left-radius: 4px;
	border-top-right-radius: 0;
}

/* Top left menu icons */

.navbar-nav .dropdown-menu>li>a i {
    color: #9687c5; /* 65% 35% THEME PURPLE */
}

/* Link settings for menus */

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus {
    color: #999; /* 60% */
    background: 0 0 #242424; /* 14% */
}

.navbar-nav .dropdown-menu>li>a:hover, .navbar-nav .dropdown-menu>li>a:active, .navbar-nav .dropdown-menu>li>a:focus {
    color: #999; /* 60% */
    background: 0 0 #242424; /* 14% */
}

.navbar-nav .dropdown-menu>li>a {
	color: #ebebeb; /* 92% on CORE +1 */
    background-color: #383838; /* 22% CORE +1 */ 
}

.dropdown-menu {
	background-color: #575757; /* 34% */
}

/* Font weight for PM/notification header */

.notification-heading {
    font-weight: 300!important;
}

/* Colours for PM/notification header */

.user-login-drop>li:first-child {
    color: #f0f0f0; /* 94% */
    background-color: #474747; /* 28% CORE +2 */
}

/* Colours for PM/notification text bottom segment */

.user-login .navbar-footer {
    color: #f0f0f0; /* 94% on CORE +2 */
    background-color: #474747; /* 28% CORE +2 */
}

/* 'Change avatar' text in user menu */

.dropdown-menu.user-login-drop.arrow-up .col-md-5.col-xs-5 .text-center a:link, .dropdown-menu.user-login-drop.arrow-up .col-md-5.col-xs-5 .text-center a:visited, .dropdown-menu.user-login-drop.arrow-up .col-md-5.col-xs-5 .text-center a:active {
	color: #c7c7c7; /* 78% MUTED */
}

.dropdown-menu.user-login-drop.arrow-up .col-md-5.col-xs-5  .text-center a:hover {
	color: #7a7a7a; /* 48% */
}

/* Right-hand dropdown */

.user-login .navbar-content {
    width: 320px;
    padding: 15px 10px 20px;
}

/* THE 'MASTHEAD' - MAIN FORUM HEADER */

.masthead {
    animation-name: sideupscroll-off;
}

.masthead:before {
	background-image: none;
	background-color: #7259c0; /* 55% 45% THEME PURPLE */
}

.flat-header h1 {
	font-family: Londrina Shadow;
	color: #fafafa; /* 98% on THEME */
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	margin-top: 4px
}

.flat-header {
    color: #fafafa; /* 98% on THEME */
    font-family: Londrina Solid;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}

/* BREADCRUMB (THE NAVIGATION BAR UNDER THE MAIN HEADER) */

/* House symbol segment */

.breadcrumb li:first-child a, .breadcrumb li:first-child .fa-home:active {
	background: #383838; /* 22% CORE +1 */ 
}

.breadcrumb li:first-child .fa-home, .breadcrumb li:first-child .fa-home:active {
	color: #ccc; /* 80% SYMBOLS */
}

.breadcrumb li:first-child .fa-home:hover {
	color: #808080; /* 50% */
}

/* Last segment */

.breadcrumb li:last-child a, .breadcrumb li:last-child a:active {
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
	font-weight: 300;
	letter-spacing: 0.5px;
}

.breadcrumb li:last-child a:hover {
	color: #999; /* 60% */
}

/* Other segments */

.breadcrumb {
    background-color: #292929; /* 16% CORE*/
}

.breadcrumb li a, .breadcrumb li a:active{
	font-family: Londrina Solid;
	font-weight: 300;
	text-transform: uppercase;
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
	letter-spacing: 0.5px;
}

.breadcrumb li a:hover {
	color: #949494; /* 58% */
}

/* MAIN FORUM AND POST LISTINGS */

/* Main panel header */

.panel-forum>.panel-heading {
    font-weight: 300;
    text-transform: uppercase;
    color: #fafafa; /* 98% on THEME */
	font-family: Londrina Solid;
	font-size: 16px;
	background-color: #7259c0; /* 55% 45% THEME PURPLE */
	letter-spacing: 0.5px;
	/* border-radius: 3px 3px 3px 3px; HOW TO MAKE CONDITIONAL? */
}

.panel-forum>.panel-heading a:link, .panel-forum>.panel-heading a:visited, .panel-forum>.panel-heading a:active{
	color: #fafafa; /* 98% on THEME */
}

.panel-forum>.panel-heading a:hover {
	color: #adadad; /* 68% */
}

/* Table heads ('TITLE* etc.) */

.table>thead>tr>th {
	font-family: Londrina Solid;
	font-weight: 300;
	color: #ebebeb; /* 92% on CORE +1 */
    background: #383838; /* 22% CORE +1 */ 
	letter-spacing: 0.5px;
}

/* Statistics column */

table .stats-col {
	font-family: 'Roboto','Arial','Helvetica',sans-serif;
	color: #ebebeb; /* 92% on CORE +1 */
    background-color: #383838 !important; /* 22% CORE +1 */ 
}

/* Table bodies (needs to override alternating colours of core theme) */

.table-primary tbody td {
    color: #e5e5e5; /* 90% on CORE/POSTS */
    background: 0 0 #292929; /* 16% CORE*/
}

.table-primary tbody tr:nth-child(2n+1) td, .table-primary tbody tr:nth-child(2n+1) th {
	color: #e5e5e5; /* 90% on CORE/POSTS */
	background: 0 0 #292929; /* 16% CORE*/
}

/* Separator line */

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
    border-top: 4px solid #383838; /* 22% CORE +1 */
}

/* Table row hover effect */

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	color: #ebebeb; /* 92% on CORE +1 */
	background-color: #242424 !important; /* 14% */
}

/* In-table forum/topic titles */

a.forumtitle, a.forumtitle:active, a.forumtitle:visited, a.topictitle, a.topictitle:active, a.topictitle:visited {
	font-family: Londrina Solid;
    font-weight: 300;
	font-size: 1.1em;
    color: #28bd5a;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

a.topictitle, a.topictitle:active, a.topictitle:visited {
	font-size: 1.2em;
	text-transform: none;
}
	
a.forumtitle:hover, a.topictitle:hover {
	color: #1a7f3c;
}

/* Word break normal for tables (was set to break-all) */

.desc-wrapper {
    word-break: normal;
}

/* Last topic */

a.lastsubject:link, a.lastsubject:visited {
	color: #fafafa; /* 98% on THEME */
}

.table-hover>tbody>tr:hover>td .lastsubject, .table-hover>tbody>tr:hover>th .lastsubject, .table-hover>tbody>tr>td a.lastsubject:active, table-hover>tbody>tr>td a.lastsubject:active {
    color: #fafafa; /* 98% on THEME */
}

.table-hover>tbody>tr>td a.lastsubject:hover {
	color: #adadad; /* 68% */
}

/* Forum symbols */

.forum-read {
    color: #666; /* 40% */
}

.forum-unread {
    color: #f0bf75; /* 70% 80% ORANGE UNREAD ICON */
}

span.icon-wrapper {
	background: #383838; /* 22% CORE +1 */
}

.footable-visible.footable-last-column .last-wrapper.text-overflow a:link {
	color: #e5e5e5; /* 90% on CORE/POSTS */
}

.footable-visible.footable-last-column .last-wrapper.text-overflow a:hover {
	color: #999; /* 60% */
}

/* POSTS */

/* Headers for forums and post pages */

/* The bar under the header in forum/post pages and on posts */

.forum-mods>strong, .subforums>strong, h3 {
    border-bottom: 4px solid #ccc !important;
}

.side-segment h2:after, .side-segment h3:after {
    background-color: #9687c5; /* 65% 35% THEME PURPLE */
}

/* No ALL CAPS for post tiltes & in-post headers */

.panel.forum-answer h3 a:link, .panel.forum-answer h1, .panel.forum-answer h2, .panel.forum-answer h4, .panel.forum-answer h1 a:link, .panel.forum-answer h2 a:link, .panel.forum-answer h4 a:link {
	text-transform: none;
}

/* Online circle indicator on portrait */

.avatar-over>.status:before {
    background: #428a42;
    border: 4px solid #e6e6e6; /* 90% */
}

.panel.forum-answer .panel-heading {
	background-color: #292929; /* 16% CORE*/ 
	border-bottom: none;
}

.panel.forum-answer {
	color: #e5e5e5; /* 90% on CORE/POSTS */
	background-color: #1f1f1f; /* 12% POSTS */
}

.postbody .content {
	color: #e5e5e5; /* 90% on CORE/POSTS */
}

.postrow_container .panel-footer {
	background-color: #292929; /* 16% CORE*/ 
	border-top: none;
}	

/* Larger font for post headers */

.postrow_container h3 {
	font-size: 1.5em;
}

/* Fix h2 in posts */

.content h2 {
	color: #e5e5e5; /* 90% on CORE/POSTS */
	border-bottom: none;
}

/* Links in posts */

.postlink {
    border-bottom: 1px dashed #b3bfe6; /* 80% 50% PRIMARY BLUE */
}

.postlink:link, .postlink:active {
	color: #b3bfe6; /* 80% 50% PRIMARY BLUE */
}

.postlink:hover {
	color: #677ecb; /* 60% 50% PRIMARY BLUE */
	border-bottom: 1px solid #677ecb; /* 60% 50% PRIMARY BLUE */
}

/* Separator before signature */

.separator:before {
   background: #999; /* 60% */
}

.separator i {
    color: #999; /* 60% */
    background: transparent;
}

.content blockquote {
    border: 0;
    border-radius: 3px;
    background: 0 0 #383838; /* 22% CORE +1 */ ;
}

/* Word-break in posts */

.postbody .content {
    word-break: auto-phrase;
}

/* POLLS*/

.panel.panel-default.panel-poll .panel-body {
	color: #ebebeb; /* 92% on CORE +1 */
	background-color: #383838; /* 22% CORE +1 */
}

.panel.panel-default.panel-poll {
	background-color: #474747; /* 28% CORE +2 */
 }

.panel.panel-default.panel-poll .panel-heading {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #474747; /* 28% CORE +2 */
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	border-bottom: 0;
	border-color: #474747; /* 28% CORE +2 */
}

.panel.panel-default.panel-poll .panel-footer {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #474747; /* 28% CORE +2 */
	border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
	border-top: 0;
 }
 
.panel.panel-default.panel-poll {
	border: 0 solid transparent;
}

.prefix-popover {
	background-color: #5c5c5c; /* 36% */
	border: 1px solid #5c5c5c; /* 36% */
}



.prefix-popover::after {
	border-top-color: #5c5c5c; /* 36% */
}

/* UCP/MCP */

/* UCP/MCP body */

.panel.has-nav-tabs.no-border .panel-body {
	color: #ebebeb; /* 92% on CORE +1 */
	background-color: #424242; /* 26% */
}

/* Upper nav tabs colours */

.nav-tabs, nav-tabs>li>a:active  {
	color: #e5e5e5; /* 90% on CORE/POSTS */
    background: 0 0 #292929; /* 16% CORE*/
}

.nav-tabs a:link  {
	color: #e5e5e5; /* 90% on CORE/POSTS */
}

.nav-tabs>li.active>a {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #424242; /* 26% */
}

.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:active {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #424242; /* 26% */
}

.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    color: #999; /* 60% */
    background-color: #1f1f1f; /* 12% POSTS */
}

/* List tabs left side */

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #fafafa; /* 98% on THEME */
    background-color: #3453b2; /* 55% 55% PRIMARY BLUE */
    border-color: #3453b2; /* 55% 55% PRIMARY BLUE */
}

.list-group-item, a.list-group-item:active {
	color: #f5f5f5; /* 96% */
	background-color: #525252; /* 32% */
	border-color: #666; /* 40% DETAILS */
}

.list-group-item:link {
	color: #f5f5f5; /* 96% */
}

a.list-group-item:hover, .list-group-item.active:active {
	color: #adadad; /* 68% */
	background-color: #383838; /* 22% CORE +1 */
}

.list-group-item.active:hover {
	color: #adadad; /* 68% */
	background-color: #223777; /* 40% 55% PRIMARY BLUE */
	border-color: #666; /* 40% DETAILS */
}

/* PM UCP WINDOW */

.nothing:link {
	color: #e5e5e5; /* 90% on CORE/POSTS */
}

.nothing:link:hover {
	color: #999; /* 60% */
}

.pm_message_reported_colour, .pmlist li.pm_message_reported_colour {
    color: #a32929; /* 45% 60% WARNING RED BUTTON/ALERT */ 
}

.pm_marked_colour, .pmlist li.pm_marked_colour {
    color: #3453b2; /* 55% 55% PRIMARY BLUE BUTTON/ALERT */ 
}

.pm_replied_colour, .pmlist li.pm_replied_colour {
    color: #9caee2;
}

.pm_friend_colour, .pmlist li.pm_friend_colour {
    color: #2d862d; /* 40% 50% SUCCESS GREEN BUTTON/ALERT */
}

.pm_foe_colour, .pmlist li.pm_foe_colour {
    color: #d2802d;
}

.pm .panel-heading {
	background-color: #292929; /* 16% CORE*/
	border: 0px solid transparent;
}

.pm .panel.panel-poll .panel-body {
	background-color: #1f1f1f; /* 12% POSTS */
	border: 0px solid transparent;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pm .panel-poll {
	background-color: #292929; /* 16% CORE*/
	border: 0px solid transparent;
}

.pager li>a, .pager li>span {
	color: #fafafa;
    background-color: #5c5c5c; /* 36% */
    border: 0px solid transparent;
}

.pager li>a:hover, .pager li>span:hover {
	background-color: #292929; /* 16% CORE*/
}

.btn.btn-bordered.btn-xs {
	color: #ccc !important; /* 80% SYMBOLS */
	border-color: #ccc !important; /* 80% SYMBOLS */
}

.btn.btn-bordered.btn-xs:hover {
	color: #808080 !important; /* 50% */ 
	border-color: #808080 !important; /* 50% */
}

.pull-left .dropdown-menu>li>a {
	color: #ebebeb;
}

/* AVATAR UPLOAD BACKGROUND */

.thumbnail {
	background-color: #b3b3b3; /* 70% */
	border-color: #666; /* 40% DETAILS */
}

/* FRAMED UCP SEGMENTS */

.framed-ucp {
	border-color: #666; /* 40% DETAILS */
}

legend {
    font-family: Londrina Solid;
	font-weight: 300;
	text-transform: uppercase;
	color: #f0f0f0; /* 94% on CORE +2 */
	letter-spacing: 0.5px;
	font-size: 1.2em;
}

.control-label {
    color: #e5e5e5; /* 90% on CORE/POSTS */
}

.help-block {
    color: #e0e0e0; /* 88% */
}

.panel-poll {
    border: 2px solid #666; /* 40% DETAILS */
}

.controls.controls-row a:link, .controls.controls-row a:visited, .controls.controls-row a:focus, .controls.controls-row a:active {
	color: #c7c7c7; /* 78% MUTED */
	border-bottom: 0;
	text-decoration: none;
}

.controls.controls-row a:hover {
	color: #7a7a7a; /* 48% */
	border-bottom: 0;
	text-decoration: none;
}

 .control-group a:link, .control-group a:visited, .control-group a:focus, .control-group a:active {
	color: #c7c7c7; /* 78% MUTED */
	border-bottom: 0;
	text-decoration: none;
}

.control-group a:hover {
	color: #7a7a7a; /* 48% */
	border-bottom: 0;
	text-decoration: none;
}

.details dt {
	color: #b3b3b3; /* 70% */
}

.well {
    border: 0px solid transparent;
    border-radius: 4px;
    background-color: #1f1f1f; /* 12% POSTS */
}

.control-group {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #666; /* 40% DETAILS */
}

/* MINI TIMELINE */

.mini-timeline>li .timeline-body .timeline-content {
    color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #424242; /* 26% */
}

 .mini-timeline>li .timeline-body .timeline-content a.name {
    font-family: Londrina Solid;
	font-weight: 300;
	text-transform: uppercase;
	color: #f0f0f0; /* 94% on CORE +2 */
	letter-spacing: 0.5px;
}

.mini-timeline>li .time {
    color: #c7c7c7; /* 78% MUTED */
}

.mini-timeline>li .timeline-icon {
    background: #fafafa; /* 98% on THEME */
}

/* FORMS */

.form-actions {
    border: 0px;
    background: #4d4d4d; /* 30% */
}

.form-control {
	color: #fff; /* 100% */
	background-color: #737373; /* 45% */
	border: 0;
}

.form-control:focus {
	border-color: #999; /* 60% */
}

.form-control:placeholder {
	color: #b3b3b3; /* 70% */
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] {
	background-color: #3d3d3d; /* 24% */
	border: 0;
}

.input-group-addon {
    border: 0;
	color: #e5e5e5; /* 90% on CORE/POSTS */
    background-color: #5c5c5c; /* 36% */
}

div.well>.form-actions {
    border: 0px;
    background: #4d4d4d; /* 30% */
}

.input-group-addon i {
    color: #ccc; /* 80% SYMBOLS */
}

.input#search_keywords.form-control {
	color: #ccc; /* 80% SYMBOLS */
}

.counter {
    color: #c7c7c7; /* 78% MUTED */
    text-shadow: none;
}

/* QUICK REPLY */

textarea.form-control {
	height: 200px;
}

/* FULL PROFILE */

.panel.panel-profile.text-muted h4 {
	text-transform: uppercase;
	font-spacing: 1px;
	font-weight: 300!important;
	font-size: 2em;
}

.panel.panel-profile.text-muted {
	color: #ebebeb; /* 92% on CORE +1 */
	background-color: #383838; /* 22% CORE +1 */ 
}

.panel.panel-profile.text-muted .panel-footer {
	background-color: #474747; /* 28% CORE +2 */ 
	border: 0;
}

form#viewprofile .panel.panel-default {
	color: #ebebeb; /* 92% on CORE +1 */
	background-color: #383838; /* 22% CORE +1 */
	border: 0px solid transparent;
}

form#viewprofile .panel.panel-default .panel-heading {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #474747; /* 28% CORE +2 */
	border-bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

form#viewprofile .panel.panel-default .panel-footer {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #474747; /* 28% CORE +2 */
	border-top: 0;
}

.section-memberlist.ltr .text-muted {
	color: #f0f0f0; /* 94% on CORE +2 */
}

/* Timeline */

.ui-timeline .tl-item .tl-body .tl-content {
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
	background-color: #474747; /* 28% CORE +2 */ 
}

.text-primary, .text-warning, .text-danger, .text-info, .text-success {
	color: #f0f0f0; /* 94% on CORE +2 */
}

.ui-timeline .tl-item .tl-body .tl-time {
	color: #b3b3b3; /* 70% */
}

.ui-timeline:before {
	background-color: #666; /* 40% DETAILS */
}

.ui-timeline .tl-item .tl-body .tl-content:after {
    border-color: transparent #474747 transparent transparent;
}

.ui-timeline .tl-item.alt .tl-body .tl-content:after {
    border-color: transparent transparent transparent #474747;
}

/* Signature on profile */

.section-memberlist.ltr .panel-body, .section-memberlist.ltr .panel {
	color: #f0f0f0; /* 94% on CORE +2 */
	background-color: #474747; /* 28% CORE +2 */
}

/* MINI PROFILE */

.modal-body {
	background-color: #383838; /* 22% CORE +1 */ 
}

.modal-header {
	background-color: #474747; /* 28% CORE +2 */ 
	border-bottom:none;
}

.modal-footer {
	background-color: #474747; /* 28% CORE +2 */ 
	border-top: none;
}

.mini-profile-contact li a.default-contact, .mini-profile-contact li a.default-contact:active { 
	color: #fafafa; /* 98% on THEME */
	background-color: #3453b2; /* 55% 55% PRIMARY BLUE */
	text-decoration: none;
}

.mini-profile-contact li a.default-contact:hover { 
	color: #adadad; /* 68% */
	background-color: #223777; /* 40% 55% PRIMARY BLUE */
	text-decoration: none;
}

/* STATISTICS PANEL */

.text-acqua, .text-seppia, .text-melograno, .text-drank, .text-orange {
    color: #e89f30; /* 55% 80% ORANGE TITLE */
}

.panel.panel-forum.panel-stats {
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
    background-color: #2e2e2e; /* 18% */
}

.panel-footer.sorting {
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
    background-color: #292929; /* 16% CORE*/
}

.panel-stats strong {
    color: #e5e5e5; /* 90% on CORE/POSTS */ 
}
.panel-footer {
    border-top: 1px solid #383838; /* 22% CORE +1 */
}

.fa-question-circle:before {
    color: #999; /* 60% */
}

/* WHOIS PANEL */

.panel.panel-forum.panel-whois, .panel.panel-forum .panel-body {
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
    background-color: #292929; /* 16% CORE*/
}

/* Options/moderations panels */

.sorting.collapse.in .panel-body, .sorting.collapsing .panel-body, .sorting-topic-mod.collapse.in .panel-body, .sorting-topic-mod.collapsing .panel-body {
	background-color: #383838; /* 22% CORE +1 */
}

.sorting.collapse.in .panel-default, .sorting.collapsing .panel-default, .sorting-topic-mod.collapse.in .panel-default, .sorting-topic-mod.collapsing .panel-default {
	border-color: #383838; /* 22% CORE +1 */
}

/* FULL REPLY PAGE */

.panel.has-nav-tabs.panel-default {
	border-color: #4d4d4d; /* 30% */
}

.panel.has-nav-tabs.panel {
	background-color: #4d4d4d; /* 30% */
}

.panel.has-nav-tabs.panel-default .nav-tabs>li.active>a {
    color: #f0f0f0;
    background-color: #4d4d4d; /* 30% */
}

.panel.has-nav-tabs.panel-default .nav-tabs {
	background-color: #383838; /* 22% CORE +1 */ 
}

/* SIGNATURE */

.post-signature {
	margin-top: 30px;
}

/* FOOTER */

.burned-asphalt {
    background-color: #1f1f1f; /* 12% POSTS */
}

.footer-nav a, .footer-nav a:active {
    color: #e5e5e5; /* 90% on CORE/POSTS */ 
}

.footer-nav a:hover {
    color: #999; /* 60% */
}

/* FLATBOOTS button to top */

.top-flat, .top-flat:active {
	color: #fafafa; /* 98% on THEME */
	background-color: #3453b2; /* 55% 55% PRIMARY BLUE */
}

.top-flat:hover {
	color: #e0e0e0; /* 88% */
	background-color: #223777; /* 40% 55% PRIMARY BLUE */
}

/* LOGIN SCREENS */

.login-full .signin-text span {
    background: 0 0 #121212;
}

.panel-login .signin-text:before {
   background: #ccc; /* 80% SYMBOLS */
}

.panel-login .signin-text {
	font-family: Londrina Solid;
    font-weight: 300;
    color: #e5e5e5; /* 90% on CORE/POSTS */ 
	text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* login bottom panel */

.panel-login {
	color: #e5e5e5; /* 90% on CORE/POSTS */ 
	background-color: #292929; /* 16% CORE*/
}

.panel-login .signin-text span {
	background: #292929; /* 16% CORE*/
}

/* TOP 10 LIKED */

table#graph_table.graph_table tbody, table#graph_table.graph_table td {
	color: #ebebeb; /* 92% on CORE +1 */
	background-color: #383838; /* 22% CORE +1 */ 
}

rect[Attributes Style] {
    fill: rgb(71, 71, 71);
}

/* MOBILE STUFF */

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		background-color: #383838; /* 22% CORE +1 */ 
	}
}

@media (max-width: 468px) {
	.flat-header h1 {
		margin-top: 49px;
		font-size: 33px;
	}
	.flat-header {
       height: 120px;		
	}
}

/* Mobile navbar button */

.navbar-inverse .navbar-toggle {
    border: 2px solid #666; /* 40% DETAILS */
}

.lines, .lines:after, .lines:before {
	background: #b3b3b3; /* 70% */
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #666; /* 40% DETAILS */
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a .fa, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a i .fa{
    color: #9687c5; /* 65% 35% THEME PURPLE */
}

/* LINK ICON FIX? */

.icon-moon-phpbb_Link:before {
    content: "\e607";
}

@media (max-width: 468px) {
	.mobile-post.fa.fa-sign-out {
		color: #fafafa; /* 98% on THEME */
		background: #5c5c5c; /* 36% */
		background-color: #5c5c5c; /* 36% */
	}
}

/* Universal - mobile toggle buttons */

.footable.breakpoint>tbody>tr>td>span.footable-toggle {
	color: #fafafa; /* 98% on THEME */
	background: #5c5c5c; /* 36% */
}

.breadcrumb-buttons {
	color: #fafafa; /* 98% on THEME */
	background: #5c5c5c; /* 36% */
}

.breadcrumb-buttons a:link {
	color: #fafafa; /* 98% on THEME */
}

/* POPOVER */

.popover {
	background-color: #292929;
}

.popover-title {
	background-color: #383838;
}

/* UNREAD POST ASTERISK */

.section-viewforum .fa-asterisk:before {
    font-size: 150%;
	color: #f0bf75;
}