@CHARSET "UTF-8";

#mainContainer {
    overflow-y: auto;
    border: 0;
}

#mainContainer h1 {
    max-width: 800px;
    padding: 5px;
    margin-left: 15px;
}

/**
 * hides the news Template thing
 */
.template {
    display: none;
}

/**
 * helps to create a margin around the individual news items
 */
#newsContainer {
    float: left;
    margin: 15px;
    width: 800px;
}

#news .date {
    float: right;
}

#news .read a {
    font-weight: normal;
}
#news .unread a {
    font-weight: bold;
}
#news .react {
    float: right;
}
#news .read .react {
    display: none;
}

#news .unread .isRead {
    visibility: hidden;
}
#news .openToggle {
    float: left;
    margin-right: 0.2em;
}
#news .isRead {
    float: right;
    margin-left: 0.2em;
}