/* colors: elegant */
#color1 { background: #272820; }
#color2 { background: #381813; }
#color3 { background: #4E4D3A; }
#color4 { background: #333300; }
#color5 { background: #663300; }
#color6 { background: #8D8A78; }
#color7 { background: #D6D4C2; }
#color8 { background: #F1F1E4; }
#color9 { background: #AE560A; }
#color1:after { content: "#272820"; }
#color2:after { content: "#381813"; }
#color3:after { content: "#4E4D3A"; }
#color4:after { content: "#333300"; }
#color5:after { content: "#663300"; }
#color6:after { content: "#8D8A78"; }
#color7:after { content: "#D6D4C2"; }
#color8:after { content: "#F1F1E4"; }
#color9:after { content: "#AE560A"; }

.colorpreview {
    border-color: #4E4D3A;
}


/* actual color rules */

body {
    /* background-image: url(../img/leaves-light.png); */
    position: relative;
    background-color: #EBEBEB;
    /* background-image: url(../img/leaves.png); */
    /* background-image: url(../img/leaves-darker.png); */
    /* background: #1F491B; */
}

#navigationbg {
background: rgb(18,18,18); /* Old browsers */
background: -moz-linear-gradient(top, rgba(18,18,18,1) 0%, rgba(35,35,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(18,18,18,1)), color-stop(100%,rgba(35,35,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(18,18,18,1) 0%,rgba(35,35,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(18,18,18,1) 0%,rgba(35,35,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(18,18,18,1) 0%,rgba(35,35,35,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(18,18,18,1) 0%,rgba(35,35,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
}

.headerbg {
    background-color: #131313;
}

.header {
}

#frame {
    overflow:hidden;
    /*
    border: 1px solid olive;
    border-radius: 4px;
    min-height: 98%;
    position: relative;
    */
}

#frame ,
#navigation > .navigselected > a {
    background-color: #FFFFFF;
}


#navigation > li > a {
    color: #dedede;
    font-weight: bold;
}

#navigation > .navigselected > a ,
#navigation > li > a:hover {
    color: #176800;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

#navigation > li > a:hover {
    background: #ababab;
}

#headerbg {
background: rgb(35,35,35); /* Old browsers */
background: -moz-linear-gradient(top, rgba(35,35,35,1) 0%, rgba(52,52,52,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,35,35,1)), color-stop(100%,rgba(52,52,52,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(35,35,35,1) 0%,rgba(52,52,52,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(35,35,35,1) 0%,rgba(52,52,52,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(35,35,35,1) 0%,rgba(52,52,52,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(35,35,35,1) 0%,rgba(52,52,52,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
}

#content a,
#content a:visited {
    color: #176800;
}

#content {
    color: #232323;
}

#footer {
    font-size: 0.8em;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #381813;
    color: white;
    padding: 0.1em;
}

#bottomspace {
    min-height: 2em;
}

#footer > a {
    color: white;
    margin-left: 0.5em;
    margin-right: 0.5em;
}


.blogentrylist > li > a,
#blognavig > a {
    border-radius: 4px;
    background-color: #CFCFC3;
}

.blogentrylist > li > a:hover,
#blognavig > a:hover  {
    border-radius: 4px;
    background-color: #EDD866;
}

#blognavig > a {
    color: black;
}

#blognavig > .disabledlink {
    visibility: hidden;
}

pre {
    background-color: #242424;
    border-radius: 5px;
    color: white;
}

#content pre > a {
    color: #EDD866;
}

.warning {
    background-color: #D73B00;
    color: white;
}

.badge {
}

#content .badge > a ,
.badge > a {
    display: inline-block;
    border-radius: 3px;
    padding: 2px 2px 2px 2px; /* n e s w */
    margin: 2px 2px 2px 0px; /* n e s w */
    background-color: #232323;
    background-image: linear-gradient(#454545, #121212);
    color: white;
    white-space: nowrap;
}

#content .badge > a > code,
.badge > a > code {
    padding: 2px;
    padding-left: 4px;
    margin: 0px;
    margin-right: -2px; /* compensate padding */
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: inherit;
    background-color: #335928;
    background-image: linear-gradient(#455928, #334918);
    white-space: nowrap;
}

#content .badge > a:hover ,
.badge > a:hover {
    text-decoration: none;
    background-color: #121212;
    background-image: linear-gradient(#121212, #454545);
}
#content .badge > a:hover > code,
.badge > a:hover > code {
    background-color: #121212;
    background-image: linear-gradient(#334918, #455928);
}