@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'hobo_bt';
    src: url('hobo-bt-webfont.woff2') format('woff2'),
         url('hobo-bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adlibregular';
    src: url('adlib_regular-webfont.woff2') format('woff2'),
         url('adlib_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'joy_for_funnormal';
    src: url('joy_for_fun-webfont.woff2') format('woff2'),
         url('joy_for_fun-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'glikerregular_semi_condensed';
    src: url('gliker-regularsemicondensed-webfont.woff2') format('woff2'),
         url('gliker-regularsemicondensed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'glikerregular';
    src: url('gliker-regular-webfont.woff2') format('woff2'),
         url('gliker-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.container {
    margin-left: auto;
    margin-right: auto;
    font-family: glikerregular_semi_condensed;
    font-style: normal;
    font-variant: normal;
    text-align: left;
    min-width: 650px;
    max-width: 1500px;
}

.container header {
    background-image: url("images/christmassnow/hydroheaderv3-christmassnow.jpg");
    background-repeat: no-repeat;
    height: 250px;
    background-position: left center;
    text-align: center;
    background-size: auto 250px;
    border: medium solid #FFFFFF;
}
.container section {
    margin-bottom: 20px;
    margin-top: 20px;
    border: medium solid #FFFFFF;
    background-image: url(images/christmassnow/statistics-backgroundv4-christmassnow.png);
    background-position: right center;
    background-size: auto 250px;
    background-repeat: repeat-y;
    font-family: glikerregular_semi_condensed;
}
.container nav {
    width: 250px;
    float: left;
    margin-right: 20px;
    background-color: #ffbd0f;
    border: medium solid #FFFFFF;
    vertical-align: top;
    background-image: url(images/christmassnow/nav-flowerbackground-christmassnow.png);
    background-repeat: repeat;
    background-size: 250px 500px;
    margin-bottom: 20px;
}
.container article {
    vertical-align: top;
    font-style: normal;
    float: right;
    width: calc(100% - 280px);
    margin-bottom: 20px;



}
.container footer {
    background-color: #F8750D;
    margin-top: 20px;
    margin-bottom: 20px;
    border: medium solid #FFFFFF;
    clear: both;
    text-align: center;

}


.contentbox  {width:100%;border-collapse:collapse;border-color:#FFFFFF;border-spacing:0;border-style:solid;border-width:3px;}
.contentbox td{border-style:solid;border-width:0px;overflow:hidden;
  padding:0px 0px;word-break:normal;}
.contentbox th{border-style:solid;border-width:0px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.contentbox .cb-title{
    background-color: #003366;
    border-color: #ffffff;
    color: #d0ff00;
    text-align: left;
    vertical-align: top;
    background-image: url(images/christmassnow/headline-graphic-christmassnow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 75px;
    padding-left: 10px;
    font-family: "adlibregular";
}
.contentbox .cb-author{
    background-color: #00264c;
    border-color: #ffffff;
    color: #ffffff;
    text-align: right;
    vertical-align: top;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.contentbox .cb-content{
    background-color: #003366;
    border-color: #ffffff;
    color: #ffffff;
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
    font-family: joy_for_funnormal;
    padding-right: 10px;
}

/* unvisited link */
a:link {
  color: #ffefaf;
}

/* visited link */
a:visited {
  color: #ffefaf;
}

/* mouse over link */
a:hover {
  color: #ffde5e;
}

/* selected link */
a:active {
  color: #FF8932;
}

#discord {height: 51px;width: 160px;background: url(images/discord.png) no-repeat;background-position: -0 0;line-height: 51px;cursor: pointer;display: inline-block;top: 0px;position: relative;}
#discord:hover {background-position: 0 -51px;color: #FFFFFF;text-decoration: none;}