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

/* DOCUMENT */

    html { width: 100%; height: 100%; overflow: scroll; font: normal 14px 'Inder',Arial, Helvetica, sans-serif; color: #ccc; line-height: 175%; background: url("../images/bg2.jpg") no-repeat scroll center top #282828; }
    body { max-width: 700px; min-width: 700px; margin: 0 auto; padding: 0 30px; }
    
    header, footer, #main {  }
    
/* GLOBALS */

    h1,h2,h3,h4,h5,h6 { margin: 15px 0; }
    h1 { font-size: 28px; }
    h2 { font-size: 22px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    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: #fff; 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; }
    .bold { font-weight: bold; }
    
    .img_rolls a img { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
    .img_rolls a img:hover { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
    
/* FORMS */

    label { display: block; margin: 10px 0 10px 0; font-size: 14px; color: #ccc; 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; background: #fff;
        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; margin-top: 20px; cursor: pointer; border: 1px solid #ccc; font-weight: bold;
        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: 35px 0 0 0; }
    
    #img_block { clear: both; padding: 45px 0 0 0; }
    
    #img_block a { display: block; background: #5e5e5e; padding: 5px; 
        -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .9);
        box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .9);
    }
    
    #img_block #logo { height: 180px; width: 180px; float: left; }
    
    #img_block ul { margin: 0; padding: 0; float: left; width: 500px; }
    #img_block ul li { display: block; float: left; margin: 0 0 10px 10px; list-style: none; }
    #img_block ul li a, #img_block ul li a img { width: 80px; height: 80px; }
    
    #img_block_shadow { clear: both; width: 688px; height: 39px; margin: 0 0 0 3px; background: url(../images/img_block_shadow.png) no-repeat; 
        zoom: 1;
    }
    
/* NAV */
    
    nav { display: block; margin: 35px 0 0 -25px; }
        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: 5px 15px 15px 15px; margin: 0; line-height: 120%; color: #ccc; font-size: 16px; font-weight: bold; text-decoration: none; }
            nav ul li a:hover, nav ul li a:active, nav ul li a.active { color: #ef7f29; }
                /* Sub-Nav */
                nav ul ul, nav ul ul ul { display: none; position: absolute; top: 28px; left: -2px; width: 130px; padding: 5px; background-color: #fff; background-color: rgba(255, 255, 255, .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);
                }
                
                nav ul ul a { line-height: 150%; text-shadow: none; }
                
                /* 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: #000; }
                nav ul li ul li a:hover, nav ul li ul li a:active { text-decoration: underline; }
                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; padding: 0; }
    
    .follow { float: right; margin: 32px 0 0 0; }
    .follow li a, .follow li a:link, .follow li a:visited { width: 32px; height: 32px; text-indent: -9999px; margin: 0 0 0 10px; padding: 0; }
    .follow li.facebook a { background: url(../images/ico_facebook.png) no-repeat; }
    .follow li.twitter a { background: url(../images/ico_twitter.png) no-repeat; }
    .follow li.linkedin a { background: url(../images/ico_linkedin.png) no-repeat; }
    .follow li.rss a { background: url(../images/ico_rss.png) no-repeat; }

/* CONTENT */

    #main { margin: 0 0 25px 0; padding: 0 0 35px 0; }
    .intro a { color: #EF7F29; }

/* FOOTER */

    footer { clear: both; }
    footer .follow { margin-top: 10px;
        zoom: 1;
        opacity: 0.8;
    }
    
    #ft_shade { position: fixed; bottom: 0; height: 70px; left: 0; width: 100%; z-index: -1;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTE5MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,0)), color-stop(100%,rgba(25,25,25,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(25,25,25,0) 0%,rgba(25,25,25,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(25,25,25,0) 0%,rgba(25,25,25,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(25,25,25,0) 0%,rgba(25,25,25,1) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(25,25,25,0) 0%,rgba(25,25,25,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00191919', endColorstr='#191919',GradientType=0 ); /* IE6-8 */
    }
    
    /* MAKE BLOG LINKS COLORED, BUT NOT THE HEADER */
    .feed_listing_item p a { color: #EF7F29; }
    .feed_listing_item p a:visited  { color: #EF7F29; }
    .feed_listing_item p a:hover  { color: #EF7F29; }
    .feed_listing_item p a:link  { color: #EF7F29; }
    
    .block p a { color: #EF7F29; }
    .block p a:visited { color: #EF7F29; }
    .block p a:hover { color: #EF7F29; }
    .block p a:link { color: #EF7F29; }