/*
@black: #140C1C;
@dark-red: #442434;
@dark-blue: #30346D;
@dark-gray: #4E4A4F;
@brown: #854C30;
@dark-green: #346524;
@red: #D04648;
@light-gray: #757161;
@light-blue: #597DCE;
@orange: #D27D2C;
@blue-gray: #8595A1;
@light-green: #6DAA2C;
@peach: #D2AA99;
@cyan: #6DC2CA;
@yellow: #DAD45E;
@white: #DEEED6;
*/

body {
    cursor: url("../images/cursor.png"), auto;

    background-color: #6DC2CA;
    background-image: url("../images/forest.png");
    background-position: bottom;
    background-repeat: repeat-x;
    overflow-x: hidden;
}

#bg1 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 33%;
    background-color: #30346D;
}
#bg2 {
    position: absolute;
    top: 33%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 33%;
    background-color: #597DCE;
}

@font-face {
    font-family: "04B_19";
    /*src: url("../fonts/8-BIT WONDER.TTF");*/
    src: url("../fonts/bitfont.ttf");
}

.daligncenter {
    text-align: center;
}

.dinfocol {
    position: relative;
    margin: 8px 8px 8px 8px;
    padding: 0px 16px;
    color: #442434;
    font-family: "04B_19";
    text-transform: uppercase;
    font-size: 2em;

    border-style: solid;
    border-width: 36px 16px 32px;
    border-image-outset: 0px;
    -moz-border-image: url("../images/btn.png") 36 16 28 repeat;
    -webkit-border-image: url("../images/btn.png") 36 16 28 repeat;
    -o-border-image: url("../images/btn.png") 36 16 28 repeat;
    border-image: url("../images/btn.png") 36 16 28 fill repeat;

    /*-moz-border-image: url("../images/btn.png") 36 16 32 repeat;
    -webkit-border-image: url("../images/btn.png") 36 16 32 repeat;
    -o-border-image: url("../images/btn.png") 36 16 32 repeat;
    border-image: url("../images/btn.png") 36 16 32 fill repeat;*/
}
.dinfocol h1 {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 2.5em;
}
@media screen and (max-width: 64em) {
    .dinfocol h1 {
        padding-top: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 1.5em;
    }
}
#showcase {
    max-width: 100%;
    height: auto;
}

#subscribedescr {
    margin-top: 0px;
    text-align: left;
}

#fouramgameslogo {
    max-width: 63px;
    height: auto;
    display: inline;
    vertical-align: middle;
}
#fouramgamesdescr, #haxeflixeldescr, #tigsourcedescr {
    display: inline;
    margin-top: 0px;
}
#haxeflixellogo, #tigsourcelogo {
    max-width: 64px;
    height: auto;
    display: inline;
    vertical-align: middle;
}
#fouramgameslogo, #haxeflixellogo, #tigsourcelogo {
    margin: 8px;
    transition: all 0.23s ease-in-out 0s;
}
#fouramgameslogo:hover, #haxeflixellogo:hover, #tigsourcelogo:hover {
    margin: 8px;
    transform: scale(1.33);
    transition: all 0.13s ease-in-out 0s;
}

.dinfocol-creds {
    padding-bottom: 9px;
}

table {
    width: 100%;
    text-align: center;
    color: #442434;
    font-family: "04B_19";
    text-transform: uppercase;
    font-size: 1em;
}
table, th, td, tr {
    padding: 0px;
    margin: 0px;
}

.logoimg {
    display: inline-block;
    height: 2em;
    margin-top: 6px;
    vertical-align: middle;
    transition: all 0.23s ease-in-out 0s;
}

.logoimg_clickable:hover {
    transform: scale(1.33);
    transition: all 0.13s ease-in-out 0s;
}

#extender12 {
    padding: 12px;
}
#extender16 {
    padding: 16px;
}
#extender24 {
    padding: 24px;
}
#extender48 {
    padding: 48px;
}

.cloud {
    position: absolute;
    top: -32px;
}

#twitterdescr {
    margin-top: 0px;
    margin-bottom: 12px;
}
.twitter-container-container {
    max-width: 600px;
}
.twitter-container {
    padding-bottom: 30px;
}

/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:center; padding:16px 16px 16px 16px}
#mc_embed_signup input {text-align:center; border: 0 none; background-color: #DEEED6; -webkit-appearance:none; text-transform: uppercase;}
#mc_embed_signup .button {text-align:center; background-color: #DEEED6; border: 0 none; letter-spacing:.03em; color: #442434; cursor: pointer; display: inline; font-size:48px; height: 64px; line-height: 64px; margin-top: 8px; padding:0; text-align: center; vertical-align: top; white-space: nowrap; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {transform: scale(1.33); transition: all 0.13s ease-in-out 0s;}
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup input.email {text-transform: none; font-size: 28px; display:inline; margin-bottom: 8px; min-height:64px; width:100%; min-width:152px;}
#mc_embed_signup input.button {text-align:center; display:inline; width:100%; min-width:152px;}
#mc_embed_signup {text-align:center; background:#D27D2C;}
#mc_embed_signup form {
    font-family: "04B_19";
    text-transform: uppercase;
}

@media screen and (max-width: 76em) {
    #mc_embed_signup input.button {
        font-size: 32px;
    }
    #mc_embed_signup input.email {
        font-size: 16px;
    }
}