@charset "UTF-8";
/* CSS Document */
html, html * { box-sizing: border-box; padding: 0; margin: 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
body { background-color:#412d11; font-size:18px; }
body, h1, h2, h3, h4 { margin:0; padding:0; }
img { width:100%; }

audio { width:100%; }

    .txt10 { font-size:10px; }
    .txt12 { font-size:12px; }
    .txt14 { font-size:14px; }
    .txt16 { font-size:16px; }
    .txt18 { font-size:18px; }
    .txt20 { font-size:20px; }
    .centerText { text-align: center; }
    .textLeft { text-align: left; }
    .textRight { text-align: right; }
    .padTB10 { padding:10px 0; }
    .padTB20 { padding: 20px 0; }
    .clearB { clear: both; }
    .letterSpacing-2 { letter-spacing: -2px; }
    .hr80c { width:80%; margin:25px 10%; }
    .item { margin-bottom: 15px; }
    .caps { text-transform: capitalize; }

/* Share Buttons */

header { 
    width: 100%;
    border-bottom:#ddd197 solid 2px; 
    text-align:center; 
    margin:0; 
    padding:0;
    min-height: 60px;
    color:#FFF; 
}

main {
    width: 100%;
    min-height: 100px;
    background-color: #FFF;
    color: #555;
}
footer { width: 100%; min-height: 400px; color: #bbb075; }
footer a, footer a:visited { text-decoration: none; color: #ddd197; }
footer a:hover { color: #FFEEA1; }

/* Mobile Layout: 480px and below. */

/* Share Buttons */
#shareButtonBox { padding: 0 25px; }
#shareButtonBox img { width:32px; height:32px; margin:3px 0; vertical-align: middle; }
#shareButtonBox div { display: inline-block; width: 32px; margin: 0; }

footer { font-size: 1.15em; }
footer span { display: inline-block; }

#imgPageRight {
    width: 98%;
    margin: 35px auto 0 auto;
}

#imgPageRight img {
    width: 90%;
    margin: 15px 5%;
    float: none;
}

#imgPageRight .txt {
    width: 98%;
    margin: 15px auto;
    text-align: left;
    float: none;
}

    .onLeft, .onLeft40 { float: none; width: 96%; margin: 0 auto; display: block; }
    .onRight, .onRight60 { float: none; width: 90%; margin: 0 auto; display: block; }
    .imgFloatRight { float: none; width: 90%; margin: 0 0 10px 5%; display: block; }

    .show001, .showWebOnly { display:none; }
    .show100 { display:block; }
    .show101 { display:block; }
    .show010 { display:none; }
    .show011 { display:none; }
    .show110 { display:block; }

    /* Blog Page */
    #blogPage { width: 90%; margin: 35px auto 0 auto; }    
    #blogPage h2 { font-size: 16px; margin: 0 0 10px; }    
    #blogPage h6 { font-weight: normal; display: inline; }    
    #blogPage .postWrape { width: 100%; margin: 0 auto 15px auto; display: block; }       
    #blogPage .textWrape { width: 100%; margin: 0; vertical-align: top; display: block; }
    #blogPage .textWrapeIMG { width: 100%; margin: 0; vertical-align: top; display: block; }      
    #blogPage .imageWrape { display: none; }

/* iPad Layout: 481px and above. */
@media only screen and (min-width: 481px) {

    
    .onLeft, .onLeft40 { float: none; width: 94%; margin: 0 auto; display: block; }
    .onRight, .onRight60 { float: none; width: 90%; margin: 0 auto; display: block; }
    
/* Share Buttons */

header { min-height: 80px; }
footer span { display: none; }

    .show001, .showWebOnly { display:none; }
    .show100 { display:none; }
    .show101 { display:none; }
    .show010 { display:block; }
    .show011 { display:block; }
    .show110 { display:block; }

    /* Blog Page */    
    #blogPage h2 { font-size: 22px; margin: 0 0 15px; } 
    #blogPage .textWrapeIMG { width: 60%; margin: 0 auto; vertical-align: top; display: block; }
    
}


/* webpage Layout: 769px and above. */
@media only screen and (min-width: 769px) {
    
    .onRight { float: right; width: 39%; margin: 0; display: block; }
    .onRight60 { float: right; width: 60%; margin: 0; display: block; }
    .imgFloatRight { float: right; width: 45%; margin: 0 0 3px 15px; display: block; }

/* Share Buttons */

header { min-height: 100px; }

#imgPageRight {
    width: 90%;
    margin: 35px auto 0 auto;
}

#imgPageRight img {
    width: 45%;
    margin: 15px 0;
    float: right;
}

#imgPageRight .txt {
    width: 52%;
    margin: 15px 0;
    text-align: left;
    float: left;
}

    .show001, .showWebOnly { display:block; }
    .show100 { display:none; }
    .show101 { display:block; }
    .show010 { display:none; }
    .show011 { display:block; }
    .show110 { display:none; }

    /* Blog Page */
    #blogPage { width: 98%; max-width: 1080px; margin: 35px auto 0 auto; }    
    #blogPage h2 { font-size: 28px; margin: 0 0 15px; }       
    #blogPage .textWrape { width: 75%; margin: 8px 0 0 0; vertical-align: top; display: inline-block; }      
    #blogPage .textWrapeIMG { display: none; }
    #blogPage .imageWrape { width: 24%; vertical-align: middle; display: inline-block; }

}