:root {
	--cloak-blue: #487e8e;
	--cloak-lightblue: #2fa9ca;
	--cloak-darkblue: #0c0f13;
}

a:link, a:visited, a:hover, a:active {
	color: var(--cloak-lightblue);
}

#header ul.menu li a, #panel .lower a:link, #panel .lower a:visited, #panel .lower a:hover, #panel .lower a:active, #panel .lower, .tfoot a:link, .trow_sep, button, input.button, .postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active, #footer .upper, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active, .trow_selected, tr.trow_selected td, .trow_selected a:link, .trow_selected a:visited, .trow_selected a:hover, .trow_selected a:active {
	color: #fff;
}

.navigation .active, table, #container, textarea, input.textbox, select, .post .post_author div.author_statistics, .post .post_head span.post_date, .reputation_neutral, .tfoot, .navigation {
	color: #ddd;
}

body {
	font-size: initial;
}

table, .navigation, .navigation .active, #container, button, input.button, input.textbox, textarea, select {
	font-size: 1.00rem;
}

.smalltext, .post .post_author div.author_statistics, .post .post_head {
	font-size: 0.875rem;
}

body, #content, textarea, input.textbox, select {
	background: var(--cloak-darkblue);
}

textarea, .tfoot, #footer .upper {
	border-color: #444;
}

#logo {
	background: linear-gradient(to bottom, var(--cloak-darkblue), var(--cloak-blue));
	border-bottom: 1px solid var(--cloak-darkblue);
}

#logo a {
	display: block;
	text-align: center;
}

#logo img {
	padding: 10px 0;
	width: auto;
	max-height: 100px;
	background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.85));
	border-radius: 10px;
}

#panel input.button {
	background: linear-gradient(to bottom, var(--cloak-blue), var(--cloak-darkblue));
}

#panel .lower, .tborder, .trow_sep {
	background: #555;
	border-color: #333;
}

.thead {
	background: linear-gradient(to bottom, var(--cloak-blue), var(--cloak-darkblue));
	color: #fff;
	border-bottom: 1px solid var(--cloak-darkblue);
}

.thead input.textbox, .thead select {
	border: 1px solid ;
}

.popup_menu .popup_item:hover {
	background: var(--cloak-blue);
	color: #fff;
}

.tt-suggestion.tt-is-under-cursor {
    background-color: var(--cloak-blue);
	color: #fff;
}

.trow1, .post .post_author, .post_controls, .trow_shaded {
	background: linear-gradient(to bottom, #111, #222);
	border-color: #444 #555 #555 #444;
}

.trow2, .post .post_author div.author_avatar img {
	background: linear-gradient(to bottom, #555, #444);
	border-color: #111 #222 #222 #111;
}

.post .post_content {
	background: linear-gradient(to bottom, #222, #111);
	border-color: #555 #444 #444 #555;
}

.tfoot, #footer .upper {
	background: linear-gradient(to bottom, var(--cloak-darkblue), var(--cloak-blue));
}

.pagination a:hover {
	background-color: #48715b;
	color: #fff;
	border-color: var(--cloak-blue);
}

.forum_on {
	background-position: 0 -30px;
}

.forum_off {
	background-position: initial;
}

button, input.button, .postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	border: 1px solid #000;
}

@media all and (max-width: 1024px) {
	table, .navigation, .navigation .active, #container, button, input.button, input.textbox, textarea, select {
		font-size: 1.40rem;
	}
	
	.smalltext, .post .post_author div.author_statistics, .post .post_head {
		font-size: 1.00rem;
	}
	
	#logo img {
		max-height: 125px;
	}
	
	.panel_links, .user_links, .top_links {
		width: 100%;
		padding: 10px !important;
		text-align: center !important;
	}
	
	#search {
		float: none !important;
		width: 100%;
	}
	
	#search input[type=text] {
		width: 80%;
	}
}