:root {
	--border_color: #d9bfb7;
	--border_color_static_page: #55883d;
	--background_color: #f0e0d6;
	--subject_color: #d00;
	--in_post_link_color: navy;
	--header_background_color: #55883d;
	--sticky_and_locked_color: #55883d;
	--horizontal_ruler_color: #d9bfb7;

	/* Text Color. */
	--regular_text: #800000; /* All text without own specification. */
	--regular_text_static_page: black;
	--main_header_text_color: #55883d;
	--header_text_color: white;
	--board_list_bracket_color: #B86;
	--board_list_link_color: #800;
	--regular_link_color: #0000ff;
	--regular_link_hover_color: #55883d;
	--legend_color: #55883d;

	/* Post section. */
	--post_column_background_color: #ea8;
}

body {
	background: #ffe url('img/fade-frogsocket.png') repeat-x 50% 0%;
	color: var(--regular_text);
}

a:link, a:visited, .intro a.email span.name {
	color: var(--regular_link_color);
}

a:link:hover {
	color: var(--regular_link_hover_color);
}

/* "no" & the actual number suffixed after. */
a.post_no {
	color: var(--regular_text);
}

div.post.reply {
	background: var(--background_color);
	border-color: var(--border_color);
}

div.post.reply.highlighted {
	background: #f0c0b0;
	border-color: var(--border_color);
}

/* This is the color of a link in a thread or reply message. */
div.post.reply div.body a {
	color: var(--in_post_link_color);

	&:hover {
		color: var(--regular_link_hover_color);	
	}
}

/* Name of user in post. */
span.name {
}

/* Subject in post. */
.intro span.subject {
	color: var(--subject_color);
}

/* Post first column (name, subject, comment, file etc) */
form table tr th {
	background-color: var(--post_column_background_color);
	color: #800;	
	font-weight: 700;
	border: 1px solid #800;
	padding: 0 5px;
	font-size: 10pt;
}

/* div.ban is the div in static pages (and I suppose also the ban screen). */
div.ban h2 {
	background: var(--header_background_color);
	color: var(--header_text_color);
}

div.ban {
	border-color: var(--border_color_static_page);
}

div.ban p {
	color: var(--regular_text_static_page);
}

/* div.pages is the div where you can see all the pages and the previous & next button. */
div.pages {
	background: var(--background_color);
	border-color: var(--border_color);
}

div.pages a.selected {
	color: #800;
}

header div.subtitle,h1 {
	color: var(--main_header_text_color);
 	text-align: center;
}

/* Dividers (e.g. between threads). */
hr {
	border: none;
	border-top: 1px solid var(--horizontal_ruler_color);
	height: 0;
}

/* Board list div on top of page. */
div.boardlist {
	color: var(--board_list_bracket_color);
}

/* All links in boardlist (boards themselves). */
div.boardlist a {
	color: var(--board_list_link_color);
	
	&:hover {
		text-decoration-line: underline;	
	}
}


table.modlog tr th {
	background: #EA8;
}

/* options.js */
#options_div, #alert_div {
	background: var(--background_color);
}

.desktop-style div.boardlist:nth-child(1) {
	background-color: var(--background_color);
}

/* Banner image. */
img.board_image {
	display: block;
  	border: 1px solid #a9a9a9;
  	margin: 12px auto 0 auto;
}

/* Thread sticky & lock icon. + flag since we want that to have the same border. */
.fa-thumb-tack, .fa-lock, .flag {
	color: var(--sticky_and_locked_color);
	text-shadow: 1px 1px 1px #ccc;
    	font-size: 1.5em;
}

/* Image in reply and/or thread. */
.post-image {
}

/* Index page image of now. */
img.imageofnow {
}

/* Index page video of now. */
video.player_html5_api {
}

div.quoteofnow {
	color: var(--header_background_color);
}

div.description {
	color: var(--header_background_color);
}

/* Board overview on main page. */
fieldset > legend, fieldset > ul > li {
	color: var(--legend_color);
}

div.box-wrap > fieldset {
	border: 1px solid var(--header_background_color);
}

/* Header on main page in the "latest posts" & "stats" div. */
.mainBox h2 {
	color: var(--header_text_color);
	background: var(--header_background_color);
}

.mainBox {
	background: transparent;
  	border: 1px solid var(--header_background_color);
  	width: 100%;
  	margin-bottom: 5px;
}

/* Index page recent images div. */
.box.image {
}