@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
body {
    font-family: "Verdana", sans-serif;
    font-size: 16px;
    color: #000000;
    background-color: #CCBF82;
    background-image: url("styleimg/bglong.png");
    background-position: center top;
    background-repeat: repeat-y;
}
a { color: #000044 }
a:hover { color: #000066 }
a:visited { color: #220044 }

#topLinks {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 20px;
}

.navTop {
    color: #000000
}
.navTop:hover, .dropdown > a:hover {
    color: #000000;
    text-decoration: none
}

#topBee { margin-bottom: 0 }
#topBee > .container {
    background: url("styleimg/hiveBox.png");
    text-align: center;
}

.banner {
    margin:.3em;
    border:1px solid #000
}
#information, .innerInformation {
    box-shadow:0 .2em .5em 0 #000;
    display:table-cell;
    min-height:20em;
    background: url("styleimg/hiveBox.png");
    text-align: center;
    z-index: 999;
    position: relative;
}
.innerInformation {
    display: block;
    min-height: 5em;
    padding-bottom: 16px;
    margin-bottom: 6px;
}
.innerInformation:first-child { margin-top: 5px }
.innerInformation > footer { padding-left: 10px }
#information > p, .left { text-align: left }
.left > h2, .left > h3 { text-align: center }
.left li { list-style: inside !important }
.nav-link, h5 {
    font-size: 12px !important;
    padding: 2px 0 !important;
}
h5 { margin-top: 3px; margin-bottom: 3px; cursor: default }
.nav-item, .navTop, .dropdown, .dropdown-menu > li {
    background-color: #746b39;
    border: 2px solid #000;
    border-bottom-width: 0;
    box-sizing: border-box;
}
li { list-style: none !important }
.dropdown {
    display: inline-block;
    font-size: 32px;
    padding: 30px 0;
}
.dropdown > a {
    display: block;
    width: 100%;
}
.navTop, .dropdown, .dropdown-menu > li {
    border-right-width: 0;
    background-color:#E8D672;
}
.navTop:nth-child(odd), .dropdown:nth-child(odd), .dropdown-menu > li:nth-child(odd) {
    background-color:#DDC970
}
.navTop:last-child, .dropdown:last-child {
    border-right-width: 2px;
}
    
.nav-item > a, .sidebar-heading, .navTop, .dropdown > a {
    color: #000;
    font-family: 'Press Start 2P',Verdana;
    text-align: center;
}
.dropdown-menu > li > a { color: #000000 }
.nav-item:nth-child(odd) { background-color: #857943 }
.nav-item:last-child, .navTop, .dropdown, .dropdown-menu > li:last-child { border-bottom-width:2px }
.nav-item.active { background-color:#FFF186 }
.nav-item:hover, .nav-link:hover, .navTop:hover { background-color:#FFF186 !important; }
#content, #bottomBee > .container {
    background: url("styleimg/catacombs.png");
    margin: 0 auto;
}
#bottomBee > .container {
    margin-top: -1px;
    padding-top: 5px;
    text-align: center;
}
p {
    margin: 0;
    padding: 0 5px 5px;
    text-indent: 2em;
}
.icon { margin:.25em auto }

.dropdown-menu > li > a:active { background: none }

.dropdown-menu {
    font-size: 36px;
    font-family: 'Press Start 2P',Verdana;
    text-align: center;
    padding: 0;
    box-shadow: 0 .2em .5em 0 #000;
}
.dropdown-menu > li {
    padding: 0 100px;
}
#bottomLinks { margin-top: 20px }
#mobileNav { margin-bottom: 0 }

footer {
    position: absolute;
    bottom: 0;
    width: 97%;
}

.cRating{
    display:inline-block;
    width:19px;
    height:19px;
    background:url("styleimg/contents.png") no-repeat
}
.ditherMe { opacity: 0.5 }
.cUserGen{
    background-position:-57px 0
}
.cSex{
    background-position:-19px 0
}
.cSexMild{
    background-position:-19px -19px
}
.cCurse{
    background-position:-38px 0
}
.cCurseMild{
    background-position:-38px -19px
}
.cViolence{
    background-position:-76px 0
}
.cViolenceMild{
    background-position:-76px -19px
}
.cGitHub{
    background-position:0 -19px
}
.cItchIo{
    background-position:-95px 0
}
.cSteam{
    background-position:-114px -19px
}
.cVideo{
    background-position:-114px 0
}
.cPlay{
    background-position:-95px -19px
}
.cTumblr{
    background-position:-57px -19px
}
.cPrivacy{
    background-position:-133px 0
}

@media (max-width: 992px) {
    .navTop { font-size: 36px }
    #bottomBee > .container { font-size: 32px }
    body { font-size: 42px }
    .third { border-right-width: 2px; }
    .container { width: 100% }
    #content { width: 98% }
    #information, .innerInformation { padding-bottom: 120px; }
    .innerInformation { margin-bottom: 10px }
    .navTop { padding: 20px 0 }
    .cRating{
        display:inline-block;
        width:76px;
        height:76px;
        background:url("styleimg/contents4x.png") no-repeat
    }
    .cUserGen{
        background-position:-228px 0
    }
    .cSex{
        background-position:-76px 0
    }
    .cSexMild{
        background-position:-76px -76px
    }
    .cCurse{
        background-position:-152px 0
    }
    .cCurseMild{
        background-position:-152px -76px
    }
    .cViolence{
        background-position:-304px 0
    }
    .cViolenceMild{
        background-position:-304px -76px
    }
    .cGitHub{
        background-position:0 -76px
    }
    .cItchIo{
        background-position:-380px 0
    }
    .cSteam{
        background-position:-456px -76px
    }
    .cVideo{
        background-position:-456px 0
    }
    .cPlay{
        background-position:-380px -76px
    }
    .cTumblr{
        background-position:-228px -76px
    }
    .cPrivacy{
        background-position:-532px 0
    }

    .tooltip-inner { font-size: 32px }
}