craig is fixed (homepage only)

craig.css

*{
    transition: .3s ease all
}
h1 {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
}
button, select, input, fieldset, form, label, legend {
    font-family: inherit;
}
h3 {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 15.4px;
}
body {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -0.021em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: white;
    color: #333333;
    font-style: normal;
}
blockquote {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
}
pre {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.5714px;
}
#topban .area, #topban .subarea-input {
    display: inline-block;
    font-family: "helvetica neue";
    font-weight: 800;
    font-size: 3.5em;
    line-height: 1.7em;
    text-transform: capitalize;
}
#topban {
    background-color: #eee0;
    border-top: 1px #ccc0 solid;
    border-bottom: 1px #ccc0 solid;

    min-height: 2.5em;
    /* padding: 0; */

    font-weight: normal;

    text-align: left;
    width: 62%;
    display: inline-block;
    float: none;
    margin: 2%;
}
.homepage .page-container {
    margin: 0 auto;
    padding: 0;
    width: 868px;
}
.homepage #logo {
    font-size: 235%;
    line-height: 135%;
    font-weight: 300;
    font-family: "Helvetica neue";
    width: 100%;
}
.homepage #center {
    float: left;
    margin: 2%;
    padding: 0;
    width: 62%;
    text-align: left;
}
.ban {
    text-align: left;
    font-weight: bold;
    padding: 0 0 5px 0;
    border-top: 1px solid #ddd0;
    border-bottom: 2px solid #ddd;
    background-color: #eee0;
    /* text-decoration: none; */
}
.homepage a {
    text-decoration: none;
    color: black;
}
.homepage a, .homepage a:hover {
    text-decoration: none;
    color: black;
    /* text-decoration-line: none; */
}
.cal td.today {
    background: #007AFF;
    border-radius: 3px;
}
.cal td.today a {
    /* background: #007AFF; */
    color: white;
}
.cal .dys th, .cal td {
    border: 1px #ccc0 solid;
}
.homepage .homepage-search legend {
    text-align: center;
    width: 100%;
    display: none;
}
.homepage .col ul li a {
    width: 100%;
    display: block;
    padding: 0 0 1px 0;
    border-bottom: 1px solid #eaeaea00;
}
.homepage .txt {
    position: relative;
  
}
.homepage footer {
    border-top: 0px solid #ccc;
    line-height: 2.5em;
    min-height: 1.1em;
    background: #eee;
    padding: 0px;
}
.w1024.homepage .page-container {
    width: 100%;
}
.flatinput {
    border: 1px solid #cccccc00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 2px;
}
.flatinput:hover {
    border-color: #9990;
}
#calban {
    /* margin: 2px; */
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
}
#leftbar a:hover {
    text-decoration: none;
}
#leftbar {
    background: #e3e3e39e;
    border-left: 11px #ccc0 solid;
    border-right: 0px #ccc solid;
    float: right;
    min-width: 220px;
    font-size: smaller;
    /* margin-left: 0px; */
    /* left: -21px; */
    /* min-height: 100%; */
    height: 100em;
    text-align: left;
    width: 10%;
}
#leftbar .cal {
    margin: initial;
}
.homepage #rightbar {
    background: #dddddd00;
    border-left: 0px #ccc solid;
    border-right: 0px #ccc solid;
    float: right;
    width: 8em;
    font-size: 70%;
    line-height: 1.43em;
    /* margin-top: -3.75em; */
    min-height: 850px;
    /* padding: 5px 0; */
    /* text-align: center; */
    vertical-align: top;
    /* width: 0%; */
    position: sticky;
    /* text-align: right; */
}
.homepage #rightbar h5 {
    background: transparent;
    color: #1f1f1f;
    text-align: right;
}
.homepage #rightbar ul {
    margin: 4px;
    list-style: none;
    text-align: right;
}
.homepage #forums ul {
    /* font-size: initial; */
    width: 25%;
}

select {
    border-radius: 3px;
    padding: 1px;
    border-color: #d8d8d8b5;
}
.homepage #postlks #post {
    padding: 0;
    background-color: #ffc0;
    font-weight: 800;
    font-size: large;
    border-bottom: 2px solid #007aff;
}
.homepage #rightbar #langlinks {
    text-align: right;
    padding: 8px;
    font-size: small;
}
.homepage #forums ul {
    font-size: smaller;
    width: 25%;
}


.homepage .col ul li a:hover {
    padding: 0.2em 1.975em 0.2em 0.5em;
    border-radius: 4px;
    cursor: pointer !important;
    color: #595959;
    border-bottom-style: none;
}