/* actually not mobile - these should get folded into the main styles */.picturezone {width: 490px;float: left;margin-left: 4.4%;width: 43%;float: left;overflow: hidden;}
/* universal main nav things */
body.home .row aside.four {margin-left: 0.4%;width: 30%;}
body.home .twitter-timeline {width: 100%;}
body #searchform {float: left;}
body #searchbox {width: 90%;margin-right: 7%;}
body .nav-bar > li {line-height: 100%;height: 100%;margin-top: 0;}
body .nav-bar li a {height: 100%;}

/* end universal main nav things */
body.page .entry, body.category .entry {margin: 20px;}
.widget_text img {margin: auto;display: block;}
body .textwidget > * {display: block;}
body .related-title {width: 59%;}
body .textwidget > script {display: none;}
body .textwidget object, body .textwidget embed {height: inherit;}
.post-bottom-social-mobile {display:none ;}
.post-bottom-social {display:inline;}
/* wee media queries */
body * {max-width: 100%;}
@media all and (max-width: 1190px) {body.home .homepage-excerpt {right: auto;left: 13%;width: 68%;}
body.home .homepage li a.selected {width: 112%;}
body .nav-bar > li > a {padding: 0 2.0em; }
.yesshow{display:inline !important;}
.noshow{display:none !important;}
}

@media all and (max-width: 1168px) {.homepage li.more a { font-size: 1.4rem; }
body ul.homepage li a { font-size: 1.7rem; }
body ul.homepage li a.selected { font-size: 2.0rem; line-height: 2.0rem; }
}

