@import url('/fonts/quicksand/stylesheet.css');
@import url('/fonts/cantarell/stylesheet.css');
@import url('/fonts/cartogothic/stylesheet.css');


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { 
    display: block;
}

h1,h2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 1em;
    font-weight: normal;
}

p {
    margin: 0;
    padding: 0;
}






body {
    background: #000;
    margin: 0;
    padding: 0;
    font-family: Arial,Verdana,sans-serif;
    visibility: hidden;
}



/* header */

#info {
    overflow: hidden;
    color: #fff;
    padding: 10px;
}

    #info h1 {
        font: 60px CartoGothicStdBold;
        letter-spacing: -.06em;
        text-transform: uppercase;
        overflow: hidden;
        margin: 0;
        padding: 0;
        text-align: right;
    }

    #info h2 {
        margin-top: -10px;
        font: 18px QuicksandBook;
        text-align: right;
    }



    #extLinks {
        margin-top: 20px;
        font: 14px QuicksandBook;
        text-align: right;
        overflow: visible;
    }

        #extLinks a {
            text-decoration: none;
            color: #fff;
        }

        #extLinks a:hover,
        #extLinks a:active {
            text-decoration: underline;
        }

        #extLinks ul {
            list-style: none;
            margin: 0;
            padding: 0;
            overflow: visible;
            float: right;
        }

            #extLinks ul li {
                float: left;
                margin: 0 0 0 10px;
                overflow: visible;
            }



#caption {
    display: none; /* Mobile */
    position: fixed;
    text-transform: lowercase;
    padding: 10px;
    color: #fff;
}

    #captionTitle {
        font: 15px CantarellRegular;
    }

    #captionSubtitle {
        font: 11px CantarellRegular;
    }



/* LAYOUT: Charleston */

.layoutCharleston {
    background: #000 url(/img/chs.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .layoutCharleston #info {
        position: fixed;
        color: #fff;
        top: 60px;
        right: 60px;
    }

    .layoutCharleston #info h1 {
        font-size: 50px;
    }

    .layoutCharleston #info h2 {
        font-size: 16px;
    }

        .layoutCharleston #info #extLinks a {
            color: #fff;
            font-size: 12px;
        }

    .layoutCharleston #caption {
        display: block;
        bottom: 30px;
        left: 30px;
        color: #fff;
    }



/* LAYOUT: Austin */

.layoutAustin {
    background: #000 url(/img/austin.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/austin.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/austin.jpg', sizingMethod='scale')";
}

    .layoutAustin #info {
        position: fixed;
        color: #FDF8E3;
        top: 320px;
        left: 60px;
    }

        .layoutAustin #info h1,
        .layoutAustin #info h2 {
            text-align: left;
        }

        .layoutAustin #extLinks ul {
            float: left;
        }

        .layoutAustin #info h1 {
            font-size: 55px;
        }

        .layoutAustin #info h2 {
            font-size: 16px;
        }

        .layoutAustin #extLinks ul li {
            margin: 0 10px 0 0;
        }

        .layoutAustin #info #extLinks a {
            color: #FDF8E3;
            font-size: 12px;
        }

    .layoutAustin #caption {
        display: block;
        bottom: 30px;
        right: 30px;
        color: #FDF8E3;
    }



/* LAYOUT: Tree */

.layoutTree {
    background: #000 url(/img/tree_branch.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .layoutTree #info {
        position: fixed;
        color: #fff;
        top: 70px;
        left: 30px;
    }

        .layoutTree #info h1,
        .layoutTree #info h2 {
            text-align: left;
        }
        
        .layoutTree #extLinks ul {
            float: left;
        }

            .layoutTree #extLinks ul li {
                margin: 0 10px 0 0;
            }

        .layoutTree #info #extLinks a {
            color: #fff;
        }   

    .layoutTree #caption {
        display: block;
        bottom: 30px;
        right: 30px;
        color: #fff;
    }






/* LAYOUT: Gus */

.layoutGus {
    background: #000 url(/img/gus.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .layoutGus #info {
        position: fixed;
        color: #1e1100; /*#43270e;*/
        top: 10px;
        right: 10px;
    }

        .layoutGus #info h1 {
            font-size: 50px;
        }

        .layoutGus #info h2 {
            font-size: 17px;
            letter-spacing: -.09em;
        }

        .layoutGus #info h1,
        .layoutGus #info h2 {
            text-align: right;
        }

        .layoutGus #extLinks ul {
            float: right;
        }

            .layoutGus #extLinks ul li {
                margin: 0 0 0 10px;
            }

        .layoutGus #info #extLinks a {
            color: #1e1100;
            display: block;
            bottom: 30px;
            right: 30px;
            font-size: 12px;
            /*font-family: QuicksandBold;*/
        }

    .layoutGus #caption {
        display: block;
        bottom: 30px;
        left: 30px;
        color: #1e1100;
    }



/* LAYOUT: Josh + Gus */

.layoutJoshGus {
    background: #000 url(/img/joshGus.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .layoutJoshGus #info {
        position: fixed;
        color: #fff;
        top: 15px;
        left: 15px;
    }

        .layoutJoshGus #info h1 {
            font-size: 60px;
        }

        .layoutJoshGus #info h2 {
            font-size: 18px;
            letter-spacing: -.09em;
        }

        .layoutJoshGus #info h1,
        .layoutJoshGus #info h2 {
            text-align: left;
        }
        
        .layoutJoshGus #extLinks ul {
            float: left;
        }

            .layoutJoshGus #extLinks ul li {
                margin: 0 10px 0 0;
            }

        .layoutJoshGus #info #extLinks a {
            color: #000;
            display: block;
            bottom: 30px;
            right: 30px;
            color: #fff;
            font-size: 12px;
            /*font-family: QuicksandBold;*/
        }

    .layoutJoshGus #caption {
        display: block;
        bottom: 30px;
        right: 30px;
        color: #fff;
    }


