Customize your theme
/* ### Global ############################### */
/* Personal classes and the like in here too (e.g. dropcap class) */
body {
    margin: 0px;
    background-color: #E2DBBA;
    font-size: 100%;
    font-family: Optima, Arial, sans-serif;
    color: #322E1E;
}
 
a {
    color: #635C3B;
}
 
a:visited {
    color: #091501;
}
 
a:hover {
    color: #192902;
    background-color: #F0EDDC;
}
 
a:newpage {
    color: #9B1701;
}
 
.input {
    background-color: #F0EDDC;
}
 
/* D R O P C A P */    
.drop {
    float: left;
    font-size: 3em;
        background-color: #192902;
    color: #EECB02;
    padding: 5px;
    margin: 5px 10px 5px 0px;
    font-family: "Copperplate Gothic";
    border: 1px solid #315203;
    text-align: center;
}
 
/* ###### Headers ########################### */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    letter-spacing: 0.2em;
    font-family: optima, arial, sans-serif;
    padding: 0px 0px 0px 10px;
}
 
h1, h2 {
    background: #315203 url("/local--files/forest/leaf-Bg.png") 5px center no-repeat;
    color: #E2DBBA;
    padding-left: 50px;
}
 
h3, h4 {
    border-bottom: 1px solid #315203;
    background: transparent url("/local--files/forest/leaf-Gn.png") 5px center no-repeat;
    color: #315203;
    padding-left: 50px;
}
 
h5, h6 {
    text-decoration: none;
    background: transparent url("/local--files/forest/leaf-Gn.png") 5px center no-repeat;
    color: #315203;
    padding-left: 50px;
}
 
h4, h5 {
    font-size: 120%;
}
 
h2, h3 {
    font-size: 140%
}
 
h1 {
    font-size: 160%;
    font-variant: small-caps;
}
 
/* ### Layout  ############################## */
/* ###### Banner ############################ */
#header {
    background-color:#315203;
    background-image: url("/local--files/forest/banner.jpg");
    background-repeat: none;
    border-bottom:2px solid #192902;
    height:125px;
    margin:0px 0px 10px;
}
 
#header h1 {
    font-family: Optima, Arial;
    color: #EECB02;
    font-weight: normal;
    font-size: 220%;
    margin: 0px 75px;
    padding-top: 25px;
    background-color: transparent;    
    background-image: none;
}
#header h1 a,#header h1 a:hover{
    color: #EECB02;
    margin: 10px;
    background-color: transparent;
}
#header h2{
    color: #EECB02;
    font-size: 130%;
    margin: 5px 75px;    
    background: transparent url("/local--files/forest/leaf-Ye.png") 5px center no-repeat;
    padding-left: 50px;
}
 
/* ###### Main Content ###################### */
#page-title {
    margin:25px 0 10px; 
    background: url("/local--files/forest/leaf-Gn.png") 5px 30px no-repeat;
    padding-left: 50px;
    color: #315203;
    border-bottom: 1px solid #C5B876;
}
 
#main-content {
    margin-left: 250px;
    color: #322E1E;
}
 
#main-content h1 {
    font-size: 175%;
}
 
blockquote {
    border: none;
    background-color: #F0EDDC;
    border-left: 10px solid #9b1701;
}
 
blockquote p {
    background-color: #F0EDDC;
        padding-left: 5px;
}
 
.page.tags span {
    border-top: 1px solid ##C5B876;
}
 
#license-area {
    color: #635C3B;
}
 
/* ###### Footer ############################ */
#footer {
    background-color: #192902;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 2px solid #315203;
    color: #E2DBBA;
    text-align: left;
 
}
#footer p {
    padding-right: 100px;
    margin: 0px;
}
#footer a {
    color: #98A881;
}
#footer a:hover {
    border-bottom: 0px;
}
 
.page-options-bottom a, a.action-area-close{
    color: #635C3B;
    background-color: #E2DBBA; 
    text-decoration: none;
}
 
.page-options-bottom a:hover{
    background-color: #F0EDDC; 
}
 
#license-area {
     color: #635C3B;
}
/* ### Navigation Elements ################## */
/* ###### Account ########################### */
#header #login-status, #login-status a, #login-status a:hover {
    color: #EECB02;
    background-color: transparent;
    font-weight:bold;
}
 
#account-options {
    background-color: #192902;
    border: 1px solid #E2DBBA;
}
 
