@import url("reset.css");
@import url("templates.css");
@import url(http://fonts.googleapis.com/css?family=Aclonica);

/* DOCUMENT */

    html { width: 100%; height: 100%; overflow: scroll; font: normal 13px Arial, Helvetica, sans-serif; color: #1a1a1a; line-height: 175%; background-color: #40311e; }
    body { max-width: 1000px; min-width: 600px; margin: 0 auto; padding: 0 30px 35px 30px; }
    
    #fs_bg { z-index: -999; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }
    #bg_overlay { z-index: -99; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; background: url(../images/bg_overlay.png); }
    
/* GLOBALS */

    h1,h2,h3,h4,h5,h6 { margin: 15px 0; font-family: 'Aclonica', sans-serif; }
    h1 { font-size: 32px; }
    h2 { font-size: 22px; color: #44231b; }
    h3 { font-size: 16px; color: #44231b; }
    h4 { font-size: 12px; color: #44231b; }
    h5 { /* Seriously? */ }
    h6 { /* You're Joking, Right? */ }
    
    p { margin: 15px 0; line-height: 175%; }
    
    strong { font-weight: 800; }

    a,a:link,a:visited { cursor: pointer; color: #6e242e; text-decoration: none; }
    a:hover,a:active { text-decoration: underline; outline: none; }
    
    ul, ol { margin: 0 0 0 10px; padding: 0; }
    ul li { margin: 10px 25px; padding: 0; list-style: disc; }
    ol li { margin: 10px 25px; padding: 0; list-style: decimal; }
    
    .hide { display: none; }
    .right { float: right; }
    .left { float: left; }
    .clear { clear: both; }
    
/* FORMS */

    label { display: block; margin: 10px 0 10px 0; font-size: 14px; color: #666; font-weight: bold; }        
        
    input, select, textarea, button { display: block; width: 100%; padding: 8px 10px; margin: 5px 0 15px 0; color: #4d4d4d; border: 1px solid #ccc;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    }
    
    textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; min-height: 100px; }
        
    input:focus, select:focus, textarea:focus { border: 1px solid #999; outline: none; color: #000; }
    
    input[type="hidden"] { display: none; }
    
    button, input[type="button"], input[type="submit"] { background: #dbdbdb; width: auto; padding: 6px 15px; cursor: pointer; border: 1px solid #ccc;
        outline: none;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(224,224,224)), color-stop(0.75, rgb(240,240,240)));
        background-image: -moz-linear-gradient(center bottom, rgb(224,224,224) 25%, rgb(240,240,240) 75%);
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    }
    
    button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="submit"]:focus {
        outline: none;
        border: 1px solid #bababa;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(212,212,212)), color-stop(0.75, rgb(240,240,240)));
        background-image: -moz-linear-gradient(center bottom, rgb(212,212,212) 25%, rgb(240,240,240) 75%);
        -webkit-box-shadow: 1px 1px 1px 0px rgba(100, 100, 100, .1);
        -moz-box-shadow: 1px 1px 1px 0px rgba(100, 100, 100, .1);
        box-shadow: 1px 1px 1px 0px rgba(100, 100, 100, .1);
    }
            

/* HEADER */

    header { padding: 25px 0; height: 120px; }
    #logo { position: absolute; margin: 25px 0 0 20px; z-index: 99; }
    
/* NAV */
    
    #nav_wrap {
        margin: 75px 0 0 0; background: #332514; padding: 10px 10px 10px 0; height: 40px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: rgb(119,68,55); /* Old browsers */
        background: #44231b; /* Old browsers */
        background: -moz-linear-gradient(top, #44231b 0%, #774437 50%, #44231b 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44231b), color-stop(50%,#774437), color-stop(100%,#44231b)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #44231b 0%,#774437 50%,#44231b 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #44231b 0%,#774437 50%,#44231b 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #44231b 0%,#774437 50%,#44231b 100%); /* IE10+ */
        background: linear-gradient(top, #44231b 0%,#774437 50%,#44231b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44231b', endColorstr='#44231b',GradientType=0 ); /* IE6-9 */
        zoom: 1;
        filter: alpha(opacity=95);
        opacity: 0.95;
    }
    
    nav { display: block; float: right; }
        nav ul { display: block; }
            nav ul li { display: inline; position: relative; float: left; list-style: none; margin: 0; padding: 0; }
            nav ul li a, nav ul li a:link, nav ul li a:visited { display: block; float: left; padding: 15px 10px; margin: 0 2px; font-family: 'Aclonica', sans-serif; 
                line-height: 10px; color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; 
                text-shadow: 1px 1px 2px #000000;
                filter: dropshadow(color=#000000, offx=1, offy=1);
            }
            nav ul li a:hover, nav ul li a:active, nav ul li a.active { color: #fff; background: #291c11;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;               
                -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
                -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);
                box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .9);       
            }
                /* Sub-Nav */
                nav ul ul, nav ul ul ul { display: none; position: absolute; top: 40px; left: -7px; width: 150px; padding: 5px; background-color: #774437; background-color: rgba(119,68,55, .7);
                    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
                    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
                    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
                    -webkit-border-radius: 8px;
                    -moz-border-radius: 8px;
                    border-radius: 8px;
                }
                /* Tertiary */
                nav ul ul ul { left: 128px; top: -5px; }
                
                nav ul li ul li { display: block; float: none; clear: both; }
                nav ul li ul li a, nav ul li ul li a:link, nav ul li ul li a:visited { display: block; float: none; border: 0; padding: 8px 5px; margin: 0; color: #fff; }
                nav ul li ul li a:hover, nav ul li ul li a:active { text-decoration: none; }
                nav ul li ul li a.active { }
                
                

/* FOLLOW */

    .follow { display: block; margin: 0; padding: 0; }
    .follow li { float: left; display: inline; list-style: none; margin: 0; padding: 0; }
    .follow li a, .follow li a:link, .follow li a:visited { display: block; float: left; margin: 0 10px; padding: 3px 5px; }

/* CONTENT */

    .shadow { 
        -webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .7);
        -moz-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .7);
        box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .7);
    }

    #main { margin: 15px 0; padding: 35px; background: #fff;
        background-color: rgba(255, 255, 255, .85);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;      
    }

/* FOOTER */

    footer { clear: both; margin: 25px 0; padding: 5px 35px; background-color: rgb(219,199,175);
        background-color: rgba(219,199,175, .85);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; 
    }
    
    #footer_logos { float: right; letter-spacing: 20px; }
    
    footer .follow { margin-top: 15px; }