/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Home
:: General
*/

/* -----------------------------------------
 Fonts
----------------------------------------- */
.quint { font-family: 'Quintessential', cursive; }
.varela { font-family: 'Varela Round', sans-serif;}

p, h2, h3, h4, h5 { font-family: 'Varela Round', sans-serif; color:#41443e;}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
p > a { color:#729a4a; }

header { margin: 25px 0 10px 0; }

@media (max-width: 600px)  {
        
    header { margin: 5px 0 10px 0 !important; }
 }

.site-title{
    font-size: 26px;
    margin: 20px 0 5px 0;
    font-family: Times New Roman;
    letter-spacing: 2px;
    padding: 0;
}

    .site-title > a { color:#41443e; }
    
    .sub-title {
        margin: 31px 0 0 0;
        font-size: 15px;
        font-family: Times New Roman;
        font-style: italic;
        letter-spacing: 1px;
        color:#41443e;
    }
    
.underline {
    width:950px;
    margin: 0 20px 17px 15px;
    height: 1px;
    background: #000;
    box-shadow: none !important;
}

    @media (max-width: 750px)  {
        
        .underline {
            width:95% !important;
            margin: 0 20px 17px 15px;
            height: 1px;
            background: #000;
            box-shadow: none !important;
        }
    }   

.head-img {
    width: 100% !important;
    margin: 0 0 -6px 0;
    height: 165px;
    background: url('../img/header-bg.jpg') no-repeat;
}

#pencil-logo {
    top:6px;
    position: relative;
}

/* Navigation */
.nav-block {
    background: #69943e;
    height: 30px;
    padding: 0;
    margin: 0 0 25px 0;
}

.top-bar-section ul { margin: 0 0 30px 0;}
.top-bar-section ul li > a {
    background: none repeat scroll 0 0 #69943e;
    font-family: Times New Roman;
    color: #FFFFFF;
    display: block;
    font-size: 0.8125em;
    font-weight: bold;
    padding: 12px 0 12px 12px;
    width: 100%;
    font-size: 1.2em;
    border-bottom: 1px solid #fff;
}

    .top-bar-section ul li > a:hover {
        background: none repeat scroll 0 0 #69943e;
        color: #212121;
    }

.nav-bar > li {
    font-family: Times New Roman;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: none none none none;
    border-width: 0 1px 0 0;
    display: block;
    float: left;
    line-height: 38px;
    margin: -4px 0 0 0;
    padding: 0 70px 0 0;
    position: relative;
}
    @media (max-width: 400px)  {
        
        .nav-bar > li {
            padding: 0 10px 0 0;
        }
        
    }

    .nav-bar > li > a:hover{ color:#212121; }
    .nav-bar > li > a { color: #fff; }
    
    
/*Section: Content*/
#content{
    width: 100%;
    background: url('../img/BG_linesRepeater.jpg') repeat center top -150px;
    border-right: #feece8;
    border-left: #feece8;
    padding: 17px 0 0 40px;
    margin: -17px 0 0 0;
}

#gutters p {
    line-height: 1.7;
}

#gutters{
    border-right: 2px solid #feece8;
    border-left: 2px solid #feece8;
    width:1000px;
    margin: auto;
}

    @media (max-width: 750px)  {
        
        #gutters{
            border-right: 2px solid #feece8;
            border-left: 2px solid #feece8;
            width:auto;
        }
    }

/** Right Panel **/
.right-panel { margin: -387px 0 0 0; }

    .right-panel > img {
        border-radius: 10px;
        border: 1px solid #fff;
    }
    
    .right-panel p {
        line-height: 1.75 !important;
    }

footer { padding: 45px 0 25px 0;}
    footer a { color: #212121; font-family: 'Varela Round', sans-serif; }
    footer a:hover {color:#69943e}
    footer > div > div > div { font-size:11px;}
    .facebook-block {
        position: relative;
        top:-20px !important;
        width: 200px;
    }

/* -----------------------------------------
   Home
----------------------------------------- */


/* -----------------------------------------
   General
----------------------------------------- */

/* -----------------------------------------
 Contact Us
------------------------------------------ */
fieldset {
    background: #fef9cf;
    border:none;
}

.contact-txt{
    height: 120px;
}

    
/* ----------------------------------------
 * UI Elements
----------------------------------------- */

.btn-grey {
    background: #40443d;
    border:none;
}