body {
    background: url("bg2.png") top left repeat;
    color: #263F37;
}

#wrapper {
    background: #DAEEED;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

.clearer {
    clear: both;
}

#dove-home {
    width: 500px;
    margin: 0 auto;
    display: block;
}

#bottom-image {
    width: 99%;
    margin: 0 auto;
    display: block;
}

.top-nav {
    background: #8ECCC6;
    margin-bottom: 30px;
}

    .top-nav img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

#navigation ul {
    list-style-type: none;
    background: #8ECCC6;
    text-align: center;
}

#navigation ul li {
    display: inline;
}

#navigation ul li a {
    display: inline;
    height: 100px;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0 30px;
}

#link-home a {
    background: url("icon-home.png") top center no-repeat;
}
#link-contact a {
    background: url("icon-contact.png") top center no-repeat;
}
#link-about a {
    background: url("icon-about.png") top center no-repeat;
}
#link-guide a {
    background: url("icon-guide.png") top center no-repeat;
}

.sponsors {
    background: #fff;
    margin-bottom: 30px;

}

.sponsors img {

}

.spacer {
    height: 180px;
}

.guide-list {
    text-align: center;
}

.guide-list p {
    padding: 0 20px;
}

.guide-list img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.resource-card {
    font-size: 0.8em;
    background: #f8f8f8;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.resource-card .url {
    word-wrap: break-word;
    word-break: break-all;
}

.resource-card h3 {
    margin-left: -15px !important;
}

.resource-card h4 {
    margin-bottom: 0;
}

.resource-info tr td {
    padding: 5px 10px 5px 0;
}

.resource-info tr td:first-child {
    font-weight: bold;
}

.resource-description h4 {
    font-weight: bold;
}

img.scale, img.responsive {
    max-width: 100%;
    height: auto;
}

.content > p, .content > h2 {
    padding-right: 1.5em;
    padding-left: 1.5em;
}

.content > h1 {
    padding-left: .5em;
}

.content h3 {
    margin-left: 45px;
}

.sponsorbox {
    height: 250px;
    line-height: 250px;
    text-align: center;
}

.sponsorbox > img {
    vertical-align: middle;
    display: inline-block;
    width: 80%;
}

.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
}

.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.error {
    background:#ffecec 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc 50%;
    border:1px solid #8ed9f6;
}

.resource-description > pre {
    font-family: sans-serif;
}

.quick-reference tr:first-child {

}

.quick-reference thead th {
    font-size: 11px;
}

.quick-reference tbody td:first-child {
    border: none;
    text-align: left;
}

.quick-reference tbody td {
    font-size: 11px;
    border-left: 1px solid #ccc;
    text-align: center;
    vertical-align: middle !important;
}

.quick-reference th:first-child {
    width: 300px;
}

.quick-reference td {
    width: 20px;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: #E0F3FF;
}

/* Print stuffs */

@media print {
    body {
        background: #fff;
        color: #000;
    }

    .top-nav {
        display: none;
    }

    #bottom-image {
        display: none;
    }

    #wrapper {
        background: #fff;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }

    .resource-card {
        margin-left: 20px;
        margin-right: 20px;
        width: 100%;
        page-break-inside: avoid;
    }
}

/* Sticky header */

.sticky-wrap {
    overflow-x: auto;
    position: relative;
    margin-bottom: 1.5em;
    width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .125s ease-in-out;
    z-index: 50;
    width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
    z-index: 100;
    width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;
}
.sticky-wrap .sticky-intersect th {
    background-color: #666;
    color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
    box-sizing: border-box;
    font-size: 11px;
}
.sticky-wrap th {
    background: #DAEEED;
    padding: 8px;
}

.g-recaptcha {
    margin-left: 158px;
}