/*
Theme Name: St. Mary's Food Bank
Author: New Nine Media
Author URI: http://www.newnine.com
Description: Just another custom WordPress theme by the fine folks at <a href="http://www.newnine.com" target="_blank">New Nine</a>!
Version: 1.0
*/

/*---------------------------------------------------------------
  Reset default browser CSS
---------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
:focus {outline: 0;}
body, html {background: #fff; font: 14px 'Open Sans', arial, sans; line-height: 1; text-align: center;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, textarea {font-family: inherit; font-size: inherit; resize: none; outline: none;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
sup, sub {height: 0; font-size: 70%; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}

/*---------------------------------------------------------------
  Theme Universals
---------------------------------------------------------------*/
a {color: #b32317; text-decoration: none;}
label {cursor: pointer;}
.aligncenter {clear: both; display: block; margin: 0px auto;}
.alignleft {float: left;}
.alignright {float: right;}
.clear, .clearboth {clear: both;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.hm {display: none;}
.container-wide {}
.dk-blue {background-color: #76a1b9 !important;}
.wrapper {max-width: 1120px; margin: 0 auto; padding: 0 10px; text-align: left;}
#main {padding: 0 0 54px 0;}
#no-nav {padding-top: 30px;}
#content-left {border-right: 1px solid #e0e0e0; color: #7a7a7a; float: left; padding: 0 54px 0 0; width: 740px;}
#sidebar {float: right; width: 275px;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 560px){
    .no-mobile-pad {padding: 0;}
}

/*---------------------------------------------------------------
  Header
---------------------------------------------------------------*/
#topbar {background: #9bd4f4; border-bottom: 1px solid #90bfd9; color: #fff; position: relative;}
#topbar-nav-list {padding: 10px 10px 0 0;}
#topbar-nav-list ul {display: block; font-size: 0;}
#topbar-nav-list ul#mobile {display: none;}
#topbar-nav-list ul li {border-left: 1px solid #fff; display: inline; font-size: 12px; padding: 0 8px;}
#topbar-nav-list ul li:first-child {border-left: none; padding-left: 0;}
#topbar-nav-list ul li a {color: #fff;}
#topbar-mobile-nav-a {display: none;}
#topbar-social {}
#topbar-social-dropdown-a, #topbar-add-on-a {float:left; background: #90bfd9; border-right: 1px solid #5d7f92; color: #fff; display: block; height: 24px; padding: 9px 12px 0 12px; text-transform: uppercase;}
#topbar-add-on-a{ border-left: 1px solid #99D1F0;}
#topbar-social-dropdown {background: #76a1b9; display: none; padding: 15px 0; position: absolute; left: 0; top: 33px; text-align: center; width: 100%; z-index: 5;}
.social-box {background: #88bad6; float: left; margin-right: 2%; width: 23.5%;}
#social-box-3 {margin-right: 0;}
#social-box-4 {float: right; margin-right: 0;}
#social-box-5{ margin:10px 0 0 0; }
#social-box-6{ margin:10px 0 0 2%; }
#topbar-search-dropdown-a {background: #90bfd9 url(images/search_glass_white.png) no-repeat center center; border-left: 1px solid #99d1f0; display: block; height: 33px; width: 43px;}
#topbar-search-dropdown {background: #76a1b9; display: none; padding: 10px 0; position: absolute; left: 0; top: 33px; text-align: center; width: 100%; z-index: 5;}
#topbar-search-dropdown input#s {background: #fff; border: none; color: #76a1b9; font-size:24px; float: left; margin: 0; padding: 4px 0; width: 85%;}
#topbar-search-dropdown input#topbar-search-submit {background: #9bd4f4; border: none; cursor: pointer; margin: 0; padding: 11px 0; color: #fff; float: right; width: 10%;}
#menu-top-bar .current-menu-item a, #menu-top-bar .current-page-ancestor a {color:#5D7F92; font-weight:700; padding-bottom:5px; border-bottom:4px solid #90BFD9;}
::-webkit-input-placeholder {color: #76a1b9;}
:-moz-placeholder { /* Firefox 18- */color: #76a1b9;  }
::-moz-placeholder {  /* Firefox 19+ */color: #76a1b9;  }
:-ms-input-placeholder {  color: #76a1b9;  }
.social-box-interior {padding: 15px;}
.social-box-title {padding: 0 0 10px 0;}
.social-box-title a {color: #fff; display: block; font: 24px 'Oswald'; display: block; padding: 0; text-transform: uppercase; white-space: nowrap;}
.social-box{height:228px !important;}
.social-box-title a img {display: inline; vertical-align: -3px;}
.social-box-content p {line-height: 1.25;}
.social-box-content p#social-box-gotoblog {padding-top: 15px;}
.social-box-content a {color: #fff; text-decoration: underline;}
#social-box-youtube {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
#social-box-youtube iframe, #social-box-youtube object, #social-box-youtube embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#header h1, #header main-nav {float: left;}
#header h1 {padding: 10px 0;}
#header-donate {float: right; padding: 23px 0 0 0;}
#header-donate a.donate {display:block; float:right; background: #af2b2d; color: #fff; font-size: 16px; font-weight:bold; display: block; padding: 22px 32px; text-transform: uppercase;}
#header-donate a.food-and-fun {display:block; float:right; background: #7d7d7d; color: #fff; font-size: 16px; display: block; padding: 14px 20px; text-transform: uppercase; margin-right:10px; text-align:center;}
.fb_status{ width:100%; }
#main-nav{ display:block; margin:0 auto; float:left;}
nav{ display:block; }
.main-nav{ display:inline-block; padding-top:50px;}
.main-nav li{ position:relative; display:block; float:left; margin:0 0 0 20px; font-size:18px; font-weight:bold; text-transform:uppercase; }
.main-nav li a{ color:#3d3d3d; }
.main-nav li a:hover{ color:#f7941e; }
.main-nav li.ontop:before{ content:"I WANT TO"; display:block; font-weight:normal; font-size:14px; color:#3d3d3d;}
.main-nav li:hover ul.sub-menu{ display:block; }
.menu-block{ font-weight:bold; }

.search-bar{ display:block; float:left; }
.search-bar input[type="text"]{ border:none; background:#ffffff; padding:.5em; }
.search-bar input[type="submit"]{ border:0; padding:.5em; margin:0; width:40px; background: #90bfd9 url(images/search_glass_white.png) no-repeat center; color:white; text-indent:-9999px;}
.search-bar input[type="submit"]:hover{ cursor:pointer; }


/* Social Fly-Out */
#social-fly-out{ 
    position:fixed; 
    display:block; 
    top:200px; 
    left:-400px; 
    z-index:99999; 
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; 
}

#social-fly-out.active{ 
    left:0; 
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.social-container{ 
    display:block; 
    background:#90bfd9; 
    width:400px; 
    left:-400px; 
    float:right;  
}

.social-tab{ display:block; float:right;background:#9bd4f4; padding:.5em; }
.social-tab:hover{ cursor:pointer; }
.social-tab:hover, #social-fly-out.active .social-tab{ background:#90bfd9; }
.social-tab img{ display:block; margin:.25em 0 0 0; }
.social-tab img:first-child{ margin-top:0; }

.social-content{ margin:1em; max-height:400px; overflow-y:auto;}

.social-content .tabs{ position:absolute; display:block; width:50px; right:-60px; top:0; background: #90bfd9; padding:10px 5px; }
.social-content .tabs .close-this{ display:none; }
.social-content .tabs .close-this.active{ display:block; color:#fff; font-weight:bold; padding:20px 0 10px 0; text-align:center; }
.social-content .tabs .close-this.active:hover{ cursor:pointer; }
.social-display{ padding:1em; border-radius:8px; background:#9bd4f4; margin:.5em 0 0 0; color:#ffffff; font-size:18px; text-align:left; }
.social-display p{ padding:0 0 .5em 0; }
.ui-tabs-active{ position:relative; }
/* End Social Flyout */

.email-sign-up input[type="text"]{ border:0; padding:.5em; }
.email-sign-up input[type="submit"]{ border:0; background:#af2b2d; color:#fff; padding:.125em .5em; text-align:center; }
.email-sign-up input[type="submit"]:hover{ cursor:pointer; }

.footer-form{ display:table; clear:both; width:100%; padding:.75em 0; }
.footer-form-module{ display:block; float:left; width:30%; margin-right:3%; }
.footer-form-module p{ color:#af2b2d; }
.footer-form-module p b{ font-weight:bold; }
.footer-form-module input[type="text"]{ width:100%; }
.footer-form-module input[type="submit"]{ padding:.5em 1em; }

.widget .email-sign-up input[type="text"]{ border:1px solid silver; margin:.5em 0;}

.events-nav .next{ text-align:right; }
.tribe-events-calendar .tribe_events.post { overflow: visible; }

nav.main-nav li ul.sub-menu{ display:none; position:absolute; top:100%; left:-20px; width:250px; background:#ffffff; padding:20px 20px 20px 0; margin:0; -webkit-box-shadow: -1px 7px 16px -7px rgba(0,0,0,0.29);
-moz-box-shadow: -1px 7px 16px -7px rgba(0,0,0,0.29);
box-shadow: -1px 7px 16px -7px rgba(0,0,0,0.29);}
.main-nav li ul.sub-menu li{ display:block; padding:8px 0 8px 15px; border-left:5px solid #ffffff; float:none; margin:0; font-weight:normal;}
.main-nav li ul.sub-menu li a{ color:#7a7a7a; }
.main-nav li ul.sub-menu li a:hover{ color:#000000; }
.main-nav li ul.sub-menu li:hover{ border-left:5px solid #90bfd9;}


@media screen and (max-width:1257px){
    #social-fly-out{
        width:100%;
        left:0;
        bottom:-400px;
        height:400px;
        top:inherit;
    }
    #social-fly-out.active{
        bottom:0;
    }
    .social-container{
        left:0;
        bottom:0;
        max-height:400px;
        width:98%;
        padding:2%;
    }
    .social-content{
        padding:2%;
        margin:0;
    }
    .social-content .tabs{
        width:100%;
        height:35px;
        top:-55px;
        right:0;
    }
    .social-content .tabs li{
        display:inline-block;
    }
    .social-content .tabs li img{
        display:block;
        height:25px;
        width:25px;
    }
    a.social-tooltip span:before{
        display:none;
    }
}

@media screen and (max-width: 1100px){
    #header-donate{ padding:0; }
    #header-donate a.donate, #header-donate a.food-and-fun {display:block; width:100%; float:none; text-align:center; padding:22px 5px;}
}

@media screen and (max-width: 1040px){
    .social-box-title a {font-size: 18px;}
    .social-box-title a img {height: 22px; width: 22px;}
}

@media screen and (max-width: 1100px){
    #header-donate a.donate, #header-donate a.food-and-fun{ font-size:12px; }
}
@media screen and (max-width: 900px){
    #header h1 img {height: auto; width: 160px;}
    #header-donate a {padding: 18px 24px;}
}
@media screen and (min-width: 781px){
    .main-nav ul.donthide{ display:block !important; }
    #topbar, #header {position: fixed; width: 100%;}
    #topbar {top:0; z-index: 100;}
    #header {background: #fff; top: 33px; z-index: 75;}
    .container-front, #main {margin-top: 143px;}
}
@media screen and (max-width: 780px){
    .footer-form-module{ width:100%; float:none; margin-top:.5em; }
    .footer-form-module input[type="text"]{ width:80%; }
    .main-nav{ display:block; width:100%; }
    .main-nav ul li ul.sub-menu{ display:none !important; }
    #main-nav{ float:none; }
    #social-box-clear {clear: both; display: block; height: 10px;}
    #social-box-1, #social-box-3, #social-box-5 {margin: 0; float: left; width: 48%;}
    #social-box-2, #social-box-4 {margin: 0; float: right; width: 48%;}
    #header #main-nav {clear: both;}
    a.main-nav-a {border-top: 1px solid #f5f5f5; display: block; text-align: center; padding: 15px 0;}
    #header #main-nav ul {display: none; padding: 0;}
    #header #main-nav li {border-top: 1px solid #f5f5f5; float: none; display: block; padding: 15px 0; text-align: center;}
    #header #main-nav li a p, #header #main-nav li a h4 {display: inline; font-size: 18px; font-weight: bold; text-transform: uppercase;}
    #front-featured-content div.ngg-slideshow[style] {height: 350px !important; width: 100% !important;}
    #front-featured-content div.ngg-slideshow img[style] {display: block !important; height: auto !important; width: 100% !important;}
    #topbar-search-dropdown input#s {width: 65%;}
    #topbar-search-dropdown input#topbar-search-submit {width: 25%;}
}
@media screen and (max-width: 740px){
    #front-featured-content div.ngg-slideshow[style] {height: 340px !important; width: 100% !important;}
}
@media screen and (max-width: 700px){
    #front-featured-content div.ngg-slideshow[style] {height: 320px !important; width: 100% !important;}
}
@media screen and (max-width: 660px){
    #front-featured-content div.ngg-slideshow[style] {height: 260px !important; width: 100% !important;}
}
@media screen and (max-width: 620px){
    #front-featured-content div.ngg-slideshow[style] {height: 240px !important; width: 100% !important;}
}
@media screen and (max-width: 580px){
    #front-featured-content div.ngg-slideshow[style] {height: 230px !important; width: 100% !important;}
}

@media screen and (max-width: 540px){
    #front-featured-content div.ngg-slideshow[style] {height: 220px !important; width: 100% !important;}
}
@media screen and (max-width: 500px){
    #front-featured-content div.ngg-slideshow[style] {height: 200px !important; width: 100% !important;}
}
@media screen and (max-width: 460px){
    #front-featured-content div.ngg-slideshow[style] {height: 180px !important; width: 100% !important;}
}
@media screen and (max-width: 420px){
    #front-featured-content div.ngg-slideshow[style] {height: 160px !important; width: 100% !important;}
}
@media screen and (max-width: 380px){
    
    #topbar-search-submit{ display:none; }
    .social-tab{ display:block; float:right;background:#9bd4f4; padding:.5em; }
    .social-tab:hover{ cursor:pointer; }
    .social-tab:hover, #social-fly-out.active .social-tab{ background:#90bfd9; }
    .social-tab img{ display:block; margin:.25em 0 0 0; }
    .social-tab img:first-child{ margin-top:0; }
    .social-content{ margin:1em; max-height:auto; overflow:auto;}
    .social-content ul{ display:block; }
    .social-content ul li{ display:inline-block; text-align:left margin:0 .25em; }
    .social-display{ padding:1em; border-radius:8px; background:#9bd4f4; margin:.5em 0 0 0; color:#ffffff; font-size:18px; text-align:left; }
    .social-display p{ padding:0 0 .5em 0; }
    .ui-tabs-active{ position:relative; }
    .ui-tabs-active:after{ content:""; display:none;}




    #front-featured-content div.ngg-slideshow[style] {height: 140px !important; width: 100% !important;}
    #topbar-add-on-a{display:none;}
}

@media screen and (max-width: 560px){
    #topbar {background: #90bfd9;}
    #topbar-nav-list {padding: 0;}
    #topbar-nav-list ul {background: #76a1b9; border: none; display: none; padding: 10px 0; position: absolute; top: 33px; left: 0; width: 100%; z-index: 5;}
    #topbar-nav-list ul li {border: none; display: block; padding: 10px 0; text-align: center; width: 100%;}
    #topbar-nav-list ul li a {border: none; display: block; font-size: 15px; padding: 0; text-align: center; width: 100%;}
    #topbar-mobile-nav-a {border-right: 1px solid #5d7f92; color: #fff; display: block; height: 24px; padding: 9px 12px 0 12px;}
    #topbar-social {border-left: 1px solid #99d1f0;}
    #topbar-social-dropdown {padding: 10px 0;}
    .social-box {float: none !important; margin: 0 0 10px 0; height:58px !important;}
    #social-box-5 {margin: 0;}
    #social-box-clear {display: none;}
    #social-box-1, #social-box-2, #social-box-3, #social-box-4, #social-box-5 {float: none; clear: both; margin: 0 0 10px 0; width: 100%;}
    #social-box-5 {margin-bottom: 0;}
    .social-box-title {padding: 0;}
    .social-box-content {display: none;}
    #header-donate a{padding:10px;}
}

#main {background: url(images/bg_content.png) no-repeat center top;}
.container-front {background: #f7941e url(images/bg_content.png) no-repeat center top;}
.container-front > .wrapper {padding-top: 20px; padding-bottom: 20px;}
#front-featured-container {background: url(images/front_featured_container.png) no-repeat center top; float: left; height: 353px; padding: 10px 10px 45px; max-width:725px;}
#front-featured-content {max-height: 354px; overflow: hidden;}
#front-featured-content img {display: block; height: auto !important; width: 100% !important;}
#front-text-container {float: right; width: 347px;}
#front-headline-container {background: url(images/front_headline_container.png) no-repeat top right; height: 251px; padding: 0 0 0 26px;}
.front-teaser-top {height: 160px; overflow: hidden; position: relative;}
.front-teaser h2 {font: 18px 'Oswald'; padding: 10px 15px 0 15px; text-transform: uppercase;}
.front-snippet {line-height: 1.35; padding: 0 15px;}
.front-link {height: 37px; padding: 0 15px;}
.front-date {color: #9d9d9d; font: 12px georgia; float: left; padding: 4px 0 0 15px;}
.front-nav {float: right;}
.front-nav-prev {float: left;}
.front-nav-next {float: right;}
.front-nav-pager a {display: block; height: 24px; width: 20px;}

.front-featured-new {}
.front-featured-new div.front-featured-image-container {background: url(images/front_featured_container.png) no-repeat center top; float: left; height: 353px; padding: 10px 10px 45px; max-width: 725px;}
.front-featured-new div.front-featured-image {max-height: 354px; overflow: hidden;}
.front-featured-new div.front-featured-image img {display: block; height: auto; width: 100%;}
.front-text-container {background: url(images/front_headline_container.png) no-repeat top right; float: right; width: 347px;}
.front-text-container div.front-teaser-top {height: 160px; overflow: hidden; padding: 0 0 0 26px; position: relative;}
.front-text-container div.front-teaser-top:after{ content:""; display:block; width:100%; height:100%; position:absolute; bottom:-50%; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,245,233,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,245,233,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,245,233,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,245,233,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,245,233,1) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,245,233,1) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff5e9',GradientType=0 ); /* IE6-9 */
 }
.front-text-container div.front-teaser-top h2 {font: 18px 'Oswald'; padding: 10px 15px 0 15px; text-transform: uppercase;}
.front-text-container div.front-teaser-top div.front-snippet {line-height: 1.35; padding: 0 15px;}
.front-text-container div.front-link {height: 37px; padding: 0 15px 0 41px;}
.front-text-container div.front-date {color: #9d9d9d; font: 12px georgia; float: left; padding: 4px 0 0 41px;}
.front-text-container div.front-stat-container {background: url(images/front_stat_container.png) no-repeat top right; height: 102px; margin-top: 30px; padding: 0 0 20px 26px; text-align: center;}
.bullets {clear: both; text-align: center;}
.bullets ul {list-style: none; margin: 0; padding: 0;}
.bullets li {display: inline-block; padding-left: 8px;}
.bullets li:first-child {padding-left: 0;}
.bullets li a {background: #f7941e; border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 12px; width: 12px;}
.bullets li.current a {background: #fff; border: 2px solid #ddd;}

@media screen and ( min-width: 780px ){
    .bullets {margin-top: 20px;}
}

@media screen and (max-width: 1120px){
    
}


#front-stat-container {background: url(images/front_stat_container.png) no-repeat top right; height: 102px; padding: 0 0 20px 26px; text-align: center;}
#front-tagger {background: url(images/front_tagger.png) repeat-x; color: #d1d1d1; height: 95px;}
#front-tagger a {color: #b4e4ff;}
#front-tagger-close a {color: #d1d1d1; float: left; font-size: 16px; padding: 32px 0 0 0; width: 50px;}
#front-tagger-content {font-family: georgia; font-style: italic; font-size: 30px; padding: 30px 0 0 0; text-align: center;}
#front-boxes .widget {border-bottom: none !important; float: left; margin: 0 3% 0 0; width: 30%; padding:50px 0;}
#front-boxes div.n9m_widget_title, .widget div.n9m_widget_title {border-top: 2px solid #c1c1c1; color: #3d3d3d; font-weight: 600; padding: 3px 0 8px 0; text-transform: uppercase;}
#front-boxes div.n9m_widget_text {line-height: 1.35;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
#front-boxes .n9m_widget_image{overflow:hidden;}
#front-boxes .n9m_widget_image img{max-width:336px; width:100%;}
#front-boxes .n9m_widget_headline{margin:15px 0 8px 0;}

@media screen and (max-width: 1120px){
    .front-featured-new div.front-featured-image-container {clear: both; float: none; margin: 0 auto;}
    .front-text-container {background: url(images/bg_featured_tablet.png) no-repeat; clear: both; float: none; margin: 0 auto; width: 746px;}
    .front-text-left {float: left; width: 503px;}
    .front-text-container div.front-teaser-top {height: 110px; padding-left: 0;}
    .front-text-container div.front-link, .front-text-container div.front-date {padding-left: 15px;}
    #front-headline-container {background: none; float: left; padding: 0; width: 503px;}
    .front-text-right {float: right; padding: 45px 15px 0 15px; width: 200px;}
    .front-text-container div.front-stat-container {background: none; margin: 0; padding: 0;}
    .front-text-container div.front-stat-container img {display: block; height: auto; width: 100%;}
    #front-stat-container {background: none; float: right;  padding: 65px 15px 0 15px; width: 200px;}
    #front-stat-container img {display: block; height: auto; width: 100%;}
}
@media screen and (max-width: 900px){
    #front-tagger-content {font-size: 24px;}
}
@media screen and (max-width: 780px){
    #front-featured-container, {background-size: contain; padding: 0; height: auto; width: 100%;}
    .front-featured-new div.front-featured-image-container {background-size: contain; height: auto; max-width: 100%; width: auto;}
    #front-featured-content {padding: 10px 10px 50px 10px;}
    #front-featured-content img {display: block; height: auto; width: 100%;}
    #front-text-container, #front-tagger, .front-text-container {display: none;}
    #front-boxes .widget {float: none; clear: both; margin: 0; width: 100%; padding:20px 0;}
}

/*---------------------------------------------------------------
  Posts
---------------------------------------------------------------*/
#post-date-container {line-height: 1.25; padding: 0 0 20px 0;}
#post-date {color: #3d3d3d; font-size: 13px; font-weight: 400; text-transform: uppercase;}
#post-author {border-bottom: 1px solid #e0e0e0; font-size: 12px; padding: 0 0 4px 0;}
#post-tags {border-top: 1px solid #e0e0e0; padding: 13px 0 0 0;}
#post-tags ul li {float: left; padding: 0 6px 13px 0;}
#post-tags ul li a {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #dcdcdc; color: #fff; display: block; padding: 4px 8px;}
#post-tags ul li a:hover {background: #AF2B2D;}
#post-tags ul li#tags-title {font-size: 18px; font-weight: 400; padding: 1px 13px 0 0;}
#post-nav {border-top: 1px solid #e0e0e0; padding: 13px 0;}
#post-nav-prev {float: left;}
#post-nav-next {float: right;}
#post-nav-prev a, #post-nav-next a {display: block; background: #dcdcdc; color: #fff; padding: 8px 16px;}
#post-nav-prev a:hover, #post-nav-next a:hover {background: #AF2B2D;}
#comment-form-container {padding: 0 0 13px 0;}
#comment-form {background: #eceaea; border: 1px solid #e0e0e0; padding: 20px;}
#comment-form p {color: #b32317;}
.comment-ti {float: left; padding: 13px 13px 0 0; width: 36%;}
.comment-ti input {background: #fff; border: 1px solid #e0e0e0; margin: 0; padding: 4px 0; width: 98%;}
#comment-ta {clear: both; padding: 13px 0 0 0;}
#comment-ta textarea {background: #fff; border: 1px solid #e0e0e0; height: 125px; margin: 0; padding: 4px 0; width: 98%;}
#comment-upload {padding: 13px 0 0 0;}
#comment-submit {padding: 13px 0 0 0;}
#comment-submit input {background: #b32317; border: none; color: #fff; cursor: pointer; padding: 6px 12px; text-transform: uppercase;}
.comment-li {border-top: 1px solid #e0e0e0; padding: 13px 0 5px 0;}
.comment-author {color: #b32317; float: left; line-height: 1.35; width: 200px;}
.comment-text {line-height: 1.35; margin-left: 200px;}
.comment-text p {padding: 0 0 8px 0;}

/*---------------------------------------------------------------
  Categories, Archives, Tags
---------------------------------------------------------------*/
#category-filter {border-bottom: 1px solid #e0e0e0; padding: 0 0 12px 0;}
#category-filter h3 {color: #333; font: 22px 'Oswald';}
#category-filter ul li {padding: 0 4px 8px 0;}
#category-filter ul li, #category-filter ul li > ul {display: inline-block;}
#category-filter ul li > ul li a {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #dcdcdc; color: #fff; display: block; padding: 4px 8px;}
#category-filter ul li > ul li a:hover {background: #AF2B2D;}
#category-filter ul li > ul li.current-cat a {background: #f7941e;}
.category-post-container {border-bottom: 1px solid #e0e0e0; line-height: 1.5; padding: 20px 0;}
.category-post-container img {display: block; height: auto; padding: 13px 0; width: 100%;}
.category-left {float: left; width: 46%; margin: 0 8% 0 0;}
.category-right {float: right; width: 46%;}
.category-time {text-transform: uppercase;}
#category-nav {border-top: 1px solid #e0e0e0; margin-top: 20px; padding: 13px 0;}

/*---------------------------------------------------------------
  Pages
---------------------------------------------------------------*/
#page-nav {padding: 0 0 36px 0;}
#page-nav ul {font-size: 0;}
#page-nav ul li {float: left; font-size: 13px; text-transform: uppercase;}
#page-nav ul li a {color: #7a7a7a; display: block; padding: 8px 10px 0 10px; border-top:4px solid #9BD4F4;}
#page-nav ul li a:hover {color:#000;}
#page-nav ul li.current-menu-item a, #page-nav ul li.current-page-ancestor a {border-top: 4px solid #f7941e; color: #3d3d3d; font-weight: bold; padding: 8px 10px 0 10px;}
.n9m-page-gallery-outer {padding: 0 0 33px 0;}
.n9m-page-gallery-inner {background: #f3f3f3;}
.slider-image-container {position: relative;}
.slider-image-container .slider-image {max-height: 400px; overflow: hidden; text-align: center;}
.slider-image-container .slider-image img {display: block; margin: 0 auto; height: auto; width: auto;}
.slider-image-container .slider-caption {float: left; font-size: 12px; font-style: italic; line-height: 1.15; padding: 8px; width: 65%;}
.slider-image-container .slider-nav {background: #ebebeb; border-left: 1px solid #e2e2e2; float: right; font-style: italic; padding: 8px; height:100%;}
.slider-image-container .slider-nav span {color: #f7941e;}
.slider-image-container .slider-nav a {color: #7a7a7a; font-style: normal;}
#page-tn {padding: 0 0 33px 0;}
#page-tn img {display: block;}
#page-content {line-height: 1.5;}
#page-content a {color: #AF2B2D; text-decoration: underline;}
#page-content h1 {color: #000; font-family: 'Oswald'; font-size: 28px; padding: 0 0 18px 0;}
#page-content h2 {color: #000; font-family: 'Oswald'; font-size: 22px; padding: 0 0 22px 0;}
#page-content h3 {color: #000; font-family: 'Oswald'; font-size: 15px; padding: 20px 0 10px 0; text-transform:uppercase;}
#page-content p, #page-content ol, #page-content ul {padding: 0 0 13px 0;}
#page-content ol, #page-content ul {margin: 0 0 0 2em;}
#page-content ol {list-style: decimal;}
#page-content ul {list-style: square;}
#page-content blockquote {background: url(images/bg_blockquote.png) repeat-y; color: #f7941e; float: right; font-size: 24px; font-weight: 300; line-height: 1.1; padding: 0 0 0 16px; margin: 0 0 16px 16px; width: 280px;}
#page-content blockquote p {padding: 0;}
#page-content blockquote p cite {color: #3d3d3d; font-size: 11px; font-style: normal;}
#page-content dl {padding: 0 0 13px 0;}
#page-content dt {color: #AF2B2D; cursor: pointer; font-weight: bold;}
#page-content dd {display: none; padding: 13px 0;}
#page-content img{max-width:100%; height:auto;}
.widget img{max-width:100%;}
.programs-ref, .back-to-top{display:block; margin:25px 0 0 0;}
.programs-ref a, .back-to-top a{padding:6px 12px; background:#DCDCDC; color:#fff !important; text-decoration:none !important;}
.programs-ref a:hover, .back-to-top a:hover{background:#B32317; color:#FFF !important; text-decoration:none !important;}

@media screen and (max-width: 1100px){
    #content-left {width: 640px;}
    #content-left img {height: auto; max-width: 100%;}
}
@media screen and (max-width: 1020px){
    #content-left {width: 580px;}
    #sidebar {width: 200px;}
    #sidebar img {height: auto; max-width: 200px;}
}
@media screen and (max-width: 880px){
    #content-left {width: 500px;}
}
@media screen and (max-width: 780px){
    #content-left {border: none; float: none; padding-right: 0; width: 100%;}
    #sidebar {clear: both; float: none; width: 100%;}
}
@media screen and (max-width: 600px){
    #subnav-menu {display: block;}
    #subnav-menu a {display: block; float: left; background: #AF2B2D; color: #fff; padding: 8px 12px;}
    #page-nav ul {border-top: 1px solid #e0e0e0; display: none; width: 100%;}
    #page-nav ul li {border: none; float: none; clear: both; display: block; padding: 0; text-align: center; width: 100%;}
    #page-nav ul li a {border-top:0 none; border-bottom: 1px solid #e0e0e0; display: block; padding: 8px 0;}
    #page-nav ul li.current-menu-item a, #page-nav ul li.current-page-ancestor a {background: #f7941e; border-top: none; color: #fff; padding: 8px 0;}
}
@media screen and (max-width: 500px){
    #page-content blockquote {clear: both; float: none;}
}

/*---------------------------------------------------------------
  Sidebars
---------------------------------------------------------------*/
#sidebar {color: #7a7a7a; font-size: 13px;}
#sidebar a {color: #AF2B2D;}
.widget {border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
#sidebar div.widget:first-child {padding-top: 0;}
h3.widget-title {font-size: 16px; font-weight: 400; padding: 0 0 13px 0; text-transform: uppercase;}
#sidebar li {line-height: 1.25; padding: 3px 0 0 0;}
.widget_archive li {color: #AF2B2D;}
.widget_archive li a {color: #7a7a7a;}
p.sidebar-link-container {padding: 13px 0 0 0;}
a.sidebar-link {float: left; display: block; background: #9bd4f4; color: #fff !important; padding: 8px 14px; text-transform: uppercase;}
a.sidebar-link:hover {background: #AF2B2D;}
.st-mary-archive-dropdown{background:#90BFD9; color:#fff; padding:3px; border:0 none;}

@media screen and (max-width: 780px){
    #sidebar div.widget:first-child {margin-top:20px; padding-top: 20px; border-top:1px solid #e0e0e0;;}
}

/*---------------------------------------------------------------
  Footer
---------------------------------------------------------------*/
#footer-top {background: #eceaea;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;display: block;padding: 1.5em 0;width: 100%;}
#footer-top p {text-align:center; font-size:125%;}
#footer-top-title-outer {border-right: 1px solid #e0e0e0; float: left; width: 375px;}
#footer-top-title-inner {border-right: 1px solid #f7f7f7; line-height: 1.15; padding: 10px 0;}
#footer-top-title-inner h5 {color: #af2b2d; font-size: 13px; font-weight: bold; text-transform: uppercase;}
#footer-top-title-inner p {color: #7a7a7a; font-size: 13px;}
#footer-top-form {float: right; padding: 10px 0 0 0; text-align: right; width: 60%;}
#footer-top-form input#em, #footer-top-form input#fn, #footer-top-form input#ln {background: #fff; border: none; color: #ccc; margin: 0 1% 0 0; padding: 5px; text-transform: lowercase;}
#footer-top-form input#em:focus, #footer-top-form input#fn:focus, #footer-top-form input#ln:focus{background:#999; color:#fff;}
#footer-top-form input#em {width: 30%;}
#footer-top-form input#fn, #footer-top-form input#ln {width: 22%;}
#footer-top-form input#subscribe {background: #af2b2d; border: none; color: #fff; padding: 4px 8px;}
#footer-bottom {background: #f7f7f7;}
#footer-bottom-menu {float: left; padding: 40px 0 0 0;}
#footer-bottom-menu ul {font-size: 0;}
#footer-bottom-menu ul li, .footer-location {border-left: 1px solid #7a7a7a; color: #7a7a7a; display: inline; font-size: 11px; padding: 0 4px;}
.footer-location{border-left:0; margin:10px 0 0 0; padding:0; float:left;}
#footer-bottom-menu ul li#copyright {border-left: none; padding-left: 0;}
#footer-bottom-menu ul li a {color: #7a7a7a;}
#footer-bottom-menu ul li a:hover {color: #af2b2d;}
#footer-bottom-logos {float: right; padding: 20px 0;}
#footer-bottom-logos ul {font-size: 0;}
#footer-bottom-logos ul li {display: inline; padding: 0 0 0 5px;}
#footer-bottom-logos small{font-size:10px; color: #7a7a7a; float:right; margin:8px 0 0 0;}
@media screen and (max-width: 1010px){
    #footer-bottom-menu {padding: 20px 0 15px 0;}
    #footer-bottom-menu ul li {border: none; display: block; line-height: 1.15; padding: 0 0 5px 0;}
    #footer-bottom-logos ul li {padding: 0 0 0 10px;}
}
@media screen and (max-width: 960px){
    #footer-top-title-outer {width: 205px;}
    #footer-top-form {padding-top: 18px; width: 66%;}
    #footer-top-form input#subscribe {padding: 4px 0; width: 18%;}
}
@media screen and (max-width: 720px){
    #footer-top-title-outer {border: none; float: none; padding-top: 15px; text-align: center; width: 100%;}
    #footer-top-title-inner {border: none; padding: 0;}
    #footer-top-form {float: none; padding-bottom: 15px; width: 100%;}
}
@media screen and (max-width: 600px){
    #footer-bottom-menu ul li {font-size: 13px;}
    #footer-bottom-logos ul li {display: block; padding: 0; text-align: right;}
}
@media screen and (max-width: 560px){
    #footer-top-form input#em, #footer-top-form input#fn, #footer-top-form input#ln {display: block; margin: 0 0 15px 0; width: 100%;}
    #footer-top-form input#subscribe {display: block; width: 100%;}
}

a.social-tooltip {outline:none; }
a.social-tooltip strong {line-height:30px;}
a.social-tooltip:hover {text-decoration:none;} 
a.social-tooltip span {
    z-index:10;
    display:none; 
    padding:.125em .5em;
    margin:0 0 0 15px;
    width:110px;
    text-align:center;
}
a.social-tooltip:hover span{
    display:inline; 
    position:absolute; 
    color:#fff;
    border:1px solid #000; 
    background:#7d7d7d;
    background: rgba(0,0,0, .85);
}
a.social-tooltip:hover span:before{
    content:"";
    display:block;
    width: 0; 
    height: 0; 
    position:absolute;
    left:-10px;
    top:20%;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #000; 

}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.social-tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.alignleft{ margin:0 .75em .75em 0; }
.alignright{ margin:0 0 .75em .75em; }
.aligncenter{ margin:0 auto; }
.alignnone{ margin:0; }