/* ### Global ############################### */
/* Personal classes and the like in here too (e.g. dropcap class) */
body {
    margin: 2px;
    background-color: #E8F2E3;
    font-size: 100%;
    font-family: Optima, Arial, sans-serif;
    color: #000000;
}

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:#3E4F2E;
    background-image: url("http://photos2.meetupstatic.com/photos/event/7/1/d/f/highres_42269151.jpeg");
    background-repeat: no-repeat;
    border-bottom:0px solid #3E4F2E;
    height:140px;
    margin:0px 0px 10px;
}

#header h1 {
    font-family: Optima, Arial;
    color: #EECB02;
    font-weight: normal;
    font-size: 200%;
    margin: 0px 75px;
    text-align: center;
    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: 150%;
    margin: 5px 75px;
    text-align: center;
    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: #000000;
    border-bottom: 1px solid #C5B876;
}

#main-content {
    margin-left: 235px;
    color: #000000;
}

#main-content h1 {
    font-size: 175%;
}

blockquote {
    margin: 0;
    border: none;
    padding: 0;
    background-color: transparent;
}
blockquote p {
    margin: 0;
    text-indent: 3em;
}
blockquote p + p {
    margin: 1em 0 0;
}

.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: yes;
}

#search-top-box input.empty {
    color: #E2DBBA;
}

#top-bar  {
    background-color: #1B2615;
    border-bottom: 2px solid #1B2615;
    color: #1B2615;
    left: 0;
    top: 125px;
    width: 100%;
}

#top-bar ul {
    background-color:#1B2615;
    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: #F0F0F0;
    text-decoration: none;
    background-color:#1B2615;
}
#top-bar a:hover, #top-bar li ul li a:hover {
    text-decoration: underline;
    background-color:#1B2615;
}

/* ###### Side Bar ########################## */
#side-bar {
    width: 180px;
    float: left;
    background-color: #E8F2E3;
    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: #EFEFEF;
}

#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,
.yui-navset .yui-navset-top .yui-nav {
    border-color:#315203; /* color between tab list and content */
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8; /* tab background */
    border-color:#315203;
    color:#000;
}

.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: #315203;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-image: none;
    background-color:#315203; /* selected tab background */
    color:#fff;
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: #315203; /* selected tab background */
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: #315203; /* selected tab border color */
}

.yui-navset .yui-content {
    background-color: #E8F2E3; /* content background color */
}

.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #315203; /* content border */
    border-top-color:#315203; /* different border color */
}

.yui-navset-left .yui-content {
    border-color: #315203; /* content border */
    border-left-color: #315203; /* different border color */
}

.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border-color: #315203; /* content border */
    border-bottom-color: #315203; /* different border color */
}

/* ###### 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: #333366;
}
.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 #333366;
}
.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: #FFFFCC;
     color: #322E1E;
}

#navi-bar .random-site:hover {
     border-color: #322E1E;
  color: #000CCC
}

/* ### 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;
}