body {
    font-family: helvetica, arial; font-size: 18px;
    padding: 20px;
}

input {
    font-family: helvetica, arial; font-size: 32px;
    height: 32px;
}
textarea {
    width: 400px; height: 400px;
    font-family: helvetica, arial; font-size: 18px;
}

form {
    float: left;
}

.tab {
    height: 24px;
    min-width: 120px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    padding: 10px 5px;
    background-color: white;
    border-bottom: 1px solid white;
    text-align: center;
}
.tab.hidden {
    border-bottom: 1px solid black;
    background-color: #dddddd;
}

.hr {
    height: 1px;
    width: 100%;
    background-color: black;
    clear: both;
    margin-bottom: 20px;
    z-index: -5;
    position: relative;
    top: -1px;
}

.category {
    font-weight: bold;
    padding-bottom: 10px;
}

.categorybutton {
    float: left;
    padding: 10px 15px;
    margin: 0 20px 20px 0;
    font-family: helvetica, arial; font-size: 18px;
    height: 24px;
}

.color0 {
    border: 1px solid rgba(0, 0, 255, 1);
    background-color: rgba(0, 0, 255, .1);
}

.color1 {
    border: 1px solid rgba(255, 0, 0, 1);
    background-color: rgba(255, 0, 0, .1);
}

.color2 {
    border: 1px solid rgba(0, 255, 0, 1);
    background-color: rgba(0, 255, 0, .1);
}

.color3 {
    border: 1px solid rgba(0, 255, 255, 1);
    background-color: rgba(0, 255, 255, .1);
}

.color4 {
    border: 1px solid rgba(255, 0, 255, 1);
    background-color: rgba(255, 0, 255, .1);
}

.color5 {
    border: 1px solid rgba(255, 255, 0, 1);
    background-color: rgba(255, 255, 0, .1);
}

.quote {
    clear: both;
    border: 1px solid rgba(0, 0, 55, 1);
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    min-height: 200px;
    padding: 20px;
}

.postquotepadding {
    padding: 20px;
}

.tvseries {
    border: 1px solid rgba(155, 0, 0, 1);
    background-color: rgba(155, 0, 0, .1);
    border-radius: 5px;
    min-height: 50px;
    padding: 5px;
    margin-bottom: 10px;
}

.actor {
    border: 1px solid rgba(0, 155, 0, 1);
    background-color: rgba(0, 155, 0, .1);
    border-radius: 5px;
    min-height: 50px;
    padding: 5px;
    margin-bottom: 10px;
}

.character {
    border: 1px solid rgba(0, 155, 155, 1);
    background-color: rgba(0, 155, 155, .1);
    border-radius: 5px;
    min-height: 50px;
    padding: 5px;
    margin-bottom: 10px;
}
