body {
    background-color: #dbcaa2;
    font-size: 62.5%;
}

h1 {
    font-family: "Museo 700", Arial, sans-serif;
    font-size: 22pt;
    font-weight: 700;
    color: #8ac00c;
}

    h1 a {
        text-decoration: none;
        color: #8ac00c;
    }

h3 {
    font-family: "Museo 700", Arial, sans-serif;
    font-size: 13pt;
    color: #8ac00c;
    margin-bottom: 1em
}

    h3.alt {
        color: #0081a8;
    }

p, ul {
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 9pt;
    color: #343434;
}

p {
    margin-bottom: 1.5em;
}

a {
    color: #8ac00c;
}

#logo {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 25px;
}

p#nav {
    font-family: "Museo", Arial, sans-serif;
    font-size: 13pt;
    color: #aa9d7f;
    margin-top: -3px;
    margin-bottom: 0;
}

    p#nav a {
        color: #aa9d7f;
    }
    
    p#nav span.active {
        color: #8ac00c;
    }

.vcard p {
    color: #736a56;
    font-size: 10pt;
    text-align: right;
    margin-top: 10px;
    z-index: 30;
    position: relative;
    margin-bottom: 0;
}

    .vcard p a {
        color: #736a56;
    }

#content {
    background: transparent url("../images/page-body.png") top center repeat-y;
    position: relative;
    top: -10px;
    height: 100%;
}

    #content .inner {
        background: transparent url("../images/page-header.png") top center no-repeat;
        padding-top: 30px;
        line-height: 1.4;
    }
    
    #content .inner .grid_12 {
        background: transparent url("../images/page-footer.png") bottom center no-repeat;
        padding-bottom: 21px;
    }

.video {
    float: right;
    right: -15px;
    background: #e5e5e5 url("../images/breakout-notch.gif") top left no-repeat;
    position: relative;
    margin-bottom: 20px;
    line-height: 0.8;
    clear: right;
    padding-bottom: 5px;
}

    .nogrid .video {
        right: auto;
    }

    .video .inner-box {
        background: #0081a8;
        color: white;
        position: relative;
        right: -5px;
        display: block;
    }
    
    .video .helper {
        display: block;
        background: transparent url("../images/rhs-blue-breakout-helper.png") center center no-repeat;
        height: 11px;
        width: 10px;
        position: absolute;
        right: -5px;
        bottom: -5px;   
    }

h2.video {
    margin-top: 24px;
}

h2.video a {
    color: white;
    font-family: "Museo", Arial, sans-serif;
}

    h2.video .inner-box {
        background: #aa9d7f;
        font-size: 13pt;
        padding: 15px 10px;    
    }
    
    h2.video .helper {
        background: transparent url("../images/rhs-brown-breakout-helper.png") center center no-repeat;    
    }

.photo {
    float: left;
    left: -15px;
    margin-top: 0px;
    background: #e5e5e5 url("../images/breakout-notch.gif") top right no-repeat;
    position: relative;
    margin-bottom: 20px;
    clear: left;
    padding-bottom: 5px;
}

    .nogrid .photo {
        left: auto;
    }

    .photo .inner-box {
        background: #0081a8;
        color: white;
        position: relative;
        left: -5px;
        display: block;
    }
    
    .photo .helper {
        display: block;
        background: transparent url("../images/lhs-blue-breakout-helper.png") center center no-repeat;
        height: 11px;
        width: 10px;
        position: absolute;
        left: -5px;
        bottom: -5px;   
    }
    
    .photo .photo-credit {
        text-align: right;
        color: white;
        padding: 3px 8px 6px 8px;
        line-height: 1.3;
        margin-bottom: 0px;
        font-size: 8pt;
    }
    
        .photo .photo-credit span {
            display: block;
            color: #003f4d;
        }

h2.photo {
    width: 360px;
}

    h2.photo .inner-box {
        font-family: "Museo", Arial, sans-serif;
        font-size: 17pt;
        padding: 10px 20px;
        width: 320px;
    }

.page-section-divider {
    clear: both;
    border-top: 1px solid #e0e0e0;
    margin: 15px -10px;
    height: 1px;
}

#content .bottom {
    background: #fff47a;
    margin: 0 -10px;
    padding: 12px;
    border-top: 1px solid #e0d76c;
    margin-top: 15px;
    clear: both;
    height: 100%;
    width: 696px;
}

    #content .bottom p {
        font-family: "Museo", Arial;
        font-size: 12pt;
        text-align: center;
        margin: 0;
    }
    
    #content .bottom p a {
        color: #524e2a;
    }

ul.article-list {
    margin-bottom: 20px;
}

ul.article-list li {
    margin-bottom: 15px;
}

ul.article-list .meta {
    display: block;
    color: #555;
}

#welcome-text {
    width: 390px;
    padding: 16px 15px;
    line-height: 1.4;
    font-family: "Museo", Arial, sans-serif;
    font-size: 17pt;
    color: white;
}

    #welcome-text em {
        color: #003c49;
    }

#homepage-wrapper {
    background: transparent url("../images/karate-kid.png") bottom right no-repeat;
    z-index: 500;
    min-height: 250px;
    width: 710px;
}

#bleedingwolf-link {
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    position: relative;
    right: -10px;
    top: -15px;
    padding-bottom: 15px;
}

    #bleedingwolf-link a {
        color: #736a56;
        text-decoration: none;
    }
    
    #bleedingwolf-link a span {
        text-decoration: underline;
    }

#preview-lock-header {
    background: #333;
    text-align: center;
}

    #preview-lock-header p {
        padding: 1.3em;
        margin-bottom: 0;
    }

    #preview-lock-header p,
    #preview-lock-header a {
        color: #ddd;
    }

@font-face {
    font-family: "Museo";
    src: url("../fonts/Museo300-Regular.otf");
}

@font-face {
    font-family: "Museo 700";
    src: url("../fonts/Museo700-Regular.otf");
}