@import url(//fontsource.bytes.icu/righteous/latin.css);

body {
    background: #CDC8B4;
    background: linear-gradient(#cdc8b4, #ffffff);
    background-repeat: no-repeat;
}

a {
    color: #337ab7;
}

h1, h2, h3 {
    font-family: Righteous, sans-serif;
}

nav {
    background: #0c4497 linear-gradient(#0b3d88, #0e4ead)
}

.jumbotron {
    background: linear-gradient(135deg, #EEE 0%, #FFF 50%, #DDD 100%);
}

.push-button, .push-button:hover {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 10px 20px;
    background: #0069cc linear-gradient(#0055cc, #0088cc) repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055cc', endColorstr='#0088cc', GradientType=0);
    border-radius: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 #2ab7ec, 0 5px 0 0 #004488, 0 10px 5px #999999;
}

.push-button:hover {
    color: #FFA;
}

.push-button:active, .push-button:hover:active {
    top: 3px;
    box-shadow: inset 0 1px 0 #0088cc, 0 2px 0 0 #004488, 0 5px 3px #999999;
}

.headline {
    border-bottom: 1px dotted #666666;
    border-top: 1px dotted #666666;
    /*font-size: 230%;*/
    margin: 1em 0;
    padding: 0.5em 0;
    text-align: center;
    background: #FAFAFA;
}

.btn-header {
    color: #333333;
    font-family: Righteous, sans-serif;
    font-size: 26px;
    /*margin: 15px 0 0;*/
    /*padding: 5px 10px;*/
    text-decoration: none;
    text-shadow: 0 3px 2px #999999;
    background: #EEEEEE linear-gradient(#aaaaaa, #ffffff) repeat-x;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 5px 0 0 #888888, 0 10px 5px #000066;
    /*line-height: 19px;*/
}

.header-button:hover {
    text-decoration: none;
    color: #444;
    background: #FFF linear-gradient(#eeeeee, #ffffff);
}

footer {
    background: #e9e9e5 linear-gradient(#dddddd, #fafaf0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#fafaf0', GradientType=0);
    color: #666666;
    padding: 0.5em;
    text-align: center;
    margin-top: 1em;
    font-size: 14px;
}

input.chatUrl {
    font-size: 200%;
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    margin-bottom: 9px;
    line-height: 18px;
    color: #555555;
    border-radius: 3px;
    background-color: #eeeeee;
    border: 1px solid #ddd;
    width: 90%;
    max-width: 700px;
}

#ad {
    width: 100%;
    height: 90px;
    margin-top: 2em;
}

#headAd {
    margin: 1em auto;
    width: 100%;
    max-width: 728px;
    height: 90px;
    vertical-align: middle;
    padding: 0 1em;
}

#headAd img {
    width: 100% !important;
    height: auto !important;
}

.page-container {
    background: #fff;
    border-radius: 1em;
    margin-top: 2em;
    border: 1em solid #FFF
}

.flip-counter ul.cd {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flip-counter li {
    background: url(../img/flipcounter-digits.png) 0 0 no-repeat
}

.flip-counter li.t {
    background-position: 0 0;
    width: 53px;
    height: 38px
}

.flip-counter li.b {
    background-position: 0 0;
    width: 53px;
    height: 63px
}

.flip-counter li.s {
    background-position: -53px -1030px;
    width: 14px;
    height: 102px
}