a:link,
a:visited,
a:hover,
a:active {
	color:  var(--mainlinkcolor);
}

body {
	background: var(--mainbgcolor);
	color: var(--maintextcolor);
}

mark {
  background-color: var(--highlightbgcolor);
  color: var(--highlighttextcolor);
}

#logo {
	background: var(--mainbgcolor);
}

#header ul.menu li a {
	color: var(--panellinkcolor);
}

#panel input.button {
	background: var(--buttonbgcolor);
}

#content {
	background: var(--mainbgcolor);
	color:  var(--maintextcolor);
}

#panel {
	background: var(--panelbgcolor);
	color: var(--paneltextcolor);
}

#panel a:link,
#panel a:visited,
#panel a:hover,
#panel a:active {
  color:  var(--panellinkcolor);
}

#footer {
	background: var(--footerbgcolor);
	color: var(--footertextcolor);
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
  color:  var(--footerlinkcolor);
}

#footer img {
	filter: sepia(70%);
}


.navigation,
.navigation .active {
  color:  var(--maintextcolor);
}

.tborder {
	border: 1px solid var(--theadbgcolor);
	border-width: 0 10px 10px 10px;
	background: var(--theadbgcolor);
}

.thead {
	background: var(--theadbgcolor);
	color: var(--theadtextcolor)
}

.thead a:link,
.thead a:visited,
.thead a:hover,
.thead a:active {
  color:  var(--theadlinkcolor);
}

.tcat {
	background: var(--tcatbgcolor);
	color: var(--tcattextcolor)
}

.tcat a:link,
.tcat a:visited,
.tcat a:hover,
.tcat a:active {
  color:  var(--tcatlinkcolor);
}

.trow1, .trow2, .post_content {
	background: var(--trowbgcolor);
	color: var(--trowtextcolor);
}

.trow1 a, .trow2 a,
.trow1 a:link, .trow2 a:link,
.trow1 a:visited, .trow2 a:visited,
.trow1 a:hover, .trow2 a:hover,
.trow1 a:active, .trow2 a:active,
.post_content a:link, .post_content a:visited, .post_content a:hover, .post_content a:active {
	color:  var(--trowlinkcolor);
	text-transform: uppercase;
	font-weight: bold;
}

.trow_shaded, 
.unapproved_post,
.trow_sep {
	background: var(--trowtextcolor);
	color: var(--trowbgcolor)
}

.trow_deleted,
.deleted_post {
	background: var(--trowtextcolor);
	color: var(--trowbgcolor)
}

.trow_selected,
tr.trow_selected td {
	background: var(--highlightbgcolor);
	color: var(--highlighttextcolor);
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: var(--highlighttextcolor);
}

.tfoot {
	background: var(--theadbgcolor);
	color: var(--theadtextcolor)
}

.tfoot a:link,
.tfoot a:visited,
.tfoot a:hover,
.tfoot a:active {
  color:  var(--theadlinkcolor);
}


input, 
.textbox {
	background: var(--inputbgcolor);
	color: var(--inputtextcolor);
}

button, 
.button, 
input.button {
	background: var(--buttonbgcolor);
	color: var(--buttontextcolor) !important;
	border-color: var(--buttonbordercolor);
}

textarea {
	background: var(--textareabgcolor);
	color: var(--textareatextcolor);
}

select {
	background: var(--selectbgcolor);
	color: var(--selecttextcolor);
}


input.error, textarea.error, select.error {
	border: 1px solid var(--errorcolor);
	color: var(--errorcolor);
}

input.valid, textarea.valid, select.valid {
	border: 1px solid var(--validcolor);
}

label.error {
	color: var(--errorcolor);
}

hr {
	background-color: var(--hrcolor);
	color: var(--hrcolor);
}

.trow1 hr {
	background: var(--trowtextcolor);
	color: var(--trowtextcolor);
}


blockquote cite {
	border-color: var(--codeblockbordercolor);
}

blockquote cite > span {
	color: var(--blockquotetextcolor);
}

.codeblock {
	background: var(--codeblockbgcolor);
	border-color: var(--codeblockbordercolor);
	font-family: var(--codefontfamily); 
}

.codeblock .title {
	border-color: var(--codeblockbordercolor);
}

.codeblock code {
	font-family: var(--codefontfamily);
}


.post .post_author {
	background: var(--tcatbgcolor);
}

.post_controls {
	background: var(--tcatbgcolor);
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	color: var(--buttontextcolor);
}

.postbit_buttons > a:hover {
	border-color: var(--buttontextcolor);
}


.postbit_buttons a span {
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
	filter: sepia(70%);
}


.highlight {
	background: var(--highlightbgcolor);
}

.pm_alert {
	background: var(--highlightbgcolor);
}

.red_alert {
	background: var(--highwarningbgcolor);
	color: var(--highwarningtextcolor);
}


.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: var(--highwarninglinkcolor);
}

.high_warning {
	color: var(--highlighttextcolor);
}

.moderate_warning {
	color: var(--highlighttextcolor);
}

.low_warning {
	color: var(--highlighttextcolor);
}

.imminent_banned {
	color: var(--highwarningtextcolor);
}

.high_banned {
	color: var(--highwarningtextcolor);
}

.moderate_banned {
	color: var(--highwarningtextcolor);
}

.low_banned {
	color: var(--highwarningtextcolor);
}

.online {
	color: var(--onlinecolor);
}

.offline {
	color: var(--offlinecolor);
}


.success_message {
	color: var(--successcolor);
}

.error_message {
	color: var(--errorcolor);
}



div.error {
	border-color: var(--highwarningbgcolor);
  background: var(--highwarningbgcolor);
  color: var(--highwarningtextcolor);
}

div.error p {
	color: var(--highwarningtextcolor);
}

div.error p em {
	color: var(--errorcolor);
	background: url(../../../images/error.png) no-repeat 0;
}



.popup_menu .popup_item:hover {
	background: var(--highlightbgcolor);
	color: var(--highlighttextcolor);
}

.tt-suggestion.tt-is-under-cursor {
    background: var(--highlightbgcolor);
	color: var(--highlighttextcolor);
}

.pagination a {
	background: var(--trowbgcolor);
	border: 1px solid var(--trowtextcolor);
}


.pagination a:hover {
	background: var(--highlightbgcolor);
	color: var(--highlighttextcolor);
	border-color: var(--highlighttextcolor);
}


.pagination .pagination_current {
	color: #333;
}

.drop_go_page {
	background: var(--tcatbgcolor);
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
}


._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}



.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: var(--tcatbgcolor);
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.selectall {
	background: #FFFBD9;
	border-color: #F7E86A;
	color: #333;
}

.pollbar {
	background: url(../../../images/pollbar.png) top left repeat-x;
	border-color:#3f3f3f;
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: #efefef;
	border-color: #fff #ddd #ddd #fff;
}


fieldset {
	background: var(--trowbgcolor);
	color: var(--trowtextcolor);
	border-color: var(--fieldsetbordercolor);
	padding: 20px;
	border: 10px solid var(--theadbgcolor);
}

fieldset a,
fieldset a:link, fieldset a:visited, fieldset a:hover, fieldset a:active {
	color: var(--trowlinkcolor);
}

fieldset.trow1,
fieldset.trow2 {
	border-color: var(--fieldsetbordercolor);
}

legend {
	text-align: center;
	font-family: var(--titlefontfamily), serif;
	font-size: 14pt;
	letter-spacing: 3px;
	line-height: 1;
	padding: 5px 6px 3px 8px;
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
}