@media all and (max-width: 1140px) {body .nav-bar > li > a { padding: 0 0.9em; }
.noshow-mobile{display:none !important;}
.show-mobile{display: inline !important;}
.main-header-centered{width:244px; margin:10px auto !important; position:relative; text-align:center; height:120px;float:none !important; top:12px; display:block !important;}
.loopsocialsharing {float:none !important; margin: 0 auto !important; display:inline-block;}
.dfi_post .home-content-right {padding-bottom:0 !important;}
.home-content-sectional {padding-top:20px !important;}
.three.columns {width:100% !important;}
.mobile-feature-content {max-width:640px;text-align:center ;display:inline !important;}
.homepage {width:100%; max-width:640px; margin:0 auto;}
body article {margin: 0 10px;}
body div.row aside.four.columns { width: 30% ! important; clear: none; margin-left: 0; }
body.home div.row aside.four.columns { width: 100% ! important; }
body div.row aside.four.columns * {max-width: 100%;}
body div.row aside.four.columns ul li > div {margin: 0 10px;}
.picturezone { width: 50.8%; width: 54.4%; margin-left: 1%; }
body.home .row aside.three { width: 44% ! important; float: left; }
body.home .homepage li { width: 100%; }
body.home .sidebar-post { width: 33%; display: inline-block; height: auto; vertical-align: top; }
body.home .sidebar-post h3 { text-align: center ! important; width: 90%; margin: auto; float: none; }
body.home .post-thumb { width: 100%; margin: auto; float: none; text-align: center; }
body.home .post-content { width: auto; max-width: 65%; float: none; }
body.home .post-date { float: none; margin: auto; display: block; text-align: center; }
body.home .twitter-timeline { width: 99% ! important; }
#twitter-widget-1, #twitter-widget-2 { margin: auto; display: block; max-width: 100%; }
body .row .six.columns { width: 70%; left: 0; float: right; box-sizing: border-box; max-width: 100%; }
body .row.main .two.columns { right: auto; float: left; width: 27%; margin-left: 1%; }
body.single .row.main .two.columns { margin-left: 0; }
body #comments-list ul {display: none;}
body #comments-list, body #comments-list ul, body #comments-list * {max-width: 100% ! important; box-sizing: border-box;word-wrap: break-word;}
body #comments-list ul > li {margin: 10px;}
body h4#comments {cursor: pointer;padding-left: 0;text-align: center;}
body h4#comments:before {content: "View ";}
body textarea#comment {width: 90%;margin: auto;margin-bottom: 10px;}
body .post-box h4.subheader {cursor: pointer;padding-left: 0;text-align: center;margin-left: 0 ! important;margin-bottom: 28px;}
body #related-posts h4 {padding-left: 0;text-align: center;margin-left: 0 ! important;}
body .post-box .comment-box {display: none;}
body div.two.columns.pull-six ul li.widget h4 {padding-left: 0;text-align: center;margin-left: 0 ! important;margin-right: 0 ! important;}
.widget_recent_comments {display: none;}
aside.four.columns h4 {padding-left: 0;margin-left: 0 ! important;margin-right: 0 ! important;text-align: center;}
body #php_widget-2 .sidebar-post{width: 400px;margin: 0 auto 16px auto !important;}
body #php_widget-2 .post-content button {clear: both;margin: 0 auto 0 auto;}
body #php_widget-2 .post-content h3 {clear: both;}
body #php_widget-2 button {padding: 9px 34px 11px;margin: auto;}
body #php_widget-2 .post-thumb {width: 150px;height: auto;overflow: hidden;text-align: center;float: none;margin: 0 auto 0 auto;}
body * {max-width: 100%;}
attra_slider{display:none !important;}

.home-content-sectional.active .home-content-right {
    background: url("http://www.tsbmen.com/images/feature-article-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    margin: 58% 0 0 !important;
    padding: 2% 5% !important;
    position: absolute;
    width: 70% !important;}
.home-content-sectional.active{background:#ffffff; width:100%; margin: 35px 0%; padding:0; position:relative;float:left; border:none; display:;}


/* INSPIRATOR */
body .row .nine.columns {width: 44% ! important;float: right;margin-right: 1%;}

/* SIDEBAR */
body .sidebar-post .post-content {width: 100%;text-align: center;}
body .sidebar-post h3.sidebar-title {text-align: center !important;width: 100%;}
.sort-filter, .demo_container, .search, #sidebartest {display:none;}
.mobile-menu-system {display:inline !important;}

.nav-button {display: block;position: absolute;top: 7px;right: 7px;width: 50px;height: 35px;background: url('http://www.tsbmen.com/images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('http://www.tsbmen.com/images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('http://www.tsbmen.com/images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('http://www.tsbmen.com/images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position: center center;background-repeat: no-repeat;background-size: 21px, 100%;cursor: pointer;border: 0 none;border-bottom: 1px solid rgba(255,255,255,.1);box-shadow: 0 0 4px rgba(0,0,0,.7) inset;border-radius: 5px;z-index: 999;text-indent: -9999px;}
.nav-button:hover { background-color: rgba(0,0,0,.1); }
.nav-button.open {background: url('http://www.tsbmen.com/images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('http://www.tsbmen.com/images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('http://www.tsbmen.com/images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('http://www.tsbmen.com/images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position: center center;background-repeat: no-repeat;background-size: 21px, 100%;}

/* Navigation Bar-------------------------------------------------------- */
.primary-nav {width: 100%;float: none;display: block;height: 50px;margin: 0;padding: 0;overflow: hidden;position: absolute;top: 0px;left: 0px;z-index: 998;clear: both; background:none !important;}
.primary-nav li {display: none;width: 100%;font-family: georgia; margin:-3px 0 !important;background: !important;text-transform:uppercase;}
.primary-nav li a {
    color: #000000;
    display: block;
    font-size: 21px !important;
    font-weight: normal;
    padding: 10px 5%;
    text-align: center;
    text-decoration: none;
    width: 90%;
}
.primary-nav li a:hover {}
.primary-nav > li:first-child {margin: 0px 0 -3px !important; background: !important;}

/* Toggle the navigation bar open  */
.primary-nav.open { height: auto; padding-top: 50px; margin-bottom:-25px !important;}
.primary-nav.open li { display: block; }

/* Submenus – optional .parent class indicates dropdowns */
.primary-nav > li:hover > a {border-bottom-color: transparent;}
.primary-nav li.parent > a:after {content: "▼";color: rgba(255,255,255,.5);float: right;}
.primary-nav li.parent > a:hover {}
.primary-nav li ul {display: none;border-top: 1px none;padding: 0;}
.primary-nav li ul a {border: 0 none;font-size: 12px;padding: 10px 5%;font-weight: normal;}
.primary-nav li:hover ul {display: block;border-top: 0 none;}

#sticky_navigation ul {background: none repeat scroll 0 0 #FFFFFF;display: inline !important;list-style: none outside none!important;margin: 2px 0 0!important;padding: 0!important;text-align: left!important;}

article.group {max-width: 575px; margin: 30px auto !important;}
#sticky_navigation ul li {display:inline !important;}
} /* End Mobile Styles */

}

@media all and (max-width: 813px) {body .nav-bar > li > a {padding: 0 0.7em;}
body.home .homepage-excerpt {display: none;}
body.home .picturezone article img {float: left;margin-left: -100px;}
body .nav-bar {display: block;margin-left: 0;}
body .menu-main-menu-container h3 {float: left;text-align: center;margin: 0;}
body .row aside.four {float: left;}
body.home .homepage li a {font-size:1.6rem;}
body .nav-bar > li {margin-top: 0;}
.serif #layout {
    padding: 10px !important;
}
}

@media all and (max-width: 768px) {body h1.header {float: none;clear: both;display: block;margin-bottom: 0.2em;font-size: 2.2em;}
body .main-menu-logo img.logo {float: none;clear: both;}
body .columns.top.bar {overflow: hidden;}
body * {max-width: 100%;}
body div.row aside.four.columns {width: 100% ! important;float: left;clear: both;}
body .row .two.columns {width: 100% ! important;text-align: center;}
body .nav-bar {width: 100%;}
body .nav-bar > li {min-height: 26px;}
body .nav-bar > li .flyout {border: 0;position: relative;top: auto;left: auto;width: auto;float: none;margin: 0 0 0 0.5em;padding: 0;}
body .nav-bar li a {padding-top: 8px;text-align: center;}
body #menu-main-menu {margin-top: 0;padding-top: 0;position: relative;display: block;height: auto;}
body .menu-main-menu-container h3 {float: none;}
body a.main-menu-logo {display: block;margin: auto;text-align: center;}
body .post-thumb {width: 100%;text-align: center;}
body .post-content {width: 100%;text-align: center;max-width: none;}
body ul.credits{margin: 0 auto 0 auto !important;width: 400px;}
.sidebar-post h3 {display: block;width: 100%;text-align: center;}
.sidebar-post a {display: block;margin: auto;text-align: center;}
body .php_widget .sidebar-post a {display: inline;}
	.sidebar-post .post-content .post-date {float: none;}
body ul.credits li {text-align: left;margin: auto;width: 60%;}
body ol.related-posts {width: 100%;margin: 0 auto 0 auto;height: auto;}
body .related-thumb {height: auto;}
body .related-posts li {padding: 4px 0 0 0; margin: 0 1%;height: auto;width: 31%;clear: none;float: left;}
body ul.footer-sponsors li {margin: 0 auto 18px auto;}
body article.group.daily div.meta {text-align: center;}
.home-content-sectional.active .home-content-right h1 {font-size: 2em !important;}
}

@media all and (max-width: 600px) {h1.header, h3.tagline {display: none;}
body .menu-main-menu-container .follow, body .menu-main-menu-container .search {float: none;clear: both;margin: 0 auto;width: 220px;}
body .menu-main-menu-container .search input {margin-left: 0;}
body.home .homepage li a {font-size:1.3rem;}
body.home .homepage li a.selected.long {font-size: 1.6rem;}
.entry h3 {clear: both;}
body.home .post-thumb {width: 80%;clear: both;display: block;margin: auto;float: none;}
body.home .post-content {float: none;display: block;margin: auto;}
.home-image-left{float:left;width:100%!important;height:auto;margin:0px 0 0px 0!important;}
.home-content-right {float: left;height: auto;margin: 20px 5%!important;width: 90%!important; text-align:center !important;}
.article-content-sectional {
    border-top: 0 solid #A0A0A0;
    float: none !important;
    height: auto;
    margin: 0 auto !important;
    max-width: 600px;
    padding-top: 10px;
    width: 100% !important;
}
/* INSPIRATOR */
body.home .row.inspirator aside.three {width: 100% ! important;overflow: hidden;}
.inspirator #inspirator dd {width: 100%;}
body.home .row.inspirator .nine.columns {margin: 1%;width: 90% ! important;margin: auto;display: block;float: none;}
body article.group.daily.last {border-bottom: 1px #ccc solid;}
body .widget.widget_adrotate_widgets, body .widget.oio {display: none;}

/* style guide */
body li#menu-item-22375 {display: none;}
body li#menu-item-25634 {border-bottom: 0;margin-bottom: 0;}
body .sidebar-post .post-thumb img { max-width: none;max-height: none;float: none;}
body .sidebar-post .post-content h3.post-title { padding-bottom: 0;}
body .sidebar-post {border-bottom: 1px #ccc solid;padding-bottom: 16px;}
body nav form {margin-bottom: 16px;}
body #php_widget-3 {margin-right: 12px;}
body h4 .reply {display: none;}
body div.addthis_toolbox {width: 180px;float: none;margin: 0 auto;}
body .entry h3 {clear: none;font-size: 1em !important;margin: 10px 0 -10px;text-align: center;width: 100%;}
body .postnav.top .prev, body .postnav.top .next {margin: 0;width: 98px !important;}

}

@media all and (max-width: 500px) {
body.home .picturezone {display: none;}
body.home .row aside.three {width: 100% ! important;float: left;}
body.home .homepage li a.selected {width: 95%;overflow: hidden;/* Fallback for web browsers that doesn't support RGBa */background: rgb(0, 0, 0);/* RGBa with 0.6 opacity */background: rgba(0, 0, 0, 0.6);/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000FF, endColorstr=#000000FF);/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000FF, endColorstr=#000000FF)";}
body.home .homepage li a {font-size: 1.8rem;}
body.home .homepage li a.selected.long {font-size: 1.9rem;}
body .nav-bar li a {display: block;height: 2rem;}
p > strong > span, p > span > strong, h3, .page-id-43 h2 {clear: both;}
body .postnav.bottom .prev, body .postnav.bottom .next {font-size: 1.4rem;min-width: auto;margin: 0;}
body .postnav.bottom.arrows .prev, body .postnav.bottom.arrows .next {font-size: 12px;min-width: 40px;}
body .postnav.bottom.arrows .prev img, body .postnav.bottom.arrows .next img {margin-right: 10px;}
body .postnav.top .prev, body .postnav.top .next {width: 48px;margin: 0;}
.post-bottom-social {display:none !important;}
.post-bottom-social-mobile {display:inline !important;}
.postnav.top {margin-bottom:0px !important;}
.nums {
    color: #FFFFFF;
    position: absolute;
    text-align: center;
    width: 27% !important;
}
.yesshow{display:none !important;}
.noshow{display:inline !important;}

}