@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rosario:ital,wght@0,300..700;1,300..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
:root {

	/* Admin CP Stuff */

    /* Styles for the file permissions section. */

	--perm-read-bg-color: hsl(101, 78%, 86%);
	--perm-writable-bg-color: hsl(0, 100%, 87%);
	--perm-execute-bg-color: hsl(31, 95%, 84%);
	--perm-custom-bg-color: hsl(100, 5%, 76%);
	--perm-no-change-bg-color: hsl(99, 24%, 23%);
	--perm-groups-bg-color: hsl(0, 0%, 100%);
	--manage-boards-li-recycle-board-bg-color: hsl(180, 33%, 9%);
	--manage-boards-li-redirect-board-bg-color: hsl(60, 33%, 9%);
	--move-smileys-link-hover-img-border-color: hsl(208, 44%, 61%);
	--move-smileys-selected-item-border-color: hsl(39, 100%, 59%);

	/* Alternating colors */

	--stripes-even-bg-color: hsl(0, 0%, 5%);
	--stripes-odd-bg-color: hsl(106, 30%, 5%);
	--alternative-bg-color: hsl(0, 0%, 5%);
	--alternative-bg-2-color: hsl(202, 21%, 3%);

	/* AJAX Notification Bar */
	
	--ajax-in-progress-bg-color: hsl(0, 0%, 100%);
	--ajax-in-progress-border-color: hsl(27, 100%, 49%);
	--ajax-in-progress-border-style: solid;
	--ajax-in-progress-border-width: 4px;
	--ajax-in-progress-link-color: hsl(39, 100%, 50%);
	--ajax-in-progress-txt-color: hsl(27, 100%, 49%);

	/* Auto Suggest Control */

	--auto-suggest-border-color: var(--border-color);
	--auto-suggest-border-style: solid;
	--auto-suggest-border-width: 1px;
	--auto-suggest-border-radius: 3px;
	--auto-suggest-item-bg-color: var(--window-bg-color);
	--auto-suggest-item-hover-bg-color: var(--window-bg-odd-color);
	--auto-suggest-item-hover-txt-color: var(--body-txt-color);
	
    /* Body */

	--body-bg-color: hsl(124, 65%, 10%) url(../images/custom/bg.png) repeat;
	--body-txt-color: hsl(0, 0%, 98%);
	--body-font-family: "Urbanist", "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
	--body-font-size: 90%;
	--body-line-height: 150%;
	--border-color: hsl(125, 27%, 9%);
	--border-style: solid;
	--border-width: 1px;
	--cool-border-color: hsl(125, 61%, 28%) hsl(125, 61%, 11%) hsl(125, 61%, 11%) hsl(125, 61%, 28%) ;
	--html-bg-color: hsl(124, 65%, 10%);
	--heading-font-size: 1em;
	--heading-txt-color: hsl(0, 0%, 99%);
	--highlight-txt-color: hsl(27, 100%, 50%) !important;
	--horizontal-rule-bg-color: hsl(125, 62%, 25%);
	--horizontal-rule-box-shadow: 0 1px 0 hsl(125, 62%, 11%)inset;
	--info-link: hsl(106, 100%, 76%);
	--link: hsl(106, 100%, 76%);
	--link-hover: hsl(106, 100%, 86%);
	--moderation-link-bg-color:hsl(0, 100%, 30%);
	--moderation-link-border-radius: 50%;
	--strong-txt-color: hsl(0, 0%, 99%);
	--option-bg-hover-color: hsl(130, 36%, 91%);
	--wrapper-bg-color: transparent;
	--wrapper-border-color: hsl(0, 0%, 0%);
	--wrapper-border-style: solid;
	--wrapper-border-width: 1px;
	--wrapper-border-radius: 0px 0px 15px 15px;
	--wrapper-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%)inset;
	--inner-section-bg-color: transparent;
	--inner-wrap-bg-color: hsl(0, 0%, 100%);
	--inner-wrap-border-color: hsl(0, 0%, 73%);
	--inner-wrap-border-style: solid;
	--inner-wrap-border-width: 1px;
	--checkbox-and-radio-bg-color: hue-rotate(239deg);
	--selection-bg-color: hsl(120, 65%, 40%);
	--selection-txt-color: hsl(0, 100%, 100%);

	/* Breadcrumb */

	--breadcrumb-bg-color: hsl(134, 67%, 30%);
	--breadcrumb-border-color: hsl(0, 0%, 0%);
	--breadcrumb-border-style: solid;
	--breadcrumb-border-width: 1px;
	--breadcrumb-border-radius: 5px;
	--breadcrumb-box-shadow: 0px 0px 1px 1px hsl(210, 22%, 35%)inset;
	--breadcrumb-divider-color: hsl(0, 0%, 90%);
	--breadcrumb-divider-font-family: "Urbanist", "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
	--breadcrumb-divider-font-size: 83.33%;
	--breadcrumb-divider-line-height: 150%;
	--breadcrumb-font-size: 0.9em;
	--breadcrumb-link-color: hsl(0, 0%, 97%);
	--breadcrumb-txt-color: hsl(0, 0%, 97%);

	/* Buttons */

	--button-bg-color: hsl(134, 67%, 20%);
	--button-bg-hover: hsl(134, 67%, 12%);
	--button-bg-active: hsl(134, 67%, 12%);
	--button-bg-focus: hsl(134, 67%, 12%);
	--button-border-color: hsl(134, 67%, 45%);
	--button-border-style: solid;
	--button-border-width: 1px;
	--button-border-radius: 13px;
	--button-box-shadow: none;
	--button-font-size: 0.7rem;
	--button-line-height: 2em;
	--button-min-height: calc(2em + 2em * (0.9 - 0.85)); /* "input" font size minus ".button" font size */
	--button-active-border-color: hsl(134, 67%, 40%);
	--button-active-border-style: solid;
	--button-active-border-width: 1px;
	--button-active-font-weight: bold;
	--button-hover-border-color: hsl(134, 67%, 40%);
	--button-hover-box-shadow: none;
	--button-txt-color: hsl(0, 0%, 95%);
	--button-txt-color-active: hsl(0, 0%, 100%);
	--button-txt-color-hover: hsl(0, 0%, 95%);
	--button-txt-color-focus: hsl(0, 0%, 95%);
	--button-txt-color-active-and-focus: hsl(0, 0%, 100%);
	--button-txt-color-hover-and-focus: hsl(0, 0%, 100%);

    /* Board Index */

	--forum-title-link-color: hsl(0, 0%, 100%);
	--forum-title-font-size: 3em;
	--forum-title-font-family: "Urbanist", sans-serif;
	--children-bg-color: hsl(134, 67%, 30%);
	--news-bg-color: hsl(134, 67%, 30%);
	--news-left-bg-color: hsl(134, 67%, 22%);
	--sub-bar-bg-color: url('../images/custom/bg.png'), hsl(134, 67%, 30%);
	--sub-bar-link-color: hsl(0, 0%, 98%);
	--up-contain-bg-color: hsl(134, 67%, 30%);
	--information-bg-color: hsl(134, 67%, 30%);
	--information-border-color: hsl(125, 27%, 9%);
	--information-border-style: solid;
	--information-border-width: 1px;
	--information-border-radius: 0 0 7px 7px;
	--moderationbuttons-check-focus-box-shadow: 0 0 4px hsl(205, 65%, 57%);

	/* Category */
	--cat-bar-bg-color: url('../images/custom/bg.png'), linear-gradient(180deg, hsl(126, 50%, 16%) 0%, hsl(126, 50%, 13%) 100%);
	--cat-bar-border-radius: 6px 6px 0 0;
	--cat-bar-collapsed-border-radius: 6px;
	--cat-bar-desc-txt-color: hsl(0, 0%, 90%);
	--cat-bar-link-color: hsl(0, 0%, 100%);
	--cat-bar-strong-txt-color: hsl(0, 0%, 100%);;

	/* Info Center*/

	--info-block-information-bg-color: hsl(134, 67%, 30%);
	--info-block-icon-bg-color: hsl(204, 24%, 6%);
    --info-center-container-bg-color: hsl(134, 67%, 30%);
	--info-center-border-radius: 3px;
	--info-center-box-shadow: 0px 2px 0px hsl(210, 11%, 4%);
	--roundframe-bg-color: hsl(134, 67%, 30%);
	--roundframe-border-radius: 7px;

	/* Title Bar */

	--title-bar-bg-color: hsl(134, 67%, 30%);
	--title-bar-border-radius: 0px;
	--title-bar-link: hsl(0, 0%, 98%);

	/* Calendar colors for birthdays, events and holidays */

	--calendar-today-bg-color: hsl(116, 100%, 7%);
	--calendar-days-hover-bg-color: hsl(116, 100%, 7%);
	--calendar-holiday-bg-color: hsl(118, 40%, 15%);
	--calendar-holiday-bg-hover-color: hsl(118, 40%, 20%);
	--calendar-event-bg-color: hsl(117, 92%, 12%);
	--calendar-event-bg-hover-color: hsl(117, 92%, 18%);
	--calendar-birthday-bg-color: hsl(284, 40%, 15%);
	--calendar-birthday-bg-hover-color: hsl(284, 40%, 20%);
	--birthday-txt-color: hsl(284, 90%, 40%);
	--event-txt-color: hsl(120, 90%, 28%);
	--event-time-txt-color: hsl(0, 0%, 47%);
	--holiday-txt-color: hsl(218, 100%, 50%);
	--warn-moderate-txt-color: hsl(39, 100%, 50%);
	--warn-watch-txt-color: hsl(120, 100%, 25%);
	
	/*Error, Info, and Notice Boxes. */

    --error-box-bg-color: hsl(0, 100%, 10%);
	--error-box-border-color: hsl(353, 60%, 50%);
	--error-box-border-style: solid;
	--error-box-border-width: 2px;
	--notice-box-bg-color: hsl(50, 100%, 10%);
	--notice-box-border-color: hsl(48, 100%, 57%);
	--notice-box-border-style: solid;
	--notice-box-border-width: 1px;
	--notice-box-txt-color: hsl(0, 0%, 90%);
	--info-box-bg-color: hsl(120, 100%, 10%);
	--info-box-border-color: hsl(120, 100%, 25%);
	--info-box-border-style: solid;
	--info-box-border-width: 1px;
	--info-box-txt-color: hsl(99, 24%, 93%);
	--desc-box-border-color: hsl(0, 0%, 77%);
	--desc-box-border-style: solid;
	--desc-box-border-width: 1px;
	
	/* File Error */

    --errorfile-table-td-bg-color: hsl(0, 0%, 98%);
	--errorfile-table-current-bg-color: hsl(0, 87%, 88%);
	--errorfile-table-file-line-bg-color: hsl(99, 24%, 23%);
	--errorfile-table-file-line-current-bg-color: hsl(0, 93%, 77%);

	/* Code Blocks */

	--code-bg-color: hsl(124, 30%, 8%);
	--code-border-color: hsl(124, 61%, 45%);
	--code-border-top-color: hsl(0, 0%, 13%);
	--code-border-bottom-color: hsl(0, 0%, 27%);
	--code-border-radius: 2px;
	--code-font-size: 0.78rem;
	--code-header-bg-color: hsl(0, 0%, 2%);
	--code-header-font-size: 0.9em;
	--code-header-txt-color: hsl(0, 0%, 99%);

	/* Colors for background of posts requiring approval */

	--approve-bg-color: hsl(0, 100%,  6%);
	--approve-bg-color-2: hsl(0, 100%, 7%);
	--approve-txt-color: hsl(99, 24%, 23%);

	/* FieldSet */

    --fieldset-legend-txt-color: hsl(0, 0%, 90%);
    --fieldset-border-color: hsl(0, 0%, 3%);
	--fieldset-border-style: solid;
	--fieldset-border-width: 1px;
	--fieldset-border-radius: 3px;

	/* Footer */

	--footer-bg-color: url('../images/custom/bg.png') hsl(124, 65%, 3%);
	--footer-box-shadow: 0px 1px 0px 0px hsl(124, 35%, 10%)inset;
	--footer-border-color: hsl(124, 35%, 1%);
	--footer-border-style: solid;
	--footer-border-width: 1px;
	--footer-copyright-box-shadow: 0px -1px 0px hsl(124, 35%, 1%) inset;
	--footer-copyright-border: 1px solid hsl(124, 35%, 10%);
	--footer-font-size: 0.9em;
	--footer-txt-color: hsl(0, 0%, 100%);

	/* Generic & Progress Bar */

    --generic-bar-bar-bg-color: hsl(125, 40%, 15%);
	--generic-bar-bar-box-shadow: 4px -4px 8px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 8px hsla(0, 0%, 10%, 0.3) inset;
	--generic-bar-bar-border-radius: 1px;
	--generic-bar-border-color: hsl(0, 0%, 0%);
	--generic-bar-border-style: solid;
	--generic-bar-border-width: 1px;
	--generic-bar-border-radius: 2px;
    --generic-bar-bg-color: hsl(125, 40%, 3%);
	--generic-bar-txt-color: hsla(0, 0%, 100%);
	--generic-bar-span-txt-shadow: 1px 1px hsla(0, 0%, 0%, 0.8);
	--generic-bar-vertical-bar-box-shadow: 4px -4px 4px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 4px hsla(0, 0%, 100%, 0.3) inset;
	--progress-bar-border-radius: 4px;
	--progress-bar-txt-color: hsl(0, 0%, 100%, 0.8);
	--progress-bar-bar-bg-color: hsl(100, 67%, 55%);
	--progress-bar-bar-bg-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, 0.15) 50%, hsla(0, 0%, 100%, 0.15) 75%, transparent 75%, transparent);
    --progress-bar-bar-box-shadow: -1px 1px 0 hsla(0, 0%, 100%, 0.25) inset, 1px -1px 0 hsla(0, 0%, 0%, 0.1) inset;
	--progress-yellow-bar-bg-color: hsl(47, 92%, 54%);
	--progress-green-bar-bg-color: hsl(100, 67%, 55%);
	--progress-red-bar-bg-color: hsl(6, 88%, 63%);
	--progress-blue-bar-bg-color: hsl(191, 76%, 55%);

	/* Header */

	--header-bg-color: url('../images/custom/bg.png') hsl(124, 65%, 10%);
	--header-border-radius: 15px 15px 0px 0px;
	--header-border-color: hsl(0, 0%, 0%);
	--header-border-style: solid;
	--header-border-width: 1px;
	--header-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%) inset;
	--top-info-border-color: hsl(210, 31%, 42%);
	--top-info-border-style: solid;
	--top-info-border-width: 1px;
	--top-info-link-bg-color: transparent;
	--top-info-link-hover-bg-color: hsl(134, 67%, 18%);
	--top-info-link-active-bg-color: hsl(134, 67%, 18%);
	--top-info-link-focus-bg-color: hsl(134, 67%, 18%);
	--top-info-link-hover-txt-color: hsl(0, 0%, 95%);
	--top-info-link-color: hsl(0, 0%, 95%);
	--top-info-link-txt-color: hsl(0, 0%, 95%);
	--top-info-active-link-color: hsl(0, 0%, 100%);
	--top-info-hover-link-color: hsl(39, 100%, 50%);
	--top-info-link-hover-border-color: hsl(0, 0%, 0%);
	--top-info-link-focus-border-color: hsl(210, 31%, 42%);
	--top-menu-bg-color: hsl(125, 49%, 13%);
	--top-menu-box-shadow: none;
	--top-menu-border-radius: 3px;
	--top-section-bg-color: hsl(45, 51%, 70%);
	--top-section-box-shadow: 0px -2px 1px 0px hsl(223, 24%, 6%)inset;
	--top-section-border-color: hsl(210, 23%, 25%);
	--top-section-border-style: solid;
	--top-section-border-width: 1px; 

	/* Input, Button, Select, Textarea */

    --ibst-txt-color: hsl(0, 0%, 97%);
	--ibst-bg-color: hsl(134, 67%, 30%);
	--ibst-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%)inset;
	--ibst-border-color: hsl(134, 67%, 5%);
	--ibst-border-style: solid;
	--ibst-border-width: 1px;
	--ibst-disabled-bg-color: hsl(0, 0%, 13%);
	--ibst-disabled-border-color: hsl(0, 0%, 31%);
	--ibst-disabled-txt-color: hsl(0, 0%, 90%);
	--ibst-focus-bg-color: hsl(134, 67%, 28%);
	--ibst-focus-border-color: hsl(134, 67%, 1%);
	--ibst-font-family: "Urbanist", "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
	--ibst-font-size: 1.8em;
	--ibst-font-line-height: 140%;
	--ibst-hover-bg-color: hsl(134, 67%, 28%);
	--ibst-hover-border-color: hsl(134, 36%, 30%);
	--ibst-textarea-hover-bg-color: var(--ibst-hover-bg-color);

	/* Maintenance Mode */

    --errorfile-table-bg-color: hsl(106, 30%, 95%);
	--errorfile-table-td-current-bg-color: hsla(33, 92%, 51%, 0.2);
	--errorfile-table-td-current-border-color: hsla(0, 0%, 0%, 0.2);
	--errorfile-table-td-current-border-style: solid;
	--errorfile-table-td-current-border-width: 1px;

	/* Menu */

    --amt-active-bg-color: hsla(0, 0%, 0%, 0.2);
	--amt-bg-color: hsl(0, 100%, 10%);
	--amt-border-radius: 50%;
	--amt-txt-color: hsl(0, 0%, 90%);
	--dropmenu-bg-color: hsl(125, 49%, 13%);
	--dropmenu-border-color: hsl(126, 25%, 12%);
	--dropmenu-box-shadow:  0px 0px 5px 0px hsl(126, 25%, 10%)inset;
	--dropmenu-hover-bg-color: hsl(134, 67%, 30%);
	--dropmenu-link-color: hsl(0, 0%, 87%);
	--dropmenu-link-hover-color: hsl(0, 0%, 100%);
	--dropmenu-strong-txt-color: hsl(0, 0%, 20%);
	--dropmenu-subsections-font-family: Arial, sans-serif;
	--dropmenu-subsections-font-size: 83.33%;
	--dropmenu-subsections-line-height: 150%;
	--menu-bg-color: linear-gradient(180deg, hsl(126, 50%, 16%) 0%, hsl(126, 50%, 13%) 100%);
	--menu-border-color: hsl(118, 100%, 13%);
	--menu-border-style: solid;
	--menu-border-width: 1px;
	--menu-link-bg-active-color: hsl(134, 67%, 30%);
	--menu-link-bg-active-hover-color: hsl(134, 67%, 30%);
	--menu-link-bg-focus-color: hsl(134, 67%, 30%);
	--menu-link-bg-hover-color: hsl(134, 67%, 30%);
	--menu-link-color: hsl(0, 0%, 95%);
	--menu-link-active-color: hsl(0, 0%, 100%);
	--menu-link-active-hover-color: hsl(0, 0%, 0%);
	--menu-link-focus-color: hsl(0, 0%, 100%);
	--menu-link-hover-color: hsl(0, 0%, 100%);

	/* Mentions */

	--atwho-view-bg-color: hsl(0, 0%, 10%);
	--atwho-view-border-color: hsl(0, 0%, 13%);
	--atwho-view-border-style: solid;
	--atwho-view-border-width: 1px;
	--atwho-view-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	--atwho-view-border-radius: 3px;
	--atwho-view-small-txt-color: hsl(0, 0%, 47%);
	--atwho-view-strong-text: hsl(125, 100%, 60%);
	--atwho-view-cur-bg-color: hsl(125, 100%, 60%);
	--atwho-view-cur-txt-color: hsl(0, 0%, 100%);
	--atwho-view-cur-small-txt-color: hsl(0, 0%, 100%);
	--atwho-view-cur-strong-txt-color: hsl(0, 0%, 100%);

	/* On/Off Icons (User) */

    --on-off-border-radius: 50%;
	--on-bg-color: hsl(100, 75%, 63%);
	--on-border-color: hsl(100, 61%, 55%);
	--off-bg-color: hsl(0, 3%, 65%);
	--off-border-color: hsl(0, 2%, 58%);

	/* Pagination */

	--current-page-txt-color: hsl(120, 23%, 92%);
	
	/* Popup Windows */

	--popup-container-bg-color: hsla(0, 0%, 0%, 0.8);
	--popup-content-txt-color: hsl(0, 0%, 100%);
	--popup-content-border-color: var(--cool-border-color);
	--popup-content-border-radius: 6px 6px 2px 2px;
	--popup-content-box-shadow: 0px 0px 1px 1px hsl(0, 0%, 0%);
	--popup-heading-txt-color: hsl(0, 0%, 100%);
	--popup-window-bg-color: hsl(125, 49%, 15%);
	--popup-window-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%)inset;
	--popup-window-border-color: var(--cool-border-color);
	--popup-window-border-radius: 7px 7px 3px 3px;

	/* Post Bit Section */

    --display-head-txt-color: hsl(0, 0%, 98%);
	--poster-info-bg-color: hsl(124, 60%, 15%);
	--poster-online-link-color: hsl(106, 100%, 76%);
	--key-post-info-link-color: hsl(106, 100%, 76%);
	--keyinfo-postinfo-modified-txt-color: hsl(0, 0%, 98%);
	--subject-title-link-color: hsl(0, 0%, 98%);
	--page-number-txt-color: hsl(0, 0%, 98%);
	--inner-border-color: hsl(125, 62%, 11%);
	--inner-border-style: solid;
	--inner-border-width: 1px;
	--inner-box-shadow: 0 1px 0 hsl(125, 62%, 25%) inset;
	--signature-border-color: hsl(125, 62%, 11%);
	--signature-box-shadow: 0 1px 0 hsl(125, 62%, 25%) inset;

	/* Post Draft Options */

	--post-draft-options-bg-color: var(--window-bg-color);
	--post-draft-options-border-color: var(--border-color);
	--post-draft-options-border-style: solid;
	--post-draft-options-border-width: 1px;
	--post-draft-options-border-left-color: var(--border-color);
	--post-draft-options-border-left-style: solid;
	--post-draft-options-border-left-width: 1px;
	--post-draft-options-border-radius: 0 0 4px 4px;
	--post-draft-options-settings-border-color: var(--border-color);
	--post-draft-options-settings-border-style: solid;
	--post-draft-options-settings-border-width: 1px;
	--post-draft-options-settings-strong-txt-color: var(--body-txt-color);

	/* Post Options */

	--post-options-bg-color: hsl(134, 67%, 30%);
	--post-options-bg-hover-color: hsl(124, 31%, 7%);
	--post-options-border-color: hsl(124, 31%, 7%);
	--post-options-border-style: solid;
	--post-options-border-width: 1px;
	--post-options-border-radius: 4px 0px 4px 4px;
	--post-options-border-color-hover: hsl(124, 31%, 7%);
	--post-options-link-border-radius: 3px;
	--post-options-font-weight: normal;

	/* Post BBC Links */

	--bbc-link-border-color: hsl(218, 29%, 74%);
	--bbc-link-hover-border-color: hsl(120, 33%, 30%);
	--bbc-link-hover-border-style: solid;
	--bbc-link-hover-border-width: 1px;

	/* Profile Section */

    --activity-stats-bg-color: hsl(99, 24%, 23%);
	--activity-stats-border-color: var(--border-color);
	--activity-stats-border-style: solid;
	--activity-stats-border-width: 1px;
	--detailedinfo-border-color: var(--border-color);
	--detailedinfo-border-style: solid;
	--detailedinfo-border-width: 1px;
	--detailedinfo-txt-color: var(--body-txt-color);
	--counter-txt-color: hsl(0, 0%, 85%);
	--list-posts-box-shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
    --pick-theme-selected-bg-color: hsl(106, 43%, 23%);
	--unread-pm-bg-color: hsl(120, 100%, 90%);
	--unread-notify-hover-bg-color: hsl(134, 67%, 30%);

	/* Progress Bars & Generic Bars & Warning Bars & Personal Message Bar*/

	--personal-messages-capcity-bar-bg-color: hsl(106, 30%, 95%);
	--personal-messages-capcity-bar-border-color: hsl(0, 0%, 68%);
	--personal-messages-capcity-bar-border-style: solid;
	--personal-messages-capcity-bar-border-width: 1px;
    --personal-messages-empty-capacity-bar-bg-color: hsl(111, 41%, 73%);
    --personal-messages-filled-capacity-bar-bg-color: hsl(42, 100%, 47%);
    --personal-messages-full-capacity-bar-bg-color: hsl(0, 93%, 49%);
	--warning-level-none-bar-bg-color: hsl(100, 67%, 55%);
	--warning-level-watched-bar-bg-color: hsl(51, 100%, 50%);
	--warning-level-moderated-bar-bg-color: hsl(39, 100%, 50%);
	--warning-level-muted-bar-bg-color: hsl(6, 88%, 63%);

	/* Quote Blocks */

	--quote-block-alt-bg: hsl(124, 48%, 15%);
	--quote-block-standard-bg: hsl(124, 55%, 12%);
	--quote-block-border-color: hsl(124, 55%, 12%);
	--quote-block-border-style: solid;
	--quote-block-border-width: 1px;
	--quote-block-border-lr-color: hsl(124, 61%, 45%);;
	--quote-block-border-lr-style: solid;
	--quote-block-border-lr-width: 3px;
	--quote-block-font-size: 0.85rem;
	--quote-cite-bg-color: hsl(0, 0%, 2%);
	--quote-cite-border-color: hsla(0, 0%, 0%, 0.1);
	--quote-cite-border-style: solid;
	--quote-cite-border-width: 1px;
	--quote-cite-before-font-size: 22px;
	--quote-cite-before-font-style: normal;
	--quote-cite-font-size: 0.9em;
	--quote-header-txt-color: hsl(0, 0%, 87%);
	--quote-header-font-size: 0.9em;
	--quote-txt-color: hsl(0, 0%, 87%);

	/* Registration Section */

	--coppa-contact-bg-color: hsl(0, 0%, 10%);
	--coppa-contact-border-color: hsl(0, 0%, 13%);
	--coppa-contact-border-style: solid;
	--coppa-contact-border-width: 1px;
	--coppa-contact-txt-color: hsl(0, 0%, 83%);
	--valid-input-bg-color: hsl(100, 100%, 7%);
	--invalid-input-bg-color: hsl(0, 100%, 7%);

	/* Slider */
	--sy-pager-link-bg-color: hsl(134, 67%, 13%);
	--sy-pager-link-box-shadow: inset 0px 0px 5px 0px hsla(0, 0%, 0%, 0.6);

	/* Two Factor Auth Code Container */

	--tfacode-bg-color: hsl(106, 74%, 89%);

    /* The "new" button */

    --new-button-bg-color: hsl(134, 67%, 15%);
	--new-button-border-radius: 2px;
	--new-button-font-family: verdana, sans-serif;
	--new-button-font-size: 9px;
	--new-button-font-weight: 700;
	--new-button-line-height: 15px;
	--new-button-txt-color: hsl(0, 0%, 100%);
	--new-button-txt-color-visited: hsl(0, 0%, 100%);
	--new-button-txt-color-hover: hsl(0, 0%, 100%);

    /* Toggle */

	--toggle-bg: #f7f7f7 url(../images/icons/toggle.png) no-repeat 0 0 / 17px;
	--toggle-bg-hover: hsl(208, 45%, 83%);
	--toggle-border-color: hsl(0, 0%, 77%);
	--toggle-border-style: solid;
	--toggle-border-width: 1px;
	--toggle-border-radius: 4px;
	--toggle-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2), 0 1px 1px #fff inset, 0 -5px 4px hsla(0, 0%, 0%, 0.1) inset;
	--toggle-box-shadow-hover: 0 1px 2px hsla(0, 0%, 0%, 0.25) inset;

	/* ToolTips */

    --tooltip-bg-color: hsl(0, 0%, 100%);
	--tooltip-border-color: hsl(0, 0%, 67%);
	--tooltip-border-style: solid;
	--tooltip-border-width: 1px;
	--tooltip-txt-color: hsl(0, 0%, 20%);
	--tooltip-border-radius: 4px;
	--tooltip-box-shadow: 1px 2px 4px hsla(0, 0%, 0%, 0.2), 0 0px 10px hsla(0, 0%, 0%, 0.05) inset;

	/* Window Backgrounds */

	--window-approve-topic-bg-color: hsl(0, 100%, 10%);
	--window-approve-post-bg-color: hsl(0, 100%, 10%);
	--window-bg-color: hsl(125, 61%, 20%);
	--window-bg-even-color: hsl(125, 61%, 20%);
	--window-bg-odd-color: hsl(125, 61%, 17%);
	--window-locked-bg-color: linear-gradient(180deg, hsl(125, 20%, 28%) 0%, hsl(125, 24%, 25%) 100%);
	--window-sticky-bg-color: linear-gradient(180deg, hsl(125, 40%, 19%) 0%, hsl(125, 45%, 18%) 100%);
	--window-sticky-locked-bg-color: linear-gradient(180deg, hsl(125, 20%, 19%) 0%, hsl(125, 22%, 18%) 100%);
	--window-target-bg-color: hsl(125, 100%, 14%);
	--window-table-row-bg-hover-color: hsl(130, 36%, 11%);

	/* Video Container */

	--video-container-bg-color: hsl(0, 0%, 0%);

	/* Basic Colors */
	--black: hsl(0, 0%, 0%);
	--white: hsl(0, 0%, 100%);
	--red: hsl(0, 100%, 50%);
	--blue: hsl(240, 100%, 50%);
	--green: hsl(120, 100%, 25%);
}

