CSS Code

/* ROUGHGUIDE STYLE (modified version of CAPPUCCINO) */

/* ================================================================================= */
/* MAIN CONTENT AREA */

#container {
    margin: 10px;
}

#content-wrap{
    margin: 0em 0em;
}

#main-content{
    margin-right: 0;
    margin-left: 15.5em;
    padding: 1em 1em 1em 1em;
}

#page-title{    
    font-size: 220%;
}

h1, h2, h3, h4, h5, h6, #page-title{
    /*font-family: "Palatino","Palatino Linotype", serif;*/
    font-family: Georgia, "Times New Roman", times, serif;
}

a{
    color: #462b0c;
}

a.newpage{
    color: #888;
}

/* ================================================================================= */
/* HEADER, MENU, AND ACCOUNT OPTIONS */

#header{
    height: 170px;    
}

#header h1{
    display:block;
    border:none;
}

#header h1 a span{
    display:none
}

#header h2{
    display:none;
}

#header h1,#header h1 a, #header h1 a:hover{
    display: block;
    height: 150px;
    width: 600px;
    margin: 0;padding: 0;
    background-image: url(http://mathroughguides.wikidot.com/local--files/start/logo-banner.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom:10px; left:0px;    
}

#header #login-status, #login-status a {
    color: #dcdbc1;
    font-weight: bold;
}
#account-options a,#account-options, a#account-topbutton{
    color: #333;
    font-weight: normal;
}
#login-status img{
    display:none;
}
#login-status a:hover{
    background-color: #554a47;
}
#account-options a:hover{
    background-color: #562;
}

#search-top-box{
    position: absolute;
    right: 10px;
    top: auto;
    bottom: 25px;
}

#top-bar{
    left: 0px; right:0px;
}

/* ================================================================================= */
/* SIDE BAR */

#side-bar{
    float: left;
    padding: 1em;
    width: 13em;
    margin:0 1em 0 0;
}

#side-bar h1, #side-bar h2,#side-bar h3{
    background-color:none;
    border-bottom: 1px dotted #777;
}  

#side-bar a{
    border: none;

}

#side-bar ul{
    display: block;
    padding: 0;
    list-style: none;
}
#side-bar ul li{
    display:block;
}
#side-bar ul li a{
    display:block;
}

/* ================================================================================= */
/* FOOTER */

#footer{
    background-color: #46342f;
    color: #EEE;
}

#footer a{
    color: #dcdbc1;
}

#footer a:hover{
    background-color: #554a47;
}

/* ================================================================================= */
/* INTERFACE ETC. */

.page-options-bottom a{
    text-decoration: none;    
}

.page-options-bottom a:hover{
    background-color: #DDD;
}

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:hover.button, button:hover, a:hover.button, .owindow .button-bar a:hover{
    background-color: #d5d4c4;
/*    color: #500202;*/
}

.owindow .title{
    background-color: #502d16;
}

/* ================================================================================= */
/* FORUM COLORS */

.forum-group div.head{
    background-color: #554643;
    color: #FFF;
}

.thread-container .post .options a{
    color: #6f6d63;
}

.thread-container .post  .long  .changes a {
    color: #6f6d63;
}
.thread-container .post  .short  .options{
    color: #6f6d63;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */

/* ================================================================================= */
/* REASSIGN COLORS BASED ON PALETTE (GREENS FOR WIKI ELEMENTS) */

.page-options-bottom a{
    background-color: #aade87;  
    color: #2d5016;
}

#top-bar{
    border-top: 2px solid #aade87;
    border-bottom: 2px solid #aade87;
    background-color: #2d5016;
}

#top-bar li ul li a{
    background-color: #2d5016;
}

#top-bar a{
    color: #aade87;
}

#top-bar a:hover{
    background-color: #447821;
}

#side-bar, #side-bar h1, #side-bar h2{
    background-color: #e3f4d7;
}

#side-bar a:hover{
    background-color: #aade87;
}

/* ================================================================================= */
/* REASSIGN COLORS BASED ON PALETTE (BROWNS FOR WIKI ELEMENTS)) */

#header, #footer{
    background-color:#502d16;
}

#side-bar{
    border-bottom: 2px solid #502d16;
}

#side-bar h1,#side-bar h2{
    color: #502d16;
}

#footer, #footer a{
    color:#f4e3d7;
}

#footer a{
    color: #dcdbc1;
}

#footer a:hover{
    background-color: #784421;
}

/* ================================================================================= */
/* REASSIGN COLORS BASED ON PALETTE (BLUES FOR WITHIN THE TEXT) */

#page-title{
    color: #162d50;
    background-color:#d7e3f4;
}

h1,h2,h3{
    color: #214478;
}

h1{
    border-bottom: 3px solid #87aade;
}

h2{
    background-color: #d7e3f4
}

/* ================================================================================= */
/* THEOREM/DEFINITION ENVIRONMENT STYLES */
/* ================================================================================= */

.defn-outer, .thm-outer {
    margin-left: 2em;
        padding-bottom: 0.1em;
}

.defn-outer {
    background-color: #efe;
}

.thm-outer {
    background-color: #eef;
}

.defn-title, .thm-title, .proof-outer a {
    padding-left: .25em;
    color: #eee;
    font-weight: bold;
    font-style: italic;
    font-variant: small-caps;
    font-size: larger;
}

.defn-title {
    background-color: #898;
}

.thm-title, .proof-outer a {
    background-color: #889;
}

.defn-inner, .thm-inner, .proof-inner {
    padding:0 1em .1em 1em;
}

.thm-inner{
    font-style: italic;
}

.proof-outer {
    margin: 1em;
    margin-top: 0em;
    background-color: #ccd;
}

.proof-outer a{
    background: none;
    text-decoration: none;
    color: #556;
}

.proof-outer a:hover{
    color: #214478;
}

.proof-outer a:active{
    color: #162d50;
}

.proof-inner{
    color: #223;
    margin:0;border:2px solid #ccc;
    background:#fff;
}

/* ================================================================================= */
/* SIDEBAR STYLES */
/* ================================================================================= */

.sidebar-outer {
    margin-left: 2em;
    border-left: 2px solid silver;
    padding-left: 1em;
}

.sidebar-inner {
    color: #222;
    background:#ddd;
}

/* ================================================================================= */
/* FIGURE STYLES */
/* ================================================================================= */

.figureleft, .figureright {
    width:220px; 
    font-size:75%; 
    background: white; 
    border:solid silver 1px; 
    padding:.5em; 
    text-align:justify; 
    font-style:italic;
}

.figureleft {
    float:left; 
    margin-right:1em;
}

.figureright {
    float:right; 
    margin-left:1em;
}