#account-options li a {
    color: #98A881
}
 
#account-options li a:hover {
    color: #EECB02;
}
 
#account-options a, a#account-topbutton{
    color: #EECB02;
    font-weight: normal;
    background-color: transparent;
}
 
#account-options #account-options, a#account-topbutton{
    background-color: transparent;
    border-style: none;
    color: #EECB02;
}
 
#account-topbutton {
    background-color: #F0EDDC;
    border: 1px solid #C5B876;
}
 
/* ###### Top Bar ########################### */
#search-top-box{
    display: none;
}
 
#search-top-box input.empty {
    color: #E2DBBA;
}
 
#top-bar  {
    background-color: #192902;
    border-bottom: 2px solid #192902;
    color: #98A881;
    left: 0;
    top: 125px;
    width: 100%;
}
 
#top-bar ul {
    background-color:#192902;
    height:25px;
    padding:2px 5% 2px 20%;
}
 
#top-bar li ul {
    border: 1px solid #E2DBBA;
}
 
#top-bar  a, #top-bar li ul li a {
    color: #98A881;
    text-decoration: none;
    background-color:#192902;
}
#top-bar a:hover, #top-bar li ul li a:hover {
    text-decoration: underline;
    background-color:#192902;
}
 
/* ###### Side Bar ########################## */
#side-bar {
    width: 200px;
    float: left;
    background-color: #E2DBBA;
    color: #322E1E;
    margin: 10px;
}
 
#side-bar ul{
    display: block;
    padding: 0;
    list-style-image: url("/local--files/forest/leaf-DkBg.png");
}
#side-bar ul li{
    margin: 0;
    display:block;
}
 
#side-bar li a {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    padding-left: 10px;
    border-bottom: 1px solid #C5B876;
    border-top: 0;
    color: #322E1E;
    text-decoration: none;
}
#side-bar li a:hover {
    background-color: #F0EDDC;
}
 
#side-bar p {
    margin: 0px;
    margin-bottom: 3px;
}
 
/* ### Interface Elements ################### */
.edit-section-button {
     background-color: #F0EDDC;
}
 
.edit-section.content {
     border: 1px solid #CD8B80;
}
 
.change-textarea-size a {
     color: #322E1E;
     background-color: #F0EDDC;
     border: 1px solid #C5B876;
}
 
.preview-message {
     border: 1px dashed #C5B876;
     background-color: #E6C5BF;
}
 
#page-version-info {
     border: 1px dashed #C5B876;
     background-color: #E6C5BF;
}
 
#lock-info {
     background-color: #E2DBBA;
     border: 1px solid #C5B876;
}
 
a.action-area-close:hover {
     background-color: #E2DBBA;
}
 
/* ### Wiki-Specific Elements ############### */
table.wiki-content-table td {
     border: 1px solid #635C3B;
}
 
table.wiki-content-table th {
     border: 1px solid #635C3B;
     background-color: #F0EDDC;
}
 
#toc {
     border: 1px dashed #315203;
     background-color: #F0EDDC;
}
 
.code{
    background-color: #F0EDDC;
     border: 1px dashed #C5B876;
}
 
div.wiki-note {
     border: 1px solid #C5B876;
}
 
.gallery-item {
     border: 1px solid #F0EDDC;
}
 
/* ###### History ########################### */
table.page-history td.optionstd a {
     border: 1px solid #635C3B;
}
 
.diff-table td.from, .diff-table td.to {
     border: 1px dashed #635C3B;
}
 
.inline-diff ins {
     background-color: #98A881;
}
 
.inline-diff del {
     background-color: #CD8B80;
}
 
table.page-compare td, table.page-compare th {
     border: 1px solid #635C3B;
}
 
.page-source {
     border: 1px dashed #635C3B;
}
 
.wiki-parse-error {
     color: #9B1701;
}
 
.pager a {
     border: 1px solid #635C3B;
}
 
.pager .current {
     background-color: #C5B876;
     color: #322E1E;
     border: 1px solid #322E1E;
}
 
/* ###### Files ############################# */
table.page-files .highlight {
     background-color: #F0EDDC;
}
 
/* ###### Avatar ############################ */
a.avatar-hover, a.avatar-hover:hover {
     color: #322E1E;
}
 
