#navbar{
    padding: 0;
    margin-top: 15px;
    font-family: monospace;
    font-size: 1rem;
}

.container{
    overflow: visible;
}

@media (max-width: 767px) {
    #navbar,
    .about-page,
    .cast-page,
    .archive{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.navigation,
.current{
    font-family: monospace;
    font-weight: 300;
}

a,
a:hover,
a:active{
    text-decoration: none;
    color: #b5112a;
}

a:hover,
a:active{
    color: #ff2249;
}

a[disabled],
a[disabled]:hover,
a[disabled]:active{
    cursor: not-allowed;
    color: #666;
}

#navbar a,
#navbar a:hover,
#navbar a:active{
    text-decoration: none;
    padding: 8px 12px !important;
}

#navbar li:first-child a{
    padding-left: 0 !important;
}
#navbar li:last-child a{
    padding-right: 0 !important;
}

#navbar a{
    color: #666;
}

#navbar a:hover,
#navbar a:active{
    color: #c50724;
}

div > h1:first-child,
div > h3:first-child{
    margin-top: 0;
}

.about-the-comic img{
    margin: 15px 15px 15px 0;
}
.about-the-author img{
    margin: 15px 0 15px 15px;
}

.about-the-comic img{
    -webkit-box-shadow: 0px 2px 8px 0px #ddd;
    -moz-box-shadow: 0px 2px 8px 0px #ddd;
    box-shadow: 0px 2px 8px 0px #ddd;
}

.cast-page .main-cast img{
    width: 120px;
    margin: 8px 15px 15px 0;
}

.cast-page .supporting-cast img{
    margin: 15px 15px 15px 0;
    width: 100px;
}

.cast-page h3{
    margin-top: 15px;
}

.pronunciation{
    font-size: 1rem;
    font-weight: normal;
    color: #999;
    white-space:nowrap;
}

.pronunciation .first-slash{
    margin-right: -4px;
    vertical-align: text-bottom;
}
.pronunciation .last-slash{
    margin-left: -4px;
    vertical-align: text-bottom;
}

.comic-page-image img{
    -webkit-box-shadow: 0px 4px 8px 2px #ddd;
    -moz-box-shadow: 0px 4px 8px 2px #ddd;
    box-shadow: 0px 4px 8px 2px #ddd;
}