[v-cloak] {
    display: none;
}
h1 {
    color: #0000ff;
    font-style: italic;
    font-size: 36pt;
    font-family: sans-serif;
}
div.bbswidth {
    width: auto;
    margin: 0 20px;
}
div#hidearea {
    width: 100%;
}
input.title {
    width: 98%;
    padding: 10px;
}
textarea.bodytext {
    width: 98%;
    padding: 10px;
    resize: vertical;
}
div.title {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 300px;
    border: 1px solid #556B2F;
}
p.title {
    grid-column: 1 / 2;
    margin-bottom: 0px;
    padding: 0 10px;
}
p.reply {
    grid-column: -2 / -1;
    margin-bottom: 0px;
}
p.authorinfo {
    margin: 0;
    padding: 0;
    grid-column: 1 / 2;
    font-size: small;
}
p.updateinfo {
    margin: 0;
    grid-column: -2 / -1;
    font-size: small;
}
p.center {
    width: 100%;
    text-align: center;
}
p.pageinfo {
    margin-right: 0;
    font-size: small;
    text-align: right;
}
textarea.bodytext {
    margin-right: 0;
    margin-bottom: 0;
    padding: 10px;
}
p.threadtitle {
    margin-right: 0;
    padding: 10px;
    border: 1px solid #556B2F; 
}
article {
   margin-right: 0;
   padding: 10px;
   display: grid;
   grid-template-columns: 250px 1fr 180px;
   grid-template-rows: auto 25px;
   border: 1px solid #556B2F;
}
section {
    grid-column: 1 / -1;
    grid-row: 1;
}
div.buttonframe {
    grid-column: -2 / -1;
    grid-row: 2;
    display: flex;
    justify-content: flex-end;
}
@media only screen and (max-width:400px){
    p.pageinfo {
        width: 100%;
        font-size: normal;
        text-align: right;
    }
}