/*
    Research Theme
    [2018 Wikidot Theme]
*/
 
:root {
/* PALLET SHEET */
 
--basic-border: 1px solid #666;
--basic-border-color: green;
--dashed-border: 1px dashed #666;

--element-border-radius: 2px;

--primary-background: #201f1f;
--secondary-background: rgba(0,0,0,0.15);

--content-bar-background: #24272a;

--primary-text-color: red;

--nav-hover-background: green;

/* BASE COLORS */
 
/* General Elements */
--text-color: #c0c0c0;
--unmargined-color: var(--primary-text-color);
--horizontal-rule-background: var(--basic-border-color);
--action-area-border: var(--dashed-border);
--alert-info-border: var(--dashed-border);
--owindow-border: var(--basic-border);
--tags-border: var(--basic-border);
--error-color: #f54242;
--content-box-shadow: 1px 1px 1px 1px #191919;

/* Body */
--body-background: white;

/* Footer */
--footer-background: var(--primary-background);

/* Page Content */
--page-background: #F7F7F7;
--page-padding: none;
--page-border: none;
--page-border-radius: 0;

/* Page Title */
--page-title-color: var(--primary-text-color);
--page-title-border: var(--basic-border);
 
/* Generic Buttons */
--button-border: 1px solid #2c3340;
--button-background: #181d22;
--button-hover-border: 1px solid #27415c;
--button-hover-background: #27415c;
--button-hover-color: #fff;
--button-current-background: var(--primary-background);
 
/* Header */
--header-background: url(https://media.discordapp.net/attachments/652485433393020981/666474039589470209/Z.png);
--header-icon: url(https://media.discordapp.net/attachments/652485433393020981/658740213480423424/1577077646047.png?width=339&height=451);
--header-tagline-color: #fff;
--header-text-visibility: hidden;
--header-custom-text: 'Site-13 Sandbox';
--header-tagline-custom-text: 'Chris Mohler (Site-13)';
 
/* Search Bar */
--search-button-background: #221b32;
--search-button-hover-background: #423664;
--search-input-color: #3b334d;
--search-input-hover: #442d68;

/* Link Colors */
--link-color: #8966ff;
--link-hover-color: #c5b2ff;
--new-page-color: #8966ff;
 
/* Rating Modules */
--star-rating-hue: 45deg;
}

#side-bar {
    background-color: var(--primary-background);
 clear: none;
    float: none;
    top: 0.5em;
    
    width: 17em;
    
    border: solid 1px #1c1818;
    display: block;
    
}





 
/* Topbar */
--topbar-text-color: #aaa;
--topbar-dropdown-background: var(--body-background);
--topbar-hover-background: var(--nav-hover-background);
--topbar-divider: 1px solid var(--nav-hover-background);
--topbar-dropdown-border-color: var(--basic-border-color);
--topbar-hover-color: #fff;
--topbar-dropdown-color: var(--text-color);
 
/* Link Colors */
--link-color: #5295e1;
--link-hover-color: #84b7f5;
--new-page-color: #626eb2;
 
/* Wikidot Tables */
--table-header-background: var(--content-bar-background);
--table-cell-background: var(--primary-background);
--table-border: 1px solid #333;
--table-box-shadow: var(--content-box-shadow);
 
/* Tabs */
--tabview-background-color: #F7F7F7;
--tabview-bar-color: green;
--tabview-border: none;
--tabview-button-background: transparent;
--tabview-button-border: none;
--tabview-button-selected-background: var(--primary-background);
--tabview-button-selected-color: var(--text-color);
--tabview-button-hover-background: var(--secondary-background);
 
/* Footnotes */
--footnote-border: var(--basic-border);
--footnote-background: var(--primary-background);
 
/* Table of Contents */
--toc-border: none;
--toc-background: var(--primary-background);
--toc-box-shadow: var(--content-box-shadow);
 
/* Content Panels */
--content-panel-border-radius: var(--element-border-radius);
--content-panel-background: var(--primary-background);
--content-panel-border: none;
--content-panel-padding: 10px 20px;
--content-panel-box-shadow: var(--content-box-shadow);
--content-block-bar-background: var(--content-bar-background);
--content-block-bar-color: #777;
--content-block-box-shadow: var(--content-box-shadow);
--news-block-body-panel-background-even: #1a1c1e;
 
/* Quotes */
--blockquote-background: var(--secondary-background);
--blockquote-border: none;
--blockquote-border-radius: var(--element-border-radius);
--blockquote-padding: 1px 10px;
--blockquote-box-shadow: var(--content-box-shadow);
 
/* Image Blocks */
--image-block-caption-background: var(--content-bar-background);
--image-block-border: none;
--image-block-background: var(--primary-background);
--image-block-box-shadow: var(--content-box-shadow);
 /* Sidebar */

}