/* LAYOUT: Red Flower */

.layoutRedFlower {
    background: #000 url(/img/redFlower.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .layoutRedFlower #info {
        position: fixed;
        color: #fff;
        top: 35px;
        left: 35px;
    }

        .layoutRedFlower #info h1 {
            font-size: 60px;
        }

        .layoutRedFlower #info h2 {
            font-size: 18px;
            letter-spacing: -.09em;
        }

        .layoutRedFlower #info h1,
        .layoutRedFlower #info h2 {
            text-align: left;
        }
        
        .layoutRedFlower #extLinks ul {
            float: left;
        }

            .layoutRedFlower #extLinks ul li {
                margin: 0 10px 0 0;
            }

        .layoutRedFlower #info #extLinks a {
            color: #000;
            display: block;
            bottom: 30px;
            right: 30px;
            color: #fff;
            font-size: 12px;
            /*font-family: QuicksandBold;*/
        }

    .layoutRedFlower #caption {
        display: block;
        bottom: 30px;
        right: 30px;
        color: #fff;
    }


/* LAYOUT: Seeding */

.layoutSeeding {
    background: #000 url(/img/seeding.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .layoutSeeding #info {
        position: fixed;
        color: #fff;
        top: 35px;
        left: 35px;
    }

        .layoutSeeding #info h1 {
            /*font-size: 60px;*/
        }

        .layoutSeeding #info h2 {
            /*font-size: 18px;*/
            letter-spacing: -.09em;
        }

        .layoutSeeding #info h1,
        .layoutSeeding #info h2 {
            text-align: left;
        }
        
        .layoutSeeding #extLinks ul {
            float: left;
        }

            .layoutSeeding #extLinks ul li {
                margin: 0 10px 0 0;
            }

        .layoutSeeding #info #extLinks a {
            color: #000;
            display: block;
            bottom: 30px;
            right: 30px;
            color: #fff;
            font-size: 12px;
        }

    .layoutSeeding #caption {
        display: block;
        bottom: 30px;
        right: 30px;
        color: #fff;
    }



/* LAYOUT: Presidential */

.layoutPresidential {
    background: #000 url(/img/presidential.jpg) no-repeat center top fixed;
}

    .layoutPresidential #info {
        position: fixed;
        color: #000;
        top: 20px;
        left: 160px;
    }

        .layoutPresidential #info h1 {
            font-size: 40px;
        }

        .layoutPresidential #info h2 {
            font-size: 14px;
            letter-spacing: -.09em;
            font-family: QuicksandBold;
        }

        .layoutPresidential #info h1,
        .layoutPresidential #info h2 {
            text-align: left;
        }
        
        .layoutPresidential #extLinks ul {
            float: left;
        }

            .layoutPresidential #extLinks ul li {
                margin: 0 10px 0 0;
            }

        .layoutPresidential #info #extLinks a {
            color: #000;
            display: block;
            bottom: 30px;
            right: 30px;
            font-size: 12px;
        }

    .layoutPresidential #caption {
        display: block;
        bottom: 10px;
        right: 10px;
        color: #fff;
    }


/* LAYOUT: Blood Orange */

.layoutBloodOrange {
    background: #000 url(/img/blood_orange.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .layoutBloodOrange #info {
        position: fixed;
        color: #fff;
        top: 20px;
        left: 20px;
    }

        .layoutBloodOrange #info h1 {
            /*font-size: 60px;*/
        }

        .layoutBloodOrange #info h2 {
            /*font-size: 18px;*/
            letter-spacing: -.09em;
        }

        .layoutBloodOrange #info h1,
        .layoutBloodOrange #info h2 {
            text-align: left;
        }
        
        .layoutBloodOrange #extLinks ul {
            float: left;
        }

            .layoutBloodOrange #extLinks ul li {
                margin: 0 10px 0 0;
            }

        .layoutBloodOrange #info #extLinks a {
            color: #000;
            display: block;
            bottom: 30px;
            right: 30px;
            color: #fff;
            font-size: 12px;
        }

    .layoutBloodOrange #caption {
        bottom: 30px;
        right: 30px;
        color: #fff;
    }


/* LAYOUT: Smelliott */

.layoutSmelliott {
    background: #000 url(/img/smelliott.jpg) no-repeat center center fixed;
    _background: transparent none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/smelliott.jpg', sizingMethod='scale')";
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/smelliott.jpg', sizingMethod='scale');*/
}

    .layoutSmelliott #info {
        position: fixed;
        color: #000;
        bottom: 10px;
        left: 10px;
    }

        .layoutSmelliott #info h1 {
            font-size: 50px;
        }

        .layoutSmelliott #info h2 {
            font-size: 16px;
            letter-spacing: -.09em;
        }

        .layoutSmelliott #info h1,
        .layoutSmelliott #info h2 {
            text-align: left;
        }
        
        .layoutSmelliott #extLinks ul {
            float: left;
        }

            .layoutSmelliott #extLinks ul li {
                margin: 0 10px 0 0;
            }

        .layoutSmelliott #info #extLinks a {
            color: #000;
            display: block;
            bottom: 30px;
            right: 30px;
            font-size: 12px;
        }

    .layoutSmelliott #caption {
        display: block;
        top: 15px;
        right: 15px;
        color: #000;
    }