CSS: Default I
/*============================
Jonathan Foster's Blog Theme
By Jonathan and Timothy Foster
============================*/
@import url(/common--theme/cappuccino/css/style.css);
@import url(/local--code/notebook:_css);
body{
    background-color:#DDD9C3;
}
 
#container {
    margin: 32px;
        background-color:#DDD9C3;
}
 
#header{
    background-color: #C3D69B;
    background-image:url(http://jonathanfoster.wikidot.com/local--files/files/mountain_02-2.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 8em;
    width: 96%;
    margin:auto;
    border:2px solid #120900;
    border-radius: 18px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
}
#header h1{
    padding: 10px 40px 1px 40px;
        font-size: 5em;
    font-family: French Script MT,"Trebuchet MS";
}
 
#header h1 a, #header h1 a:hover{
    color: #101010;
}
 
#header h2{
    display: none;
    /*margin: 0;
    padding: 1px 40px 5px 40px;
    font-size: 1.5em;
    color: #aba686;*/
}
 
#login-status{
    width: 500px;
    text-align: right;
    background-color: #C3D69B;
}
 
#header #login-status, #login-status a{
    color: #101010;
    font-weight: normal;
}
 
#account-options a,#account-options, a#account-topbutton{
    color: #101010;
    background-color: #F1F1DD;
    font-weight: normal;
}
 
#account-options a,#account-options, a#account-topbutton ul li a{
    float:left;
}
 
#login-status a:hover{
    background-color: #DFDFCB;
}
#login-status img{
    display:none;
}
#account-options a:hover{
    background-color: #EEE;
}
 
#search-top-box{
    display:block;
    width:300px;
    left: 75px;
}
 
#top-bar{
    right:15px;
    left:auto;
}
 
#top-bar a{
    color: #101010;
}
 
#top-bar a:hover{
    background-image:url(http://jonathanfoster.wikidot.com/local--files/files/sidebarline_03.png);
    background-repeat:no-repeat;
    background-color: #C3D69B;
}
 
#top-bar li ul li a{
    padding: 0px 0px 7px 20px;
    background-image:url(http://jonathanfoster.wikidot.com/local--files/files/sidebarline_02.png);
    background-repeat:no-repeat;
    background-color: #C3D69B;
}
 
#top-bar ul li a{
    padding: 0px 2px 5px 20px; 
    background-image:url(http://jonathanfoster.wikidot.com/local--files/files/sidebarline_02.png);
    background-repeat:no-repeat;
}
 
#top-bar li ul{
    padding: 4px 4px 4px 4px;
    background-color: #C3D69B;
    border: 2px solid #120900;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
}
 
#top-bar li ul li a:hover{
    background-image:url(http://jonathanfoster.wikidot.com/local--files/files/sidebarline_03.png);
    background-repeat:no-repeat;
    background-color: #C3D69B;
}
 
#content-wrap{
    margin: 1em 2em;
}
 
#side-bar{
    background-color: #C3D69B;
    border:2px solid #120900;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
}
 
#side-bar h1, #side-bar h2,#side-bar h3{
    /*border-top: 1px dotted #777;*/
    border-bottom: 1px dotted #777;
}  
 
#side-bar a{
    border: none;
 
}
 
#side-bar a:hover{
    background-color: #f9f6e9;
}
 
#side-bar ul{
    display: block;
    padding: 0;
    list-style: none;
    line-height: 1.4em;
}
 
#side-bar ul li{
    display:block;
}
 
#side-bar ul li a{
    display:block;
    padding: 0px 1px 2px 23px;
    background-image:url(http://jonathanfoster.wikidot.com/local--files/files/sidebarline_02.png);
    background-position: bottom left;
    background-repeat:no-repeat;
    text-decoration: none;
}
 
#side-bar ul li a:hover{
    background-image:url(http://jonathanfoster.wikidot.com/local--files/files/sidebarline_03.png);
    background-repeat:no-repeat;
    background-position: bottom left;
    background-color: transparent;
    text-decoration: none;
}
 
#main-content{
    margin-right: 0;
    margin-left: 17em;
    padding: 0 1em;
    background-color: #FAFAE6;
    border: 2px solid #120900;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
}
 
#toc{
    border: 1px solid #120900;
    background-color: #F1F1DD;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#toc-action-bar{    display: none; }
#toc .title{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #101010;
}
#footer{
    padding: 9px 9px 9px 9px;
    background-color: #C3D69B;
    color: #101010;
    border: 2px solid #120900;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
}
#footer a{
    color: #101010;
}
#footer a:hover{
    background: none;
}
 
h1, h2, h3, h4, h5, h6, #page-title{
    /*font-family: "Palatino","Palatino Linotype", serif;*/
    font-family: Georgia, "Times New Roman", times, serif;
}
 
h1{
    border-bottom: 1px dotted #AAA;
}
 
#page-title{
    color: #2c2217;
    font-size: 220%;
}
 
h1,h2,h3{
    color: #444;
}
 
a{
    color: #462b0c;
}
 
a.newpage{
    color: #888;
}
 
/* INTERFACE ETC. */
 
.page-options-bottom a{
    color: #101010;
    background-color: #F1F1DD;
    text-decoration: none;
    border: 1px solid #CACAB6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
 
.page-options-bottom a:hover{
    background-color: #DFDFCB;
}
 
a.action-area-close{
    color: #3a312b;
    background-color: #efebe8;
    text-decoration: none;
}
 
div.buttons input, input.button, button, file, a.button, .owindow .button-bar a{
    background-color: #eae9d9;
    border: 1px solid #AAA;
    /*color: #500202;*/
}
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover, .owindow .button-bar a:hover{
    background-color: #d5d4c4;
/*    color: #500202;*/
}
 
.owindow .title{
    background-color: #d5d4c4;
}
 
/* FORUM COLORS */
 
.forum-group div.head{
    background-color: #F1F1DD;
    color: #101010;
}
 
.thread-container .post .options a{
    color: #101010;
}
 
.thread-container .post  .long  .changes a {
    color: #101010;
}
.thread-container .post  .short  .options{
    color: #101010;
}
blockquote{
    color: #120900;
    background-color: #F1F1DD;
}