a:link, a:visited, a:link:active, a:visited:active{
    color: brown;
    font-weight: bold;
    text-decoration: none;               
}

.banner{
    border: solid 1px brown;  
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

body{
    background-color: #E1C699;
    color: maroon;
    font-family: monospace, 'Arial';
    font-size: 13px;
}

#boardTitle{
    margin:auto;
    text-align: center;
    font-size: 2em;
}

#banned{
    border: solid 1px brown;  
    display: block;
    margin: auto;
    width: 65%;
}

.category{
    font-weight: bold;
}

#content{
    width: 100%;
}

.formTitle{
    font-weight: bold;
}

#header{
    size: 3em;
    text-align: center;
}

.headerNav{
    list-style-type: none;
    text-align: center;
}

#main{
    background-color: #EEDDCC;
    border: double green;
    left: 200px;
    padding: 1em;
    position: relative;
    width: calc(100% - 250px);
}   

#mainmenu{
    padding: 1em;
    background-color: #EEDDCC;
}

.maxInfo{
    font-size: 11px;
    float: right;
}

#navbar{
    background-color: #EEDDCC;
    border: double green;
    color: black;
    float: left;
    padding: 1em;
    position: fixed;
    width: 150px;
} 

.opHeader{
    vertical-align: top;
    display: inline;
    font-weight: 700;
}

.replyHeader{
    vertical-align: top;    
    font-weight: 700;
}

#subjectInput{
    width: -webkit-fill-available;
}

.threadOpener{
    position: absolute;
    bottom: 0px;
    padding: 0.5em;
}

#commentField{
    height: 8em;
    width: 22em;
}

#subject{
    margin:auto;
    text-align: center;
    font-size: 1.75em;
}

#subTitle{
    font-size: 0.8em; 
}

.thread{
    vertical-align: text-top;
}

#threadForm{
    background-color: #E0D2BC;
    border: double green;
    margin-bottom: 1em;
    margin: auto;
    padding: 1em;
    width: 300px;    
}

#title{
    font-size: 1em;
    text-align: center;
    width: 400px;
}  

.post{
    background-color: #E0D2BC;
    border: double brown;
    clear: left;
    display: table;
    margin: 0.3em 0.3em 0.3em 2em;
    overflow: auto;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;

}  

.postSubject{
    font-weight: bold;
}

.OP{
    position: relative;
    background-color: #E0D2BC;
    display: table;
    overflow: auto;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
}

.comment{
    margin-bottom: -5px;
    margin-left: 1em;
    margin-top: 5px;
    min-width: 300px;
    padding: 0.5em;
    white-space: pre-line;
    overflow-wrap: break-word;
}

.opComment{
    margin-bottom: 5px !important;
}

#loginHeader{
    text-align: center;
}

.cleanForm{
    border: double black;
    display: block;
    margin:auto;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: center;
    width: 500px;
}

.invalidFeedback{    
    color:red;
}

#login{
    
}

.threadImage{
    float: left;
    margin-right: 1em;
    max-height: 200px;
    max-width: 200px;
    vertical-align: top;
}

.image{
    float: left;
    margin-right: 1em;
    max-height: 124px;
    max-width: 124px;
    vertical-align: top;
}

footer{
    bottom: 0;
    padding-top: 1em;
    position: relative;
    text-align: right;
}

.profileHeader{
    font-weight: bold;
}

.posterName{
    color: #117743;    
}

.imageInfo{
    font-size: 12px;
}

#searchInput{
    width:100%;
}

.threadDivider{
    margin-bottom: 1em;
    margin-top: 1em;
}