/* ###### Inline Widgets #################### */
.error-inline, .error-block {
     color: #9B1701;
     border: 1px solid #9B1701;
}
 
.warning-block {
     border: 1px solid #EECB02;
     color: #322E1E;
}
 
.help-block {
     border: 1px solid #98A881;
     color: #192902;
}
 
/* ###### Private Messages ################## */
.pmessage .header {
     border: 1px solid #C5B876;
     background-color: #F0EDDC;
}
 
/* ### Forms ################################ */
table.form.grid td, table.form.grid th {
     border: 1px solid #C5B876;
}
 
table.form td div.sub, form div.sub {
     color: #635C3B;
}
 
table.form tr.invalid-value-row td {
     background-color: #F6E580;
}
 
table.form div.field-error-message, tr.invalid-value-row div.field-error-message {
     color: #9B1701;
}
 
hr {
     color: #F0EDDC;
     background-color: #C5B876;
}
 
/* ###### Form Elements ##################### */
div.buttons input, input.button, button, file, a.button {
     background-color: #E2DBBA;
     color: #322E1E;
     border: 1px solid #C5B876;
}
 
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
     background-color: #F0EDDC;
     color: #635C3B;
}
 
input.button.disabled, div.buttons input.disabled {
     background-color: #F0EDDC;
     color: #635C3B; 
}
 
input.checkbox {
     background-color: #F0EDDC;
     color: #322E1E; 
}
 
input.text, textarea, select {
     border: 1px solid #C5B876;
     background-color: #F0EDDC;
     color: #322E1E; 
}
 
input.text.invalid {
     border-color: #9B1701;
}
 
div.note {
     border: 1px solid #F0EDDC;
     background-color: #E2DBBA;
}
 
div.note-block {
     border: #9B1701;
}
 
/* ###### Useful Elements ################### */
div.site-list-item:hover {
     background-color: #F0EDDC;
}
 
.search-highlight {
     background-color: #EECB02;
}
 
.self-ads {
     border: 1px solid #C5B876;
}
 
/* ### Other Widgets ######################## */
/* ###### Foldable Lists #################### */
div.foldable-list-container li.folded {
     color: #9B1701;
}
 
div.foldable-list-container li.unfolded {
     color: #315203;
}
 
/* ###### Tabview ########################### */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {     
     background-color: #E2DBBA;
     border-color: #C5B876;
     color: #322E1E;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {        
     border-color: #C5B876;
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
     background-color: #98A881;
     color: #322E1E;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: #315203;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
      border-color: #192902;
}
 
.yui-navset .yui-content {
     background-color: #E2DBBA;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
     border: 1px solid #C5B876;
     border-top-color: #192902;
}
 
.yui-navset-left .yui-content {
     border: 1px solid #C5B876;
     border-left-color: #192902;
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
     border: 1px solid #C5B876;
     border-bottom-color: #192902;
}
 
/* ###### Included Files #################### */
###### text_highlighter.css ############## */
.hl-default {
color: #322E1E;
}
 
.hl-code {
color: #322E1E;
}
 
.hl-brackets {
color: #322E1E;
}
 
.hl-comment {
color: #315203;
}
 
.hl-quotes {
color: #4E0C01;
}
 
.hl-string {
color: #4E0C01;
}
 
.hl-identifier {
color: #322E1E;
}
 
.hl-builtin {
color: #315203;
}
 
.hl-reserved {
color: #987F81;
}
 
.hl-inlinedoc {
color: #4E0C01;
}
 
.hl-var {
color: #315203;
}
 
.hl-url {
color: #4E0C01;
}
 
.hl-special {
color: #4E0C01;
font-weight: bold;
}
 
.hl-number {
color: #4E0C01;
}
 
.hl-inlinetags {
color: #F6E580;
font-weight: bold;
}
 
.hl-gutter {
background-color: #E2DBBA;
color: #F0EDDC
}
 
###### autocomplete.css ################## */
.yui-ac-content{
     border:1px solid #192902;
     background:#322E1E;
}
 
.autocomplete-list li.yui-ac-highlight {
     background-color: #F0EDDC;
}
 
/* ### Forum ################################ */
.forum-group div.head{
     background-color: #315203;
     color: #E2DBBA;
     border: 1px solid #192902;
}
 
.forum-group table td{
     border: 1px solid #F0EDDC;
}
 
.forum-group table td.name .description{
     color: #C5B876;
}
 