[data-theme='dark'] {


	/* Admin CP Stuff */

    /* Styles for the file permissions section. */

	--perm-read-bg-color: hsl(101, 78%, 86%);
	--perm-writable-bg-color: hsl(0, 100%, 87%);
	--perm-execute-bg-color: hsl(31, 95%, 84%);
	--perm-custom-bg-color: hsl(100, 5%, 76%);
	--perm-no-change-bg-color: hsl(99, 24%, 23%);
	--perm-groups-bg-color: hsl(0, 0%, 100%);
	--manage-boards-li-recycle-board-bg-color: hsl(180, 33%, 9%);
	--manage-boards-li-redirect-board-bg-color: hsl(60, 33%, 9%);
	--move-smileys-link-hover-img-border-color: hsl(208, 44%, 61%);
	--move-smileys-selected-item-border-color: hsl(39, 100%, 59%);

	/* Alternating colors */

	--stripes-even-bg-color: hsl(0, 0%, 5%);
	--stripes-odd-bg-color: hsl(106, 30%, 5%);
	--alternative-bg-color: hsl(0, 0%, 5%);
	--alternative-bg-2-color: hsl(202, 21%, 3%);

	/* AJAX Notification Bar */
	
	--ajax-in-progress-bg-color: hsl(0, 0%, 100%);
	--ajax-in-progress-border-color: hsl(27, 100%, 49%);
	--ajax-in-progress-border-style: solid;
	--ajax-in-progress-border-width: 4px;
	--ajax-in-progress-link-color: hsl(39, 100%, 50%);
	--ajax-in-progress-txt-color: hsl(27, 100%, 49%);

	/* Auto Suggest Control */

	--auto-suggest-border-color: var(--border-color);
	--auto-suggest-border-style: solid;
	--auto-suggest-border-width: 1px;
	--auto-suggest-border-radius: 3px;
	--auto-suggest-item-bg-color: var(--window-bg-color);
	--auto-suggest-item-hover-bg-color: var(--window-bg-odd-color);
	--auto-suggest-item-hover-txt-color: var(--body-txt-color);
	
    /* Body */

	--body-bg-color: hsl(124, 35%, 5%) url(../images/custom/bg.png) repeat;
	--body-txt-color: hsl(0, 0%, 94%);
	--body-font-family: "Urbanist", "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
	--body-font-size: 90%;
	--body-line-height: 150%;
	--cool-border-color: hsl(124, 24%, 9%) hsl(124, 24%, 3%) hsl(124, 24%, 3%) hsl(124, 24%, 9%);
	--border-color: hsl(125, 27%, 9%);
	--border-style: solid;
	--border-width: 1px;
	--html-bg-color: hsl(124, 35%, 5%);
	--heading-font-size: 1em;
	--heading-txt-color: hsl(0, 0%, 99%);
	--highlight-txt-color: hsl(27, 100%, 50%) !important;
	--horizontal-rule-bg-color: hsl(125, 40%, 11%);
	--horizontal-rule-box-shadow: 0 1px 0 hsl(0, 0%, 0%)inset;
	--info-link: hsl(106, 71%, 68%);
	--link: hsl(106, 71%, 68%);
	--link-hover: hsl(106, 37%, 63%);
	--moderation-link-bg-color:hsl(0, 100%, 30%);
	--moderation-link-border-radius: 50%;
	--strong-txt-color: hsl(0, 0%, 99%);
	--option-bg-hover-color: hsl(130, 36%, 91%);
	--wrapper-bg-color: transparent;
	--wrapper-border-color: hsl(0, 0%, 0%);
	--wrapper-border-style: solid;
	--wrapper-border-width: 1px;
	--wrapper-border-radius: 0px 0px 15px 15px;
	--wrapper-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%)inset;
	--inner-section-bg-color: transparent;
	--inner-wrap-bg-color: hsl(0, 0%, 100%);
	--inner-wrap-border-color: hsl(0, 0%, 73%);
	--inner-wrap-border-style: solid;
	--inner-wrap-border-width: 1px;
	--checkbox-and-radio-bg-color: hue-rotate(239deg);
	--selection-bg-color: hsl(120, 65%, 80%);
	--selection-txt-color: hsl(120, 100%, 10%);

	/* Breadcrumb */

	--breadcrumb-bg-color: hsl(134, 67%, 13%);
	--breadcrumb-border-color: hsl(0, 0%, 0%);
	--breadcrumb-border-style: solid;
	--breadcrumb-border-width: 1px;
	--breadcrumb-border-radius: 5px;
	--breadcrumb-box-shadow: 0px 0px 1px 1px hsl(210, 22%, 35%)inset;
	--breadcrumb-divider-color: hsl(0, 0%, 90%);
	--breadcrumb-divider-font-family: "Urbanist", "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
	--breadcrumb-divider-font-size: 83.33%;
	--breadcrumb-divider-line-height: 150%;
	--breadcrumb-font-size: 0.9em;
	--breadcrumb-link-color: hsl(0, 0%, 97%);
	--breadcrumb-txt-color: hsl(0, 0%, 97%);

	/* Buttons */

	--button-bg-color: hsl(134, 67%, 13%);
	--button-bg-hover: hsl(134, 67%, 18%);
	--button-bg-active: hsl(134, 67%, 18%);
	--button-bg-focus: hsl(134, 67%, 18%);
	--button-border-color: hsl(134, 67%, 30%);
	--button-border-style: solid;
	--button-border-width: 1px;
	--button-border-radius: 13px;
	--button-box-shadow: none;
	--button-font-size: 0.7rem;
	--button-line-height: 2em;
	--button-min-height: calc(2em + 2em * (0.9 - 0.85)); /* "input" font size minus ".button" font size */
	--button-active-border-color: hsl(134, 67%, 30%);
	--button-active-border-style: solid;
	--button-active-border-width: 1px;
	--button-active-font-weight: bold;
	--button-hover-border-color: hsl(134, 67%, 30%);
	--button-hover-box-shadow: none;
	--button-txt-color: hsl(0, 0%, 95%);
	--button-txt-color-active: hsl(0, 0%, 100%);
	--button-txt-color-hover: hsl(0, 0%, 95%);
	--button-txt-color-focus: hsl(0, 0%, 95%);
	--button-txt-color-active-and-focus: hsl(0, 0%, 100%);
	--button-txt-color-hover-and-focus: hsl(0, 0%, 100%);

    /* Board Index */

	--forum-title-link-color: hsl(0, 0%, 100%);
	--forum-title-font-size: 3em;
	--forum-title-font-family: "Urbanist", sans-serif;
	--children-bg-color: hsl(134, 67%, 13%);
	--news-bg-color: hsl(134, 67%, 13%);
	--news-left-bg-color: hsl(134, 67%, 8%);
	--sub-bar-bg-color: url('../images/custom/bg.png'), hsl(134, 67%, 13%);
	--sub-bar-link-color: hsl(0, 0%, 94%);
	--up-contain-bg-color: hsl(134, 67%, 13%);
	--information-bg-color: hsl(134, 67%, 13%);
	--information-border-color: hsl(134, 67%, 1%);
	--information-border-style: solid;
	--information-border-width: 1px;
	--information-border-radius: 0 0 7px 7px;
	--moderationbuttons-check-focus-box-shadow: 0 0 4px hsl(205, 65%, 57%);

	/* Category */

	--cat-bar-bg-color: url('../images/custom/bg.png'), linear-gradient(180deg, hsl(126, 30%, 9%) 0%, hsl(126, 30%, 7%) 100%);
	--cat-bar-border-radius: 6px 6px 0 0;
	--cat-bar-collapsed-border-radius: 6px;
	--cat-bar-desc-txt-color: hsl(0, 0%, 90%);
	--cat-bar-link-color: hsl(0, 0%, 100%);
	--cat-bar-strong-txt-color: hsl(0, 0%, 100%);;

	/* Info Center*/

	--info-block-information-bg-color: hsl(134, 67%, 13%);
	--info-block-icon-bg-color: hsl(204, 24%, 6%);
    --info-center-container-bg-color: hsl(134, 67%, 13%);
	--info-center-border-radius: 3px;
	--info-center-box-shadow: 0px 2px 0px hsl(210, 11%, 4%);
	--roundframe-bg-color: hsl(134, 67%, 13%);
	--roundframe-border-radius: 7px;

	/* Title Bar */

	--title-bar-bg-color: hsl(134, 67%, 13%);
	--title-bar-border-radius: 0px;
	--title-bar-link: hsl(0, 0%, 94%);

	/* Calendar colors for birthdays, events and holidays */

	--calendar-today-bg-color: hsl(116, 100%, 7%);
	--calendar-days-hover-bg-color: hsl(116, 100%, 7%);
	--calendar-holiday-bg-color: hsl(118, 40%, 15%);
	--calendar-holiday-bg-hover-color: hsl(118, 40%, 20%);
	--calendar-event-bg-color: hsl(117, 92%, 12%);
	--calendar-event-bg-hover-color: hsl(117, 92%, 18%);
	--calendar-birthday-bg-color: hsl(284, 40%, 15%);
	--calendar-birthday-bg-hover-color: hsl(284, 40%, 20%);
	--birthday-txt-color: hsl(284, 90%, 40%);
	--event-txt-color: hsl(120, 90%, 28%);
	--event-time-txt-color: hsl(0, 0%, 47%);
	--holiday-txt-color: hsl(218, 100%, 50%);
	--warn-moderate-txt-color: hsl(39, 100%, 50%);
	--warn-watch-txt-color: hsl(120, 100%, 25%);
	
	/*Error, Info, and Notice Boxes. */

    --error-box-bg-color: hsl(0, 100%, 10%);
	--error-box-border-color: hsl(353, 60%, 50%);
	--error-box-border-style: solid;
	--error-box-border-width: 2px;
	--notice-box-bg-color: hsl(50, 100%, 10%);
	--notice-box-border-color: hsl(48, 100%, 57%);
	--notice-box-border-style: solid;
	--notice-box-border-width: 1px;
	--notice-box-txt-color: hsl(0, 0%, 90%);
	--info-box-bg-color: hsl(120, 100%, 10%);
	--info-box-border-color: hsl(120, 100%, 25%);
	--info-box-border-style: solid;
	--info-box-border-width: 1px;
	--info-box-txt-color: hsl(99, 24%, 93%);
	--desc-box-border-color: hsl(0, 0%, 77%);
	--desc-box-border-style: solid;
	--desc-box-border-width: 1px;
	
	/* File Error */

    --errorfile-table-td-bg-color: hsl(0, 0%, 98%);
	--errorfile-table-current-bg-color: hsl(0, 87%, 88%);
	--errorfile-table-file-line-bg-color: hsl(99, 24%, 23%);
	--errorfile-table-file-line-current-bg-color: hsl(0, 93%, 77%);

	/* Code Blocks */

	--code-bg-color: hsl(120, 30%, 8%);
	--code-border-color: hsl(120, 61%, 15%);
	--code-border-top-color: hsl(0, 0%, 13%);
	--code-border-bottom-color: hsl(0, 0%, 27%);
	--code-border-radius: 2px;
	--code-font-size: 0.78rem;
	--code-header-bg-color: hsl(0, 0%, 2%);
	--code-header-font-size: 0.9em;
	--code-header-txt-color: hsl(0, 0%, 99%);

	/* Colors for background of posts requiring approval */

	--approve-bg-color: hsl(0, 100%,  6%);
	--approve-bg-color-2: hsl(0, 100%, 7%);
	--approve-txt-color: hsl(99, 24%, 23%);

	/* FieldSet */

    --fieldset-legend-txt-color: hsl(0, 0%, 90%);
    --fieldset-border-color: hsl(0, 0%, 3%);
	--fieldset-border-style: solid;
	--fieldset-border-width: 1px;
	--fieldset-border-radius: 3px;

	/* Footer */

	--footer-bg-color: url('../images/custom/bg.png') hsl(124, 35%, 3%);
	--footer-box-shadow: 0px 1px 0px 0px hsl(124, 35%, 7%)inset;
	--footer-border-color: hsl(124, 35%, 0%);
	--footer-border-style: solid;
	--footer-border-width: 1px;
	--footer-copyright-box-shadow: 0px -1px 0px hsl(124, 35%, 0%) inset;
	--footer-copyright-border: 1px solid hsl(124, 35%, 7%);
	--footer-font-size: 0.9em;
	--footer-txt-color: hsl(0, 0%, 100%);

	/* Generic & Progress Bar */

    --generic-bar-bar-bg-color: hsl(130, 17%, 18%);
	--generic-bar-bar-box-shadow: 4px -4px 8px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 8px hsla(0, 0%, 10%, 0.3) inset;
	--generic-bar-bar-border-radius: 1px;
	--generic-bar-border-color: hsl(0, 0%, 0%);
	--generic-bar-border-style: solid;
	--generic-bar-border-width: 1px;
	--generic-bar-border-radius: 2px;
    --generic-bar-bg-color: hsl(130, 22%, 6%);
	--generic-bar-txt-color: hsl(99, 72%, 81%);
	--generic-bar-span-txt-shadow: 1px 1px hsla(0, 0%, 0%, 0.8);
	--generic-bar-vertical-bar-box-shadow: 4px -4px 4px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 4px hsla(0, 0%, 100%, 0.3) inset;
	--progress-bar-border-radius: 4px;
	--progress-bar-txt-color: hsla(0, 0%, 100%, 0.8);
	--progress-bar-bar-bg-color: hsl(100, 67%, 55%);
	--progress-bar-bar-bg-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, 0.15) 50%, hsla(0, 0%, 100%, 0.15) 75%, transparent 75%, transparent);
    --progress-bar-bar-box-shadow: -1px 1px 0 hsla(0, 0%, 100%, 0.25) inset, 1px -1px 0 hsla(0, 0%, 0%, 0.1) inset;
	--progress-yellow-bar-bg-color: hsl(47, 92%, 54%);
	--progress-green-bar-bg-color: hsl(100, 67%, 55%);
	--progress-red-bar-bg-color: hsl(6, 88%, 63%);
	--progress-blue-bar-bg-color: hsl(191, 76%, 55%);

	/* Header */

	--header-bg-color: hsl(120, 38%, 6%);
	--header-border-radius: 15px 15px 0px 0px;
	--header-border-color: hsl(0, 0%, 0%);
	--header-border-style: solid;
	--header-border-width: 1px;
	--header-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%) inset;
	--top-info-border-color: hsl(210, 31%, 42%);
	--top-info-border-style: solid;
	--top-info-border-width: 1px;
	--top-info-link-bg-color: transparent;
	--top-info-link-hover-bg-color: hsl(134, 67%, 13%);
	--top-info-link-active-bg-color: hsl(134, 67%, 13%);
	--top-info-link-focus-bg-color: hsl(134, 67%, 13%);
	--top-info-link-hover-txt-color: hsl(0, 0%, 95%);
	--top-info-link-color: hsl(0, 0%, 95%);
	--top-info-link-txt-color: hsl(0, 0%, 95%);
	--top-info-active-link-color: hsl(0, 0%, 100%);
	--top-info-hover-link-color: hsl(39, 100%, 50%);
	--top-info-link-hover-border-color: hsl(0, 0%, 0%);
	--top-info-link-focus-border-color: hsl(210, 31%, 42%);
	--top-menu-bg-color: hsl(124, 31%, 7%);
	--top-menu-box-shadow: none;
	--top-menu-border-radius: 3px;
	--top-section-bg-color: hsl(45, 51%, 70%);
	--top-section-box-shadow: 0px -2px 1px 0px hsl(223, 24%, 6%)inset;
	--top-section-border-color: hsl(210, 23%, 25%);
	--top-section-border-style: solid;
	--top-section-border-width: 1px; 

	/* Input, Button, Select, Textarea */

    --ibst-txt-color: hsl(99, 24%, 97%);
	--ibst-bg-color: hsl(134, 67%, 13%);
	--ibst-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%)inset;
	--ibst-border-color: hsl(134, 67%, 5%);
	--ibst-border-style: solid;
	--ibst-border-width: 1px;
	--ibst-disabled-bg-color: hsl(0, 0%, 13%);
	--ibst-disabled-border-color: hsl(0, 0%, 31%);
	--ibst-disabled-txt-color: hsl(0, 0%, 90%);
	--ibst-focus-bg-color: hsl(130, 68%, 18%);
	--ibst-focus-border-color: hsl(215, 68%, 1%);
	--ibst-font-family: "Urbanist", "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
	--ibst-font-size: 1.8em;
	--ibst-font-line-height: 140%;
	--ibst-hover-bg-color: hsl(134, 67%, 18%);
	--ibst-hover-border-color: hsl(134, 67%, 11%);
	--ibst-textarea-hover-bg-color: var(--ibst-hover-bg-color);

	/* Maintenance Mode */

    --errorfile-table-bg-color: hsl(106, 30%, 95%);
	--errorfile-table-td-current-bg-color: hsla(33, 92%, 51%, 0.2);
	--errorfile-table-td-current-border-color: hsla(0, 0%, 0%, 0.2);
	--errorfile-table-td-current-border-style: solid;
	--errorfile-table-td-current-border-width: 1px;

	/* Menu */

    --amt-active-bg-color: hsla(0, 0%, 0%, 0.2);
	--amt-bg-color: hsl(0, 100%, 10%);
	--amt-border-radius: 50%;
	--amt-txt-color: hsl(0, 0%, 90%);
	--dropmenu-bg-color: hsl(124, 31%, 7%);
	--dropmenu-border-color: hsl(126, 25%, 12%);
	--dropmenu-box-shadow:  0px 0px 5px 0px hsl(126, 25%, 10%)inset;
	--dropmenu-hover-bg-color: hsl(134, 67%, 13%);
	--dropmenu-link-color: hsl(0, 0%, 87%);
	--dropmenu-link-hover-color: hsl(0, 0%, 100%);
	--dropmenu-strong-txt-color: hsl(0, 0%, 20%);
	--dropmenu-subsections-font-family: Arial, sans-serif;
	--dropmenu-subsections-font-size: 83.33%;
	--dropmenu-subsections-line-height: 150%;
	--menu-bg-color: linear-gradient(180deg, hsl(126, 30%, 8%) 0%, hsl(126, 30%, 7%) 100%);
	--menu-border-color: hsl(118, 100%, 6%);
	--menu-border-style: solid;
	--menu-border-width: 1px;
	--menu-link-bg-active-color: hsl(134, 67%, 13%);
	--menu-link-bg-active-hover-color: hsl(134, 67%, 13%);
	--menu-link-bg-focus-color: hsl(134, 67%, 13%);
	--menu-link-bg-hover-color: hsl(134, 67%, 13%);
	--menu-link-color: hsl(0, 0%, 95%);
	--menu-link-active-color: hsl(0, 0%, 100%);
	--menu-link-active-hover-color: hsl(0, 0%, 0%);
	--menu-link-focus-color: hsl(0, 0%, 100%);
	--menu-link-hover-color: hsl(0, 0%, 100%);

	/* Mentions */

	--atwho-view-bg-color: hsl(0, 0%, 10%);
	--atwho-view-border-color: hsl(0, 0%, 13%);
	--atwho-view-border-style: solid;
	--atwho-view-border-width: 1px;
	--atwho-view-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	--atwho-view-border-radius: 3px;
	--atwho-view-small-txt-color: hsl(0, 0%, 47%);
	--atwho-view-strong-text: hsl(125, 100%, 60%);
	--atwho-view-cur-bg-color: hsl(125, 100%, 60%);
	--atwho-view-cur-txt-color: hsl(0, 0%, 100%);
	--atwho-view-cur-small-txt-color: hsl(0, 0%, 100%);
	--atwho-view-cur-strong-txt-color: hsl(0, 0%, 100%);

	/* On/Off Icons (User) */

    --on-off-border-radius: 50%;
	--on-bg-color: hsl(100, 75%, 63%);
	--on-border-color: hsl(100, 61%, 55%);
	--off-bg-color: hsl(0, 3%, 65%);
	--off-border-color: hsl(0, 2%, 58%);

	/* Pagination */

	--current-page-txt-color: hsl(130, 23%, 90%);

	
	/* Popup Windows */

	--popup-container-bg-color: hsla(0, 0%, 0%, 0.8);
	--popup-content-bg-color: hsl(125, 67%, 13%);
	--popup-content-txt-color: hsl(0, 0%, 100%);
	--popup-content-border-color: var(--cool-border-color);
	--popup-content-border-radius: 6px 6px 2px 2px;
	--popup-content-box-shadow: 0px 0px 1px 1px hsl(0, 0%, 0%);
	--popup-heading-txt-color: hsl(0, 0%, 100%);
	--popup-window-bg-color: hsl(125, 40%, 6%);
	--popup-window-box-shadow: 0px 0px 5px 0px hsl(0, 0%, 0%)inset;
	--popup-window-border-color: var(--cool-border-color);
	--popup-window-border-radius: 7px 7px 3px 3px;

	/* Post Bit Section */

    --display-head-txt-color: hsl(0, 0%, 94%);
	--poster-info-bg-color: hsl(120, 40%, 9%);
	--poster-online-link-color: hsl(106, 31%, 46%);	
	--key-post-info-link-color: hsl(106, 31%, 46%);
	--keyinfo-postinfo-modified-txt-color: hsl(0, 0%, 94%);
	--subject-title-link-color: hsl(0, 0%, 94%);
	--page-number-txt-color: hsl(0, 0%, 94%);
	--inner-border-color: hsl(0, 0%, 0%);
	--inner-border-style: solid;
	--inner-border-width: 1px;
	--inner-box-shadow: 0 1px 0 hsl(125, 40%, 11%) inset;
	--signature-border-color: hsl(0, 0%, 0%);
	--signature-box-shadow: 0 1px 0 hsl(125, 40%, 11%) inset;

	/* Post Draft Options */

	--post-draft-options-bg-color: var(--window-bg-color);
	--post-draft-options-border-color: var(--border-color);
	--post-draft-options-border-style: solid;
	--post-draft-options-border-width: 1px;
	--post-draft-options-border-left-color: var(--border-color);
	--post-draft-options-border-left-style: solid;
	--post-draft-options-border-left-width: 1px;
	--post-draft-options-border-radius: 0 0 4px 4px;
	--post-draft-options-settings-border-color: var(--border-color);
	--post-draft-options-settings-border-style: solid;
	--post-draft-options-settings-border-width: 1px;
	--post-draft-options-settings-strong-txt-color: var(--body-txt-color);

	/* Post Options */

	--post-options-bg-color: hsl(134, 67%, 13%);
	--post-options-bg-hover-color: hsl(124, 31%, 7%);
	--post-options-border-color: hsl(124, 31%, 7%);
	--post-options-border-style: solid;
	--post-options-border-width: 1px;
	--post-options-border-radius: 4px 0px 4px 4px;
	--post-options-border-color-hover: hsl(124, 31%, 7%);
	--post-options-link-border-radius: 3px;
	--post-options-font-weight: normal;

	/* Post BBC Links */

	--bbc-link-border-color: hsl(218, 29%, 74%);
	--bbc-link-hover-border-color: hsl(120, 33%, 30%);
	--bbc-link-hover-border-style: solid;
	--bbc-link-hover-border-width: 1px;

	/* Profile Section */

    --activity-stats-bg-color: hsl(99, 24%, 23%);
	--activity-stats-border-color: var(--border-color);
	--activity-stats-border-style: solid;
	--activity-stats-border-width: 1px;
	--detailedinfo-border-color: var(--border-color);
	--detailedinfo-border-style: solid;
	--detailedinfo-border-width: 1px;
	--detailedinfo-txt-color: var(--body-txt-color);
	--counter-txt-color: hsl(0, 0%, 85%);
	--list-posts-box-shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
    --pick-theme-selected-bg-color: hsl(106, 33%, 10%);
	--unread-pm-bg-color: hsl(120, 100%, 90%);
	--unread-notify-hover-bg-color: hsl(134, 67%, 13%);

	/* Progress Bars & Generic Bars & Warning Bars & Personal Message Bar*/

	--personal-messages-capcity-bar-bg-color: hsl(106, 30%, 95%);
	--personal-messages-capcity-bar-border-color: hsl(0, 0%, 68%);
	--personal-messages-capcity-bar-border-style: solid;
	--personal-messages-capcity-bar-border-width: 1px;
    --personal-messages-empty-capacity-bar-bg-color: hsl(111, 41%, 73%);
    --personal-messages-filled-capacity-bar-bg-color: hsl(42, 100%, 47%);
    --personal-messages-full-capacity-bar-bg-color: hsl(0, 93%, 49%);
	--warning-level-none-bar-bg-color: hsl(100, 67%, 55%);
	--warning-level-watched-bar-bg-color: hsl(51, 100%, 50%);
	--warning-level-moderated-bar-bg-color: hsl(39, 100%, 50%);
	--warning-level-muted-bar-bg-color: hsl(6, 88%, 63%);

	/* Quote Blocks */

	--quote-block-alt-bg: hsl(120, 55%, 6%);
	--quote-block-standard-bg: hsl(120, 55%, 8%);
	--quote-block-border-color: hsl(120, 61%, 15%);
	--quote-block-border-style: solid;
	--quote-block-border-width: 1px;
	--quote-block-border-lr-color: hsl(120, 61%, 15%);
	--quote-block-border-lr-style: solid;
	--quote-block-border-lr-width: 4px;
	--quote-block-font-size: 0.85rem;
	--quote-cite-bg-color: hsl(0, 0%, 2%);
	--quote-cite-border-color: hsla(0, 0%, 0%, 0.1);
	--quote-cite-border-style: solid;
	--quote-cite-border-width: 1px;
	--quote-cite-before-font-size: 22px;
	--quote-cite-before-font-style: normal;
	--quote-cite-font-size: 0.9em;
	--quote-header-txt-color: hsl(0, 0%, 77%);
	--quote-header-font-size: 0.9em;
	--quote-txt-color: hsl(0, 0%, 77%);

	/* Registration Section */

	--coppa-contact-bg-color: hsl(0, 0%, 10%);
	--coppa-contact-border-color: hsl(0, 0%, 13%);
	--coppa-contact-border-style: solid;
	--coppa-contact-border-width: 1px;
	--coppa-contact-txt-color: hsl(0, 0%, 83%);
	--valid-input-bg-color: hsl(100, 100%, 7%);
	--invalid-input-bg-color: hsl(0, 100%, 7%);

	/* Slider */
	--sy-pager-link-bg-color: hsl(134, 67%, 6%);
	--sy-pager-link-box-shadow: inset 0px 0px 5px 0px hsla(0, 0%, 0%, 0.6);
	
	/* Two Factor Auth Code Container */

	--tfacode-bg-color: hsl(106, 74%, 89%);

    /* The "new" button */

    --new-button-bg-color: hsl(133, 60%, 34%);
	--new-button-border-radius: 2px;
	--new-button-font-family: verdana, sans-serif;
	--new-button-font-size: 9px;
	--new-button-font-weight: 700;
	--new-button-line-height: 15px;
	--new-button-txt-color: hsl(0, 0%, 100%);
	--new-button-txt-color-visited: hsl(0, 0%, 100%);
	--new-button-txt-color-hover: hsl(0, 0%, 100%);

    /* Toggle */

	--toggle-bg: #f7f7f7 url(../images/icons/toggle.png) no-repeat 0 0 / 17px;
	--toggle-bg-hover: hsl(208, 45%, 83%);
	--toggle-border-color: hsl(0, 0%, 77%);
	--toggle-border-style: solid;
	--toggle-border-width: 1px;
	--toggle-border-radius: 4px;
	--toggle-box-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 1px #fff inset, 0 -5px 4px rgba(0,0,0,.1) inset;
	--toggle-box-shadow-hover: 0 1px 2px rgba(0, 0, 0, 0.25) inset;

	/* ToolTips */

    --tooltip-bg-color: hsl(0, 0%, 100%);
	--tooltip-border-color: hsl(0, 0%, 67%);
	--tooltip-border-style: solid;
	--tooltip-border-width: 1px;
	--tooltip-txt-color: hsl(0, 0%, 20%);
	--tooltip-border-radius: 4px;
	--tooltip-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.05) inset;

	/* Window Backgrounds */

	--window-approve-topic-bg-color: hsl(0, 100%, 10%);
	--window-approve-post-bg-color: hsl(0, 100%, 10%);
	--window-bg-color: hsl(125, 40%, 6%);
	--window-bg-even-color: hsl(120, 40%, 6%);
	--window-bg-odd-color: hsl(125, 40%, 6%);
	--window-locked-bg-color: linear-gradient(180deg, hsl(125, 20%, 12%) 0%, hsl(125, 24%, 10%) 100%);
	--window-sticky-bg-color: linear-gradient(180deg, hsl(125, 40%, 9%) 0%, hsl(125, 45%, 8%) 100%);
	--window-sticky-locked-bg-color: linear-gradient(180deg, hsl(125, 20%, 9%) 0%, hsl(125, 22%, 8%) 100%);
	--window-target-bg-color: hsl(120, 100%, 10%);
	--window-table-row-bg-hover-color: hsl(130, 36%, 11%);

	/* Video Container */

	--video-container-bg-color: hsl(0, 0%, 0%);

	/* Basic Colors */
	--black: hsl(0, 0%, 0%);
	--white: hsl(0, 0%, 100%);
	--red: hsl(0, 100%, 50%);
	--blue: hsl(240, 100%, 50%);
	--green: hsl(120, 100%, 25%);
 }