/* Global */

@font-face {
    font-family: local_Liberation_Sans;
    src: url(/fonts/LiberationSans-Regular.ttf);
}
@font-face {
    font-family: local_Liberation_Sans_Italic;
    src: url(/fonts/LiberationSans-Italic.ttf);
}
@font-face {
    font-family: local_Liberation_Mono;
    src: url(/fonts/LiberationMono-Regular.ttf);
}
@font-face {
    font-family: local_MarckScript;
    src: url(/fonts/MarckScript-Regular.ttf);
}
@font-face {
    font-family: local_KGMidnightMemories;
    src: url(/fonts/KGMidnightMemories.ttf);
}
/* Unused fonts */
@font-face {
    font-family: local_KGThisIsNotGoodbye;
    src: url(/fonts/KGThisIsNotGoodbye.ttf);
}

.body {
/*    background: #214;*/
    overflow-y: scroll; /* Fix horizontal jumps by forcing scrollbar to always show */
    background-image: url("/img/natfl225.jpg");
    margin: 0 auto;
    padding: 0;
    font-family: local_Liberation_Sans, Sans-serif;
    color: #ddd;
}
.body p, a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.body h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: medium;
    font-weight: normal;
}
.web2_tooltip {
    position: relative;
}
.web2_tooltip_text {
    visibility: hidden;
    position: absolute;
    width: 6rem;
    right: -6.6rem;
    bottom: 0.2rem;
    z-index: 1;
    padding: 0 0.2rem;
    border-radius: 0.4rem;
    background-color: #eed202;
    font-size: 0.9rem;
    color: #000;
    text-align: center;
}
.web2_tooltip:hover .web2_tooltip_text {
    visibility: visible;
}

.backdrop {
    margin: 0 auto;
    width: 60rem;
    height: 16rem;
    position: relative;
}
.spray {
    position: absolute;
    top: 2rem;
    right: -6rem;
}
.cheshire {
    position:absolute;
    top: -1rem;
    left: -13.5rem;
}
.rabbit {
    position:absolute;
    top: 40rem;
    right: 4rem;
}
.quote {
    position:absolute;
    bottom: 2rem;
    right: -5rem;
    box-sizing: border-box; /* This keeps the element size from being pushed out by the padding */
    width: 55rem;
    height: 8rem;
    text-align: left;
    font-family: local_MarckScript, Sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fcc200;
}
.moodbar {
    position:absolute;
    left: 2rem;
    bottom: 1rem;
    box-sizing: border-box;
    width: 25rem;
    height: 2.5rem;
    text-align: left;
    line-height: 1.25rem; /* Divide element height by number of rows to get this value: this centers the text vertically */
    font-family: local_Liberation_Mono, Monospace;
}

.content {
    position: relative;
    margin: 0 auto 10rem auto;
    width: 60rem;
}
.content_main {
    padding: 3rem 1rem 3.5rem 1rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    width: 42rem;
    min-height: 36rem;
    line-height: 1.5rem;
    text-align: justify;
    background-image: url("/img/wood139.gif");
    border: 0.4rem solid;
    border-image-source: url("/img/wood100_1.png");
    border-image-slice: 25%;
    border-image-repeat: repeat;
    box-shadow: 0.1rem 0.2rem #214;
}
.content_main p {
    margin-bottom: 1rem;
}
.content_main a {
    color: #0ff;
    text-decoration: underline;
}
.content_main h1 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: local_KGMidnightMemories, Sans-serif;
}
.content_main h2 {
    font-weight: bold;
    font-size: 1.2rem;
    font-family: local_KGMidnightMemories, Sans-serif;
}
.content_main_divider {
    height: 0.5rem;
}

.content_deco_topflowers {
    position: absolute;
    top: 0.1rem;
    left: -1.5rem;
    width: 44rem;
}
.content_deco_bottomflowers {
    position: absolute;
    bottom: 0.3rem;
    left: -1rem;
    width: 44rem;
}

.nav_menu {
    position:absolute;
    top: 2rem;
    left: 42rem;
    width: 10rem;
}
.nav_menu:hover {
}
.nav_button {
    margin: 0 0 0.5rem 0;
    height: 3rem;
    box-sizing: border-box;
    border-radius: 0 0.5rem 0.5rem 0;
    color: #ddd;
    text-align: center;
    line-height: 3rem;
    background-image: url("/img/navbg.png"), url("/img/wood100.jpg");
    background-size: 100%, 3rem;
    background-position: center center, top left;
    background-repeat: no-repeat, repeat;
    box-shadow: 0.1rem 0.2rem #214;
}
.nav_button:hover {
    font-weight: bold;
    color: #fef65b;
    background-image: url("/img/navbg_active.png"), url("/img/wood100.jpg");
    background-size: 90%, 3rem;
    background-position: center center, top left;
    background-repeat: no-repeat, repeat;
    box-shadow: 0.1rem 0.2rem #214;
}
.nav_button_active {
    margin: 0 0 0.5rem 0;
    height: 3rem;
    box-sizing: border-box;
    border-radius: 0 0.5rem 0.5rem 0;
    color: #fef65b;
    text-align: center;
    line-height: 3rem;
    background-image: url("/img/navbg_active.png"), url("/img/wood100.jpg");
    background-size: 90%, 3rem;
    background-position: center center, top left;
    background-repeat: no-repeat, repeat;
    box-shadow: 0.1rem 0.2rem #214;
}

.content_sidebar {
    position:absolute;
    box-sizing: border-box;
    top: 0;
    left: 53rem;
    width: 10rem;
}
.content_sidebar_generic {
    width: 100%;
    margin: 0 0 0.5rem 0;
    border-radius: 0.5rem;
    text-align: center;
    background-image: url("/img/wood139.gif");
    border: 0.4rem solid;
    border-image-source: url("/img/wood100_1.png");
    border-image-slice: 25%;
    border-image-repeat: repeat;
    box-shadow: 0.1rem 0.2rem #214;
}
.content_sidebar_internetometer {
    width: 100%;
    padding: 0.5rem 0;
}

.content_home {
}
.content_home_lists p {
    margin-bottom: 0;
}
.content_about {
}
.content_collections {
}
.content_collections_blinkies {
    width: 150px;
    height: 20px;
}
.content_collections_lists {
    margin-bottom: 1rem;
}
.content_collections_lists p {
    margin-bottom: 0;
}
.content_guestbook {
}
.content_403 {
}
.content_404 {
}