.forum-group table tr.head td{
     background-color: #F0EDDC;
}
 
/* ###### Category View ##################### */
.forum-category-box .description-block{
     border: 1px solid #E2DBBA;
     background-color: #F0EDDC;
}
.forum-category-box .description-block .statistics{
     color: #C5B876;
}
 
.forum-category-box table{
     border: 1px solid #E2DBBA;
}
.forum-category-box table td{
     border: 1px solid # F0EDDC;
}
.forum-category-box table tr.head td{
     background-color: # F0EDDC;
}
.forum-category-box table td.name .description{
     color: # C5B876;
}
 
/* ###### New Thread ######################## */
.forum-new-thread-box .description{
     border: 1px solid #E2DBBA;
     background-color: #F0EDDC;
}
.forum-new-thread-box .description .statistics{
     color: # C5B876;
}
 
/* ###### Thread View ####################### */
.forum-thread-box .description-block{
     border: 1px solid # E2DBBA;
     background-color: #F0EDDC;
}
.forum-thread-box .description-block .head{
     color: # C5B876;
}
.forum-thread-box .description-block .statistics{
     color: # C5B876;
}
 
.forum-thread-box .action-area{
     border: 1px solid # F0EDDC;
}
 
.thread-container .post .options a{
     color: #98A881;
}
.thread-container .post .head{
     background-color: # F0EDDC;
}
 
.thread-container .post .long .changes a {
     color: #98A881;
}
 
.thread-container .post .short{ display: none;
     background-color: # F0EDDC;
}
 
.thread-container .post .short .options{
     color: #98A881;
}
 
.post-container.fordelete{
     border: 2px solid #CD8B80;
}
 
div.new-post a{
     border: 1px solid #E2DBBA;
     background-color: # F0EDDC;
}
 
/* ###### Recent Posts ###################### */
.forum-mini-stat .item .info{
     color: # C5B876;
}
 
/* ### editor.css ########################### */
.wd-editor-toolbar-panel a{
background-color: #F0EDDC;
}
.wd-editor-toolbar-panel a:hover{
border-color: #315203;
}
 
.wd-editor-toolbar-panel ul li:hover ul, .wd-editortoolbar-
panel ul li.sfhover ul {
     background-color: #322E1E;
     border: 2px solid #192902;
}
.wd-editor-toolbar-panel li.hseparator{
     background-color: #322E1E;
}
 
/* ### odialog.css ########################## */
.odialog-shader{
     background-color: #322E1E;
}
 
.owindow{
     background-color: #F0EDDC;
     border: 2px solid #E2DBBA;
}
 
.owindow .title{
     background-color: #F0EDDC;
}
 
.owindow .button-bar a{
     background-color: #F0EDDC;
     border: 1px solid #E2DBBA;
}
.owindow .button-bar a:hover{
     background-color: #E2DBBA;
}
 
/* ###### Different Boxes / Dialogs ######### */
.box444{
     background-color: #F0EDDC;
}
 
.box444 .button-bar{
     background-color: # F0EDDC;
}
 
.hovertip{
     border: 2px solid #C5B876;
     background-color: # F0EDDC;
}
 
/* ### Jquery Lightbox ###################### */
#lightbox-container-image-box {
     background-color: #F0EDDC;
}
 
#lightbox-container-image-data-box {
     background-color: # F0EDDC;
}
 
#lightbox-container-image-data {
     color: #C5B876;
}
 
/* ### Navi Bar ############################# */
#navi-bar {
     background-color: #E2DBBA;
     color: #322E1E;
}
 
#navi-bar a {
     color: #315203;
}
 
#navi-bar .new-site input.empty{
     color: #C5B876;
}
 
#navi-bar .action-buttons {
     color: #322E1E;
}
 
#navi-bar .action-buttons a {
     color: #322E1E;
}
 
#navi-bar .join {
     color: #322E1E;
}
 
#navi-bar .random-site {
     background-color: #F0EDDC;
     color: #322E1E;
}
 
#navi-bar .random-site:hover {
     border-color: #322E1E;
}
 
/* ### Promo Footer ######################### */
#footer-bar {
border-top: 1px solid #E2DBBA;
}
.form-table .form-error {
border: 1px dotted #CD8B80;
}
 
.form-table .form-hinted {
color: #C5B876;
}
 
.form-table .form-message {
color: #315203;
}