.weather .detailed-info:after, .has-title:after, .list-unstyled:after {
    content: "";
    display: table;
    clear: both;
}

.use-gpu {
    /*
       -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
       -ms-transform: translateZ(0);
       -o-transform: translateZ(0);
       transform: translateZ(0);

    */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slide-transition, .nav-main-wrapper.docked, .nav-main-wrapper #sub-menu-wrapper {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

/*
 * SECTION; Structural */
.container {
    width: 100%;
    *zoom: 1;
}

.container:before {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
    clear: both;
}

.container .row {
    max-width: 960px;
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    .container .row {
        width: 100%;
    }
}

.container .row .row {
    width: 100%;
    margin: 0;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats. */
header#primary .g-row {
    overflow: visible;
}

.logo-container {
    height: 155px;
    padding-top: 55px;
}

@media screen and (max-width: 500px) {
    .logo-container {
        height: auto;
        padding: 0;
    }
}

header .logo {
    margin-top: 10px;
    width: 220px;
    float: left;
}

@media screen and (max-width: 500px) {
    header .logo {
        width: 100%;
        text-align: center;
    }
}

header .logo img {
    float: left;
    width: 190px;
    margin: 15px;
}

@media screen and (max-width: 500px) {
    header .logo img {
        margin: 1em;
        width: auto;
        display: inline-block;
        max-width: 100%;
        height: auto;
        float: none;
        display: inline;
    }
}

header .ad {
    float: left;
    margin-left: 12px;
}

@media screen and (max-width: 500px) {
    header .ad {
        display: none;
    }
}

header .widget-area {
    line-height: 45px;
}

@media screen and (max-width: 500px) {
    header .widget-area {
        display: none;
    }
}

header#primary .ticker-widget-container h4 {
    margin: 0;
}

div[role=main] {
    width: 65.625%;
    float: left;
    padding-right: 3.125%;
    padding-right: 0;
    border-right: 1px solid white;
}

@media screen and (max-width: 900px) {
    div[role=main] {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    div[role=main] {
        width: 100%;
        padding: 10px;
        border: 0;
        float: none;
    }
}

aside[role=complementary] {
    width: 31.25%;
    float: left;
    margin-left: 30px;
}

@media screen and (max-width: 900px) {
    aside[role=complementary] {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    aside[role=complementary] {
        padding: 10px;
        margin-left: 0;
        width: 100%;
        display: none;
    }
}

aside[role=complementary] .widget-content {
    padding: 10px 20px;
    margin-bottom: 15px;
}

aside[role=complementary] .widget-content p {
    margin-top: 0;
}

.skin-wrapper {
    background-color: #fff;
    max-width: 970px;
    padding: 0 5px;
    /*overflow: hidden;*/
    margin: 0 auto;
}

.content {
    position: relative;
}

.footer-wrapper {
    padding-bottom: 30px;
}

@media screen and (max-width: 500px) {
    .footer-wrapper {
        padding: 10px;
    }
}

footer#primary > div {
    width: 200px;
    margin-right: 30px;
    float: left;
}

@media screen and (max-width: 500px) {
    footer#primary > div {
        width: 100%;
        margin-right: 0;
    }
}

footer#primary > div.last {
    margin-right: 0;
}

footer#primary > div:first-child {
    width: 270px;
}

footer#primary > div:first-child ul.list-links {
    width: 130px;
    float: left;
    margin-top: 10px;
}

@media screen and (max-width: 900px) {
    footer#primary > div:first-child {
        width: 100%;
    }
}

footer#primary .issue-cover {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

@media screen and (max-width: 900px) {
    footer#primary .issue-cover {
        margin: 0;
        width: 40%;
        height: auto;
    }
}

.copyright {
    font-size: 12px;
    padding: 10px;
    color: #7d7d7d;
    text-align: center;
}

#breadcrumb {
    margin-bottom: 10px;
    font-size: 12px;
}

@media screen and (max-width: 500px) {
    #breadcrumb {
        display: none;
    }
}

.arrow, .arrow-left {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    font-size: 0;
    line-height: 0;
}

.arrow-left {
    border-right: 5px solid white;
}

.slideshow-wrapper {
    position: relative;
}

.slideshow-wrapper .gallery {
    padding: 0;
    list-style-type: none;
    background: white;
    margin: 15px 0;
}

.slideshow-wrapper .gallery li {
    height: 110px;
    float: left;
    margin: 5px 5px 0 0;
}

.slideshow-wrapper .gallery li a {
    display: inline-block;
}

.tags a[rel=tag]:link,
.tags a[rel=tag]:hover,
.tags a[rel=tag]:active,
.tags a[rel=tag]:visited {
    display: inline-block;
    font-size: 11px;
    color: white;
    background: #7d7d7d;
    padding: 2px 6px;
    text-shadow: -1px -1px 0 #636363;
    margin-right: 2px;
}

.author-name {
    font-style: italic;
    color: #7d7d7d;
}

ul.list-links {
    list-style-type: none;
    list-style-image: url(../img/bullet_links.png);
    padding-left: 15px;
    line-height: 2em;
}

.slider .links-wrapper ul {
    list-style-type: none;
    padding-left: 0;
}

.image-caption {
    z-index: 0;
    position: relative;
}

p.social-header {
    font-size: .85em;
    font-weight: 600;
    color: #000;
}

@media screen and (max-width: 500px) {
    .single .image-caption {
        width: auto;
        max-width: 100%;
        margin: 0;
        height: auto;
        float: none;
    }
}

.single .image-caption img {
    width: auto;
    height: 275px;
    max-width: 310px;
}

@media screen and (max-width: 500px) {
    .single .image-caption img {
        width: 100%;
        max-width: 100%;
    }
}

.single .image-caption img.portrait {
    width: 275px;
    height: auto;
}

@media screen and (max-width: 500px) {
    .single .image-caption img.portrait {
        width: 100%;
        max-width: 100%;
    }
}

.single .title-container {
    max-height: 275px;
    height: 275px;
    overflow: hidden;
    position: relative;
    width: 300px;
    float: left;
}

@media screen and (max-width: 500px) {
    .single .title-container {
        width: auto;
        height: auto;
    }
}

.single .title-container h1 {
    margin: 10px 0 5px 0;
    padding: 0;
}

.single .title-container .author {
    line-height: 1.4em;
    font-size: 13px;
    font-size: 12px;
}

.single .title-container .social-buttons, .single .title-container .post-excerpt {
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 500px) {
    .single .title-container .social-buttons, .single .title-container .post-excerpt {
        position: relative;
        margin-top: 10px;
    }
}

.single .title-container .social-buttons .social-header,
.single .title-container .social-buttons .reader-stats, .single .title-container .post-excerpt .social-header,
.single .title-container .post-excerpt .reader-stats {
    font-size: 12px;
    margin-bottom: 0.5em;
    margin-top: 0;
}

.single .title-container.no-featured-image {
    width: 100%;
    height: auto;
}

.single .title-container.no-featured-image header {
    width: 50%;
    float: left;
}

.single .title-container.no-featured-image .social-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
}

.single .category-videos .title-container {
    height: auto;
    width: auto;
    overflow: visible;
}

.single .category-videos .image-caption {
    display: none;
}

.single .category-videos .social-buttons {
    position: relative;
}

ul.page-numbers {
    list-style-type: none;
    margin: 0;
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

ul.page-numbers li {
    margin: 1px;
    float: left;
}

ul.page-numbers li:first-child {
    border: 0;
}

ul.page-numbers li:last-child {
    border: 0;
}

ul.page-numbers li a, ul.page-numbers li span {
    padding: 4px 8px;
    border: 1px solid #e3e3e3;
    display: block;
    float: left;
}

ul.page-numbers li a.prev, ul.page-numbers li a.next, ul.page-numbers li span.prev, ul.page-numbers li span.next {
    text-indent: -99999px;
    width: 20px;
    border-color: transparent;
}

ul.page-numbers li a.prev, ul.page-numbers li span.prev {
    background: transparent url(../img/icons.png) -185px center no-repeat;
}

ul.page-numbers li a.next, ul.page-numbers li span.next {
    background: transparent url(../img/icons.png) -217px center no-repeat;
}

ul.page-numbers li a.current, ul.page-numbers li span.current {
    border-color: #e2001a;
    color: white;
    background-color: #e2001a;
}

ul.page-numbers li a.dots, ul.page-numbers li span.dots {
    border: 0;
}

ul.page-numbers li a:hover {
    background-color: #e3e3e3;
}

.archive .latest-featured .image-caption {
    width: 275px;
    height: 275px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

.archive .latest-featured .image-caption img {
    width: auto;
    height: 275px;
}

@media screen and (max-width: 500px) {
    .archive .latest-featured .image-caption img {
        height: auto;
        width: 100%;
    }
}

.archive .latest-featured .image-caption img.portrait {
    height: auto;
    width: 275px;
}

@media screen and (max-width: 500px) {
    .archive .latest-featured .image-caption img.portrait {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .archive .latest-featured .image-caption img {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .archive .latest-featured .image-caption {
        height: auto;
        width: auto;
        margin: 0;
    }
}

.archive .latest-featured .title-container {
    max-height: 275px;
    height: 275px;
    overflow: hidden;
    position: relative;
    width: 300px;
    float: left;
}

@media screen and (max-width: 500px) {
    .archive .latest-featured .title-container {
        width: 100%;
        float: none;
        height: auto;
        max-height: none;
    }
}

.archive .latest-featured .title-container h1 {
    margin-top: 15px;
    padding: 0;
}

.archive .latest-featured .title-container .author {
    clear: both;
    padding: 0.5em 0;
}

.archive .latest-featured .title-container .social-buttons {
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 500px) {
    .archive .latest-featured .title-container .social-buttons {
        position: relative;
    }
}

.archive .latest-featured .excerpt {
    border-bottom: 1px solid red;
}

.caption.overlay {
    padding: 4px;
    font-size: 12px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-shadow: 1px 1px 1px #000;
}

.caption.overlay h4, .caption.overlay p {
    margin: 0;
}

.caption.overlay p {
    color: white;
}

@media screen and (max-width: 500px) {
    .select-expert {
        display: none;
    }
}

.select-expert > ul {
    position: relative;
}

.select-expert h3 {
    color: #282828;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: none;
}

.select-expert h4 {
    margin: 0;
    font-size: 13px;
    line-height: 48px;
}

.select-expert ul, .select-expert li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.select-expert .dropdown-button {
    display: block;
}

.select-expert ul ul {
    width: 100%;
    font-size: 13px;
}

.select-expert ul ul li {
    width: 100%;
    float: none;
    padding: 2px 0;
}

.select-expert ul ul li img {
    float: left;
    margin-right: 10px;
}

.question-wrapper {
    margin-left: 295px;
}

@media screen and (max-width: 500px) {
    .question-wrapper {
        margin-left: 0;
        float: left;
    }
}

.question-wrapper dt {
    float: left;
    margin-right: 0.5em;
}

.question-wrapper dd {
    margin: 0;
    margin-bottom: 0.5em;
}

.question-wrapper dl {
    margin-top: 0;
}

.question-wrapper h4 {
    margin: 0.5em 0;
}

hr {
    border: 0;
    border-bottom: 1px solid #dedede;
}

/* navigation */
.nav {
    list-style-type: none;
    padding: 0;
}

.nav li {
    display: inline-block;
}

.nav.nav-main {
    height: 45px;
    margin: 0 auto;
    display: table;
}

.nav.nav-main li {
    display: inline-block;
}

.nav.nav-main > li {
    display: inline-block;
}

.feature {
    width: 100%;
    margin-bottom: 15px;
}

.articles .article {
    margin-bottom: 8px;
    font-size: 12px;
    width: 100%;
    overflow: hidden;
}

.articles .article:last-child .meta {
    border: none;
}

.articles .article .thumb-container {
    width: 110px;
    height: 82px;
    overflow: hidden;
    float: left;
    background: #f0f0f0 url(../img/L.png) 50% 50% no-repeat;
}

@media screen and (max-width: 500px) {
    .articles .article .thumb-container {
        display: none;
    }
}

.articles .article h4 {
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.articles .article .excerpt {
    padding-left: 130px;
    /*min-height: 110px;*/
}

.articles .article .excerpt p {
    margin: 6px 0;
}

@media screen and (max-width: 500px) {
    .articles .article .excerpt {
        padding-left: 0;
    }
}

.articles .article.no-thumbnail .excerpt {
    padding-left: 0;
}

.articles .article.blog-article .excerpt p, .articles .article.blog-article .excerpt .meta {
    padding-left: 50px;
}

.articles .article .meta {
    color: #7d7d7d;
    position: relative;
    margin-top: 0.5em;
    border-bottom: 1px solid #e3e3e3;
    font-size: 12px;
    padding-bottom: 8px;
}

.articles .article .meta .post-date {
    color: #7d7d7d;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 500px) {
    .articles .article .meta .post-date {
        float: none;
        margin: 0.5em 0;
    }
}

.img-left {
    margin-right: 20px;
    margin-bottom: 20px;
}

.videos-wrapper {
    padding: 0 5px 30px;
    max-width: 970px;
    margin-left: -5px;
}

.videos-wrapper li {
    width: 300px;
}

@media screen and (max-width: 500px) {
    .videos-wrapper li {
        width: 100%;
        padding: 10px;
    }
}

.videos-wrapper li .image-wrapper {
    position: relative;
}

.videos-wrapper li .image-wrapper img {
    border-bottom: 1px solid #282828;
    width: 100%;
    height: auto;
}

.videos-wrapper li .image-wrapper .play {
    position: absolute;
    background: transparent url(../img/play.png) 50% 50% no-repeat;
    width: 100%;
    height: 100%;
}

.videos-wrapper li .caption h4 {
    font-weight: 600;
    margin: 0;
    color: #282828;
}

.videos-wrapper li .caption p {
    margin: 0;
    font-size: 12px;
    color: #3c3c3c;
}

ul.videos li {
    padding-right: 30px;
    float: left;
}

@media screen and (max-width: 500px) {
    ul.videos li {
        padding: 10px;
        margin-right: 0;
    }
}

ul.videos li:last-child {
    margin-right: 0;
}

/* default feature carousel */
.feature .image-wrapper {
    float: left;
    margin-right: 20px;
}

@media screen and (max-width: 500px) {
    .feature .image-wrapper {
        margin-right: 0;
        width: 100%;
    }
}

.slider {
    position: relative;
}

.slider .viewport {
    float: left;
    width: 275px;
    height: 275px;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
}

@media screen and (max-width: 500px) {
    .slider .viewport {
        width: 100%;
        display: block;
    }
}

.slider .viewport .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 275px;
    left: 0;
    top: 0;
}

.slider .viewport .overview li {
    float: left;
    margin: 0 20px 0 0;
    height: 275px;
    width: 275px;
}

.slider .viewport .overview li img {
    height: 100%;
    display: block;
    width: auto;
}

.slider .prev, .slider .next {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9;
    text-align: center;
    line-height: 20px;
}

.slider .prev {
    right: 30px;
}

.slider .bullets {
    margin: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    list-style-type: none;
}

.slider .bullets li {
    float: left;
}

.slider .bullets li a {
    width: 10px;
    height: 10px;
    background-color: #e3e3e3;
    display: block;
    margin-left: 5px;
}

.slider .bullets li a.active {
    background-color: #e2001a;
}

.slider aside ul li {
    z-index: 2;
    position: relative;
}

.slider aside ul li .left-arrow {
    position: absolute;
    width: 11px;
    height: 100%;
    background: transparent url(../img/arrow_left.png) left center no-repeat;
    left: -31px;
    display: none;
}

.slider aside ul li .left-arrow.active {
    display: block;
}

.feature .links-wrapper {
    width: 50%;
    float: left;
}

@media screen and (max-width: 500px) {
    .feature .links-wrapper {
        width: 100%;
    }
}

.feature.links-first .image-wrapper {
    /*        margin-left: 15px;
     *        margin-right: 0; */
}

/* links first feature carousel */
/* ads */
.ad {
    position: relative;
    text-align: center;
}

.ad-728x90 {
    width: 70%;
    height: auto;
}

.ad-300x600 {
    margin-bottom: 30px;
}

@media screen and (max-width: 500px) {
    .ad-300x600 {
        display: none;
    }
}

.ad-300x250 {
    overflow: hidden;
    width: 300px;
    height: 250px;
    margin-bottom: 15px;
}

.ad-468x120 {
    overflow: hidden;
    width: 468px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 15px;
}

h1, h2, h3, h2 + h3 {
    margin: 0;
    float: left;
}

.slider .links-wrapper a {
    display: block;
    padding: 5px 0;
}

.ticker-container {
    overflow: hidden;
}

ul.ticker {
    width: 999px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.ticker li {
    margin-right: 15px;
    float: left;
}

/*
 * SECTION; Display */
html {
    height: 100%;
}

body {
    min-height: 100%;
    position: relative;
}

html, body {
    font-size: 15px;
    background: #f7f7f7;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

#content {
    background: white;
}

.home #content {
    background: transparent;
}

img.bordered {
    border: 1px solid #e7e7e7;
}

#mobile-nav {
    display: none;
    background: #e2001a;
    width: 100%;
    overflow: hidden;
    min-height: 100%;
}

@media screen and (max-width: 500px) {
    #mobile-nav {
        display: block;
        position: relative;
    }
}

#mobile-nav button {
    float: right;
}

#mobile-nav button.active {
    background: #c90017;
}

#mobile-nav .button {
    height: 54px;
    line-height: 54px;
}

#mobile-nav .button.button-with-icon {
    padding: 0 35px;
}

#mobile-nav .button .icon {
    border: 0;
    padding: 0 25px;
}

.content-viewport {
    overflow-x: hidden;
    position: relative;
}

@media screen and (max-width: 500px) {
    .content-viewport .content-wrapper {
        position: relative;
        width: 100%;
        left: 0;
        -webkit-transition: left 0.3s linear;
        -moz-transition: left 0.3s linear;
        -o-transition: left 0.3s linear;
        transition: left 0.3s linear;
    }
}

@media screen and (max-width: 500px) {
    .content-viewport.active .content-wrapper {
        left: -80%;
        -webkit-transition: left 0.3s linear;
        -moz-transition: left 0.3s linear;
        -o-transition: left 0.3s linear;
        transition: left 0.3s linear;
    }
}

.nav-main-wrapper {
    width: 100%;
    position: fixed;
    z-index: 99;
    background: #e2001a;
}

@media screen and (max-width: 500px) {
    .nav-main-wrapper {
        position: absolute;
        width: 80%;
        top: 0;
        min-height: 100%;
        right: -80%;
        visibility: collapse;
        -webkit-transition: visibility 0.3s linear;
        -moz-transition: visibility 0.3s linear;
        -o-transition: visibility 0.3s linear;
        transition: visibility 0.3s linear;
    }

    .nav-main-wrapper.active {
        visibility: visible;
    }

    .nav-main-wrapper li {
        text-align: left;
        width: 100%;
    }
}

.nav-main-wrapper.docked {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}

.nav-main-wrapper #sub-menu-wrapper {
    background: #555555;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
    height: 0;
    width: 100%;
    z-index: -1;
    position: relative;
}

.nav-main-wrapper #sub-menu-wrapper.open {
    height: 45px;
}

@media screen and (max-width: 500px) {
    .nav-main-wrapper #sub-menu-wrapper {
        display: none;
    }
}

.nav.nav-main {
    /* max-width: 960px; */
    width: 100%;
    text-align: center;
}

.nav.nav-main a:link, .nav.nav-main a:hover, .nav.nav-main a:active, .nav.nav-main a:visited {
    line-height: 45px;
    padding: 0 5px;
    display: block;
    font-size: 12px;
}

@media screen and (max-width: 1000px) {
    .nav.nav-main a:link, .nav.nav-main a:hover, .nav.nav-main a:active, .nav.nav-main a:visited {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 500px) {
    .nav.nav-main a:link, .nav.nav-main a:hover, .nav.nav-main a:active, .nav.nav-main a:visited {
        padding-left: 2em;
        border-bottom: 1px solid #d30018;
    }
}

.nav.nav-main .sub-menu {
    text-align: center;
    z-index: 1;
    position: absolute;
    display: block;
    overflow: hidden;
    padding-left: 0;
}

@media screen and (max-width: 500px) {
    .nav.nav-main .sub-menu {
        height: auto;
        width: 100%;
        background: #f7f7f7;
        border-bottom: 1px solid #f2f2f2;
        position: relative;
    }
}

.nav.nav-main .sub-menu .active a:link, .nav.nav-main .sub-menu .active a:hover, .nav.nav-main .sub-menu .active a:active, .nav.nav-main .sub-menu .active a:visited {
    background: #7d7d7d;
}

@media screen and (max-width: 500px) {
    .nav.nav-main .sub-menu .active a:link, .nav.nav-main .sub-menu .active a:hover, .nav.nav-main .sub-menu .active a:active, .nav.nav-main .sub-menu .active a:visited {
        background: white;
    }
}

.nav.nav-main .sub-menu a:link, .nav.nav-main .sub-menu a:active, .nav.nav-main .sub-menu a:visited, .nav.nav-main .sub-menu a:hover {
    color: white;
}

@media screen and (max-width: 500px) {
    .nav.nav-main .sub-menu a:link, .nav.nav-main .sub-menu a:active, .nav.nav-main .sub-menu a:visited, .nav.nav-main .sub-menu a:hover {
        color: #e2001a;
        border-bottom: 1px solid #f2f2f2;
    }
}

.nav.nav-main .sub-menu a:hover {
    background: #484848;
}

.logo-wrapper {
    border-bottom: 1px solid white;
}

header#primary .widget-area-wrapper {
    border-bottom: 1px solid white;
}

header#primary .widget-area-wrapper.alt {
    background-color: #f1f1f1;
    margin-left: -5px;
    padding: 0 5px;
    max-width: 970px;
}

/* jquery ui */
.ui-autocomplete {
    color: #7d7d7d;
    font-size: 0.85em;
    width: 270px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #d6d6d6;
}

.ui-autocomplete li {
    padding: 4px 10px;
    border-bottom: 1px solid #f0f0f0;
    background: white;
    margin: 0;
    cursor: pointer;
}

.ui-autocomplete li:last-child {
    border-bottom: 0;
}

#blog-roll .articles .article .thumb-container {
    width: 60px;
    height: 60px;
}

#blog-roll .articles .article .thumb-container img {
    width: 60px;
    height: 60px;
}

#user-menu {
    padding: 0.35em 0;
}

#user-menu ul {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}

#user-menu ul li {
    display: block;
}

#user-menu ul ul {
    margin-top: -0.3em;
    display: none;
    border-top: 1px solid #fac600;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 5;
    background: #ffd638;
}

#user-menu ul ul li a {
    text-align: left;
}

#user-menu ul ul li a:link, #user-menu ul ul li a:active, #user-menu ul ul li a:visited, #user-menu ul ul li a:hover {
    color: #282828;
    display: block;
    line-height: 2.4em;
    width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

#user-menu ul ul li a:hover {
    color: #ffcb05;
    background-color: #282828;
}

/* registration */
form input + .description,
form select + .description,
form textarea + .description {
    font-size: 12px;
    margin-top: 0.25em;
}

form .control-group label.error {
    position: relative;
    display: inline;
    float: none;
    display: block;
    font-weight: bold;
    color: #e2001a;
    margin: 0;
}

form .control-group .captcha-code {
    position: relative;
    width: 50%;
}

form .control-group .captcha-code img {
    float: left;
}

form .control-group .captcha-code input {
    float: left;
}

form .control-group .captcha-code label {
    position: absolute;
    bottom: -0.5em;
}

#lost-password-form,
#boereblogs-form,
#my-profile-form,
#registration-form,
#login-form {
    position: relative;
    color: #7d7d7d;
    background: #f0f0f0;
}

#lost-password-form form,
#boereblogs-form form,
#my-profile-form form,
#registration-form form,
#login-form form {
    padding: 15px;
}

#lost-password-form form #username, #lost-password-form form #password,
#boereblogs-form form #username,
#boereblogs-form form #password,
#my-profile-form form #username,
#my-profile-form form #password,
#registration-form form #username,
#registration-form form #password,
#login-form form #username,
#login-form form #password {
    width: 49%;
}

#lost-password-form form .control-group,
#boereblogs-form form .control-group,
#my-profile-form form .control-group,
#registration-form form .control-group,
#login-form form .control-group {
    margin-bottom: 10px;
    width: 100%;
}

#lost-password-form h3,
#boereblogs-form h3,
#my-profile-form h3,
#registration-form h3,
#login-form h3 {
    color: #282828;
    font-weight: bold;
    font-size: 14px;
    padding: 1em 0;
    font-style: normal;
    float: none;
}

#lost-password-form p.error,
#boereblogs-form p.error,
#my-profile-form p.error,
#registration-form p.error,
#login-form p.error {
    margin: 15px;
    background: #fafafa;
    color: #e2001a;
    padding: 15px;
}

#lost-password-form p, #lost-password-form label,
#boereblogs-form p,
#boereblogs-form label,
#my-profile-form p,
#my-profile-form label,
#registration-form p,
#registration-form label,
#login-form p,
#login-form label {
    font-size: 12px;
}

#lost-password-form .lost-password,
#boereblogs-form .lost-password,
#my-profile-form .lost-password,
#registration-form .lost-password,
#login-form .lost-password {
    font-weight: bold;
    padding: 0 0 15px 15px;
    display: block;
}

.front-blogs .articles .article .thumb-container {
    width: 76px;
    height: 66px;
    background: none;
}

.front-blogs .articles .article .excerpt {
    padding-left: 63px;
}

.front-blogs .articles .article .excerpt h4 {
    display: inline;
}

.front-blogs .articles .article .excerpt .author {
    color: #7d7d7d;
    display: inline;
    font-style: italic;
}

#boereblogs-form form #blog-actions {
    position: absolute;
    top: 5px;
    right: 10px;
}

#boereblogs-form form #blog-actions-bottom {
    margin: 15px 0;
}

#boereblogs-form form label {
    /* hide from shitty IE */
    display: none;
}

#boereblogs-form form #post-title, #boereblogs-form form #post-excerpt {
    width: 100%;
}

#boereblogs-form form #captcha {
    float: left;
}

#boereblogs-form form .captcha-code {
    position: relative;
    margin-top: 15px;
}

#boereblogs-form form .captcha-code label.error {
    position: absolute;
    bottom: 0;
    left: 0;
}

#blog-actions {
    float: right;
    margin: 5px;
}

#my-profile-form form {
    padding-top: 0;
}

#my-profile-form form .control-group {
    padding-bottom: 10px;
}

#my-profile-form form .control-group label {
    display: block;
    float: left;
    text-align: left;
    line-height: 3em;
    width: 30%;
}

#my-profile-form form .control-group label.error {
    display: inline;
    float: none;
    padding-left: 5px;
}

#my-profile-form form .control-group .input-wrapper {
    width: 65%;
    margin-left: 35%;
}

#my-profile-form form .control-group .input-wrapper input, #my-profile-form form .control-group .input-wrapper select, #my-profile-form form .control-group .input-wrapper textarea {
    width: 100%;
}

#my-profile-form form .form-table {
    width: 100%;
}

#my-profile-form form .form-table th {
    width: 35%;
}

#my-profile-form form .form-table td, #my-profile-form form .form-table th {
    padding: 0;
}

#pass-strength-result {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 5px;
    color: white;
    background: gray;
}

#login-form > .message {
    padding: 0 15px;
}

#registration-form form #username1, #registration-form form #email1 {
    width: 49%;
}

#registration-form form #whoswho {
    display: none;
}

#registration-form form .avatar-controls {
    margin-bottom: 20px !important;
    position: relative;
}

#registration-form form .avatar-controls .avatar-thumbnail {
    background: white;
    border: #e3e3e3;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    float: left;
}

#registration-form form .avatar-controls .avatar-thumbnail img {
    display: inline;
    vertical-align: middle;
}

#registration-form form .avatar-controls .registration-form-avatar {
    position: absolute;
    bottom: 0;
    left: 115px;
}

#registration-form form .registration-form-password {
    white-space: nowrap;
}

#registration-form form .registration-form-password .password-input-container {
    display: inline-block;
    width: 49.5%;
}

#registration-form form .registration-form-password .password-input-container:last-child {
    margin-left: 1%;
}

#registration-form form .registration-form-password .password-input-container input {
    width: 100%;
}

#registration-form form .control-group {
    margin-bottom: 10px;
    width: 100%;
}

/* comment related */
#comment-form, #ask-an-expert-form,
#comments {
    background: #f1f1f1;
    margin: 30px 0;
}

#comment-form h2.comments-title, #ask-an-expert-form h2.comments-title,
#comments h2.comments-title {
    float: none;
    background: transparent;
    color: inherit;
    font-style: normal;
}

#comment-form ol.comment-list, #ask-an-expert-form ol.comment-list,
#comments ol.comment-list {
    list-style-type: none;
    padding: 0;
}

#comment-form-content, #ask-an-expert-form form,
#comments-content {
    padding: 15px;
}

#comment-form-content .comment-awaiting-moderation, #ask-an-expert-form form .comment-awaiting-moderation,
#comments-content .comment-awaiting-moderation {
    color: #282828;
}

#comment-form-content h3.comments-title, #ask-an-expert-form form h3.comments-title,
#comments-content h3.comments-title {
    padding: 0;
    float: none;
    color: #282828;
    background: none;
    font-size: 16px;
}

#ask-an-expert-form {
    margin-top: 0;
}

#ask-an-expert-form > p {
    margin-top: 0;
}

#reply-title {
    display: none;
}

#commentform {
    /* display label IE < 9 only */
}

#commentform label {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    text-align: left;
    display: none;
}

#commentform label.error {
    color: #e2001a;
    width: auto;
    display: block;
}

#newsletter-subscription-form input[type=email] {
    width: 65%;
    float: left;
}

#newsletter-subscription-form button[type=submit] {
    width: 35%;
    float: right;
    padding: 0.58em 1em 0.58em;
}

#comments {
    font-size: 13px;
}

#comments .comment-post-date {
    font-size: 12px;
    color: #777777;
}

#comments .comment-wrapper {
    margin-bottom: 15px;
}

#comments .author-info {
    float: left;
    width: auto;
}

#comments .author-info .avatar.avatar-comment-author {
    float: left;
    width: 48px;
    height: 48px;
}

#comments .comment-content {
    position: relative;
    margin-left: 55px;
    padding: 0 15px;
}

#comments cite {
    font-style: normal;
    font-weight: 600;
}

.comment-list li.comment {
    border-bottom: 2px solid white;
    margin-bottom: 15px;
}

.comment-list li.comment:last-child {
    border-bottom: none;
}

#comment-form-content .comment-notes-before, #ask-an-expert-form form .comment-notes-before {
    color: #7d7d7d;
}

#comment-form-content #comment, #ask-an-expert-form form #comment {
    width: 100%;
}

#comment-form-content .control-group, #ask-an-expert-form form .control-group {
    margin-bottom: 5px;
}

#comment-form-content .control-group .comment-form-author, #ask-an-expert-form form .control-group .comment-form-author {
    float: left;
    width: 50%;
    padding-right: 5px;
}

#comment-form-content .control-group .comment-form-author #author, #ask-an-expert-form form .control-group .comment-form-author #author {
    width: 100%;
}

#comment-form-content .control-group .comment-form-email, #ask-an-expert-form form .control-group .comment-form-email {
    float: left;
    width: 50%;
}

#comment-form-content .control-group .comment-form-email #email, #ask-an-expert-form form .control-group .comment-form-email #email {
    width: 100%;
}

#comment-form-content .form-submit, #ask-an-expert-form form .form-submit {
    line-height: 1px;
    margin: 0;
}

#comment-form-submit-disabled {
    display: none;
}

/* ask an expert */
#ask-an-expert-form form .ask-an-expert-title {
    float: left;
    width: 100%;
}

#ask-an-expert-form form .ask-an-expert-title #title {
    width: 100%;
}

#ask-an-expert-form form .ask-an-expert-tel {
    float: left;
    width: 50%;
    padding-right: 5px;
}

#ask-an-expert-form form .ask-an-expert-tel #tel {
    width: 100%;
}

#ask-an-expert-form form .ask-an-expert-email {
    float: left;
    width: 50%;
}

#ask-an-expert-form form .ask-an-expert-email #email {
    width: 100%;
}

/* clear */
header.overlay {
    position: absolute;
}

/* overlays contents, preferbly images */
h1, h2, h3 {
    z-index: 3;
    position: relative;
    padding: 10px 20px;
}

header h1, header h2 {
    background: #d40018;
}

header .title-container h1, header .title-container h2 {
    background: none;
}

.header-clear {
    margin-top: 40px;
}

.has-title {
    border-top: 1px solid #d40018;
}

.has-title > header {
    overflow: hidden;
}

.title-inverted.has-title {
    border-color: #282828;
}

.title-inverted h2, .title-inverted h3 {
    background: #282828;
}

.title-light h2, .title-light h3 {
    background: white;
}

.title-light.has-title {
    border-color: white;
}

aside[role=complementary] .widget-container.widget-nuusbrief {
    color: #282828;
    background: #ffcb05;
}

aside[role=complementary] .widget-container.widget-opsitkers {
    color: #282828;
    background: #e3e3e3;
}

aside[role=complementary] .widget-container.widget-geborgde-skakels {
    background: white;
    font-size: 13px;
}

aside[role=complementary] .widget-container.widget-geborgde-skakels .entry {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3;
    padding: 0;
}

aside[role=complementary] .widget-container.widget-geborgde-skakels .entry .thumbnail-container {
    height: 50px;
    float: left;
}

aside[role=complementary] .widget-container.widget-geborgde-skakels .entry .thumbnail-container .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

aside[role=complementary] .widget-container.widget-geborgde-skakels .entry .thumbnail-container img {
    max-height: 50px;
    vertical-align: middle;
    display: inline-block;
}

aside[role=complementary] .widget-container.widget-geborgde-skakels .entry .link-container {
    line-height: 50px;
    margin-left: 70px;
}

aside[role=complementary] .widget-container.widget-geborgde-skakels .entry:last-child {
    border: 0;
}

#user-info-widget {
    background: #f1f1f1;
}

#user-info-widget .widget-content {
    padding-bottom: 30px;
    line-height: 1.4em;
    padding: 0.75em 0;
}

.caption.overlay {
    background: transparent;
}

.block-underlined, ul.list-underlined li {
    border-bottom: 1px solid #e6e6e6;
}

.block-underlined {
    padding-bottom: 1em;
}

.last .block-underlined, ul.list-underlined li:last-child {
    border-bottom: 0;
}

.videos-wrapper {
    background: #e3e3e3;
}

header#primary .ticker-widget-container .ticker-heading {
    width: 105px;
    border-right: none;
}

header#primary .ticker-widget-container .ticker-content {
    height: 45px;
    overflow: hidden;
    width: 885px;
}

@media screen and (max-width: 500px) {
    header#primary fieldset {
        margin: 0 15px;
    }

    header#primary fieldset .button {
        width: 100%;
    }
}

.result em {
    display: inline-block;
    width: 20px;
    height: 10px;
    background-image: url(../img/icons.png);
    background-repeat: no-repeat;
}

.result.result-up {
    color: #39b54a;
}

.result.result-up em {
    background-position: -75px 50%;
}

.result.result-down {
    color: #ed1c24;
}

.result.result-down em {
    background-position: -110px 50%;
}

.result strong {
    font-weight: 600;
}

ul.ticker {
    color: #585858;
    font-size: 12px;
}

aside[role=complementary] .widget-container.widget-opsitkers img {
    display: block;
    margin: 0 auto 15px;
}

.widget-opsitkers .form-aligned .control-group label {
    width: 5em;
}

/*
 * SECTION; Typography */
html, body {
    color: #282828;
    font-family: "Open Sans", sans-serif;
}

a:link, a:hover, a:active, a:visited {
    color: #d40018;
    text-decoration: none;
}

.nav.nav-main a:link, .nav.nav-main a:active, .nav.nav-main a:visited {
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
}

.nav.nav-main a:hover {
    background: #d40018;
}

h1, h2, h3 {
    color: white;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
}

h2 + h3 {
    color: #282828;
    font-weight: normal;
    background: transparent !important;
}

.title-light h2, .title-light h3 {
    color: #282828;
}

.attachments {
    padding: 15px;
    background: #e3e3e3;
    margin-bottom: 2em;
}

.caption.overlay {
    color: white;
}

.slider .links-wrapper a {
    font-weight: 600;
    color: #282828;
    line-height: 1.4em;
    text-decoration: none;
}

footer#primary ul.list-links {
    font-size: 14px;
}

header#primary .account-form {
    text-align: right;
    float: right;
}

header#primary .ticker-widget-container h4 {
    font-weight: 600;
}

.widget-opsitkers .form-aligned .control-group label {
    text-align: left;
}

.question-wrapper .qna p {
    margin: 6px 0;
}

.question-wrapper dl.qna dt {
    font-weight: 600;
    color: #d40018;
}

.question-wrapper h4 {
    font-size: 18px;
    color: #282828;
    font-weight: 600;
}

.question-wrapper .expert-bio {
    font-weight: 600;
}

.question-wrapper .button {
    margin-bottom: 0.5em;
}

.single h1 {
    font-weight: 400;
    color: #e2001a;
    float: none;
}

.single .title-container h1 {
    font-style: normal;
}

.single header.entry-header {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

/**
 * Extend this, for normal inline headers
 */
.block-sub-header, .single-kundiges article h2, .archive .kundiges h2 {
    color: #282828;
    float: none;
    padding: 10px 0;
    font-style: normal;
    font-weight: 400;
}

.single-kundiges h1 {
    color: white;
}

.single-kundiges article .answer {
    padding: 30px;
    background-color: #f1f1f1;
    margin-top: 30px;
}

.single-kundiges article .answer h2 {
    padding-top: 0;
}

.page-template-default .entry-content {
    padding-left: 1em;
}

.page-template-default .entry-content ul {
    padding: 0;
}

.page-template-default .entry-content li {
    margin-left: 30px;
}

/* Stoeterye */
.stoeterye article {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e3e3e3;
}

.stoeterye h2 {
    padding: 0;
    float: none;
    color: #282828;
    margin-bottom: 1em;
    font-style: normal;
}

.stoeterye .entry-header {
    float: left;
    border: 1px solid #e3e3e3;
}

.stoeterye .entry-header .entry-thumbnail {
    padding: 0;
}

.stoeterye .entry-header .entry-thumbnail img {
    margin: 0;
    display: block;
    margin: 15px;
}

.stoeterye .entry-content {
    width: 70%;
    margin-left: 30%;
}

.menu-magazine-menu-container {
    margin-left: 135px;
}

/* recipes */
#recipes .thumbnail-container {
    position: relative;
    width: 50%;
    overflow: hidden;
    float: left;
    width: 275px;
    height: 275px;
}

@media screen and (max-width: 500px) {
    #recipes .thumbnail-container {
        width: 100%;
    }
}

#recipes .thumbnail-container img {
    width: auto;
    min-height: 275px;
}

@media screen and (max-width: 500px) {
    #recipes .thumbnail-container img {
        max-width: 100%;
        height: auto;
    }
}

#recipes .recipe-list {
    margin-left: 50%;
}

@media screen and (max-width: 500px) {
    #recipes .recipe-list {
        margin-left: 0;
    }
}

#recipes .recipe-list h3 {
    padding-left: 0;
    padding-right: 0;
    color: #282828;
}

#recipes .recipe-list ul {
    width: 100%;
    float: left;
    display: block;
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 500px) {
    #recipes .recipe-list ul {
        width: 100%;
    }
}

#recipes .recipe-list ul li {
    padding-left: 15px;
    background: transparent url(../img/bullet_links.png) 0 0.5em no-repeat;
    display: block;
}

/* expert */
.single-expert_question h1 {
    color: white;
    float: left;
}

.single-expert_question .expert_question h2 {
    font-weight: 600;
    margin: 1em 0;
    padding: 0;
    float: none;
    color: #282828;
    font-style: normal;
}

.single-expert_question .expert_question .answer {
    margin-top: 15px;
    background: #f7f7f7;
    padding: 15px;
}

.single-expert_question .expert_question .answer h2 {
    margin: 0;
}

.single-expert_question .expert_question .attachments-container {
    padding: 15px;
    background: #e3e3e3;
}

#upload_image_button {
    margin: 1em 0;
}

.avatar.tiny {
    width: 36px;
    height: 36px;
}

.avatar.small {
    width: 48px;
    height: 48px;
}

.avatar.medium {
    width: 60px;
    height: 60px;
}

.avatar.large {
    width: 275px;
    height: 275px;
}

@media screen and (max-width: 500px) {
    .avatar.tiny, .avatar.small, .avatar.medium, .avatar.large {
        width: 100%;
        height: auto;
    }
}

.author-info {
    width: 100%;
    overflow: hidden;
}

.author-info .avatar-container {
    float: left;
}

.author-info .avatar-container img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.author-info .avatar.avatar-blog-author {
    float: left;
    width: 36px;
    height: 36px;
}

.author-info .details, .author-info .title {
    float: left;
}

.author-info .details .author, .author-info .title .author {
    font-weight: bold;
}

.experts hr {
    margin: 30px 0;
}

.experts section.expert-profile {
    position: relative;
}

.experts section.expert-profile .profile-container {
    position: relative;
}

.experts section.expert-profile .profile-container .avatar {
    width: 275px;
    height: 275px;
    float: left;
}

.experts section.expert-profile .profile-container .description {
    width: 275px;
    margin-left: 300px;
    margin-top: 15px;
}

.experts section.expert-profile .profile-container .button.ask {
    margin-top: 15px;
}

.experts section.expert-profile h3 {
    float: none;
    color: #282828;
    font-style: normal;
    padding-left: 0;
}

.experts section.expert-profile ul.list-links {
    margin: 0;
    line-height: 1.5em;
    font-size: 12px;
}

.experts section.expert-profile span.archive a {
    font-size: 12px;
    font-weight: bold;
}

#weather-loading {
    width: 100%;
    text-align: center;
    padding: 30px;
}

#forecast-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

#forecast-list li {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 2px solid #f1f1f1;
}

#forecast-list li .icon-ext {
    float: left;
    width: 30%;
}

#forecast-list li .numbers-ext {
    float: left;
    font-size: 24px;
}

#forecast-list li .details-ext {
    float: left;
}

.weather form {
    margin: 1em 0;
    width: 50%;
}

.weather table {
    border-collapse: collapse;
}

.weather table th {
    padding: 5px 10px;
}

.weather table td {
    padding: 5px 10px;
}

#content .ad2x-div {
    margin-bottom: 15px;
}

#div-gpt-ad-_default-0.ad2x-div {
    margin: 0;
}

div[id*='div-gpt-ad-'] {
    margin: 0;
}

.wp-polls .pollbar {
    background-image: none;
    background: #ffcb05;
    border: 0;
    height: 30px;
}

.wp-polls ul {
    list-style-type: none;
    padding: 0;
}

.wp-polls > p {
    text-align: left !important;
}

.wp-polls .wp-polls-ul li {
    /*
                strong {
                    position: absolute;
                    line-height: 30px;
                    padding-left: 15px;
                }
    */
}

.studs a {
    margin: 10px 0;
    padding-left: 86px;
    background: url("../img/studs_thumb.png") top left no-repeat;
    width: 66px;
    height: 66px;
    line-height: 66px;
    display: block;
    color: #282828;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}

.studs a.sheep {
    background-position: 0 -66px;
}

@media screen and (max-width: 500px) {
    .g-col, .g-col-1, .g-col-2, .g-col-3, .g-col-4, .g-col-5, .g-col-6, .g-col-7, .g-col-8, .g-col-9, .g-col-10, .g-col-11, .g-col-12 {
        width: 100%;
    }

    .social-buttons .button.button-left {
        padding-right: 0;
        padding-left: 35px;
        text-indent: -999px;
    }
}

.select-expert h4.author-logo {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
}

.select-expert h4.author-logo span {
    margin-top: 5px;
    display: block;
    overflow: hidden;
}

.select-expert h4.author-logo span .logo {
    max-width: 100px;
    height: auto;
}

/* jared.rethman@gmail.com - start */

.expert-wrap{border-bottom: 1px solid #d40018; padding:20px 0}
.expert-wrap .expert-img{ margin-right: 20px; }
.expert-wrap .expert-img img{ border:1px solid #E3E3E3}
.expert-wrap .expert-content p { font-size: 14px; line-height: 18px;}
.expert-wrap .expert-content h4 {margin-top:0;}
.expert-wrap .expert-content:after{clear:left; content: ''; display: block;}

/* jared.rethman@gmail.com - end */

.no_display {
    display: none;
}

.control-group .description {
    margin: 10px 0 0;
}

.author-cat-logo {
    float: right;
}

.author-cat-logo .logo {
    max-width: 150px;
    height: auto;
}

.pull-inline {
    display: inline;
    margin-left: 5px;
}

.single .category-videos .title-container .post-excerpt {
    position: relative;
    margin-top: 10px;
}

.safex {
    padding-bottom: 50px;
}

h4.instrument {
    padding: 5px;
    color: #e2001a;
    margin-bottom: 0;
    position: relative;
}

.inline-nav {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.inline-nav li {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #ccc;
}

.inline-nav li:last-child {
    border-right: 0;
}

table.safex-data {
    width: 100%;
    font-size: 0.85em;
    border-collapse: collapse;
}

table.safex-data tr:hover td {
    cursor: pointer;
    background-color: #d6d6d6;
}

table.safex-data tr th {
    padding: 5px;
    text-align: left;
    color: #e3e3e3;
    background: #7d7d7d;
    font-size: 0.8em;
}

table.safex-data tr td {
    padding: 5px;
}

table.safex-data tr:nth-child(2n) {
    background: #f0f0f0;
}

table.safex-data tr:last-child {
    border-bottom: 2px solid #7d7d7d;
}

a.anchor {
    position: absolute;
    top: -100px;
}

.ticker-content .bvg-logo {
    height: 45px;
    overflow: hidden;
}

.ticker-content .bvg-logo img {
    width: auto;
    height: 25px;
    margin-top: 8px;
}

.index #question-index {
    padding-left: 0;
    color: #7d7d7d;
}

.index #question-index ul {
    padding-left: 0;
    display: none;
}

.index #question-index li {
    font-size: 12px;
    padding-left: 1em;
    background: transparent url(../img/plus.png) 0 0.5em no-repeat;
    list-style-type: none;
}

.index #question-index li a {
    font-size: 14px !important;
}

.index #question-index li.open {
    background: transparent url(../img/minus.png) 0 0.5em no-repeat;
}

.index #question-index li.empty {
    background: none;
}

#message.updated {
    border-left: 0;
    padding: 1px 12px;
    color: #000;
    background-color: #ffcb05;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 1em 0;
}

#message.error {
    border-left: 0;
    padding: 1px 12px;
    color: #fff;
    background-color: #e2001a;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 1em 0;
}

.weather h3 {
    padding: 0;
    margin: 0.5em 0;
    float: none;
    color: #282828;
}

.weather .location-select {
    margin: 1em 0;
}

.weather .icon {
    background: transparent url(../img/weather.png) top left no-repeat;
    display: inline-block;
    margin: 0;
    width: 64px;
    height: 64px;
    float: left;
}

.weather .icon.clear-day {
    background-position: -64px -256px;
}

.weather .icon.clear-night {
    background-position: -384px -256px;
}

.weather .icon.rain {
    background-position: 0px -64px;
}

.weather .icon.snow {
    background-position: -320px -128px;
}

.weather .icon.sleet {
    background-position: -320px -128px;
}

.weather .icon.wind {
    background-position: -257px -192px;
}

.weather .icon.fog {
    background-position: -64px -192px;
}

.weather .icon.cloudy {
    background-position: 0 0;
}

.weather .icon.partly-cloudy-day {
    background-position: -128px 0;
}

.weather .icon.partly-cloudy-night {
    background-position: -192px 0;
}

.weather .icon.hail {
    background-position: 0 -128px;
}

.weather .icon.thunderstorm {
    background-position: -192px -192px;
}

.weather .icon.tornado {
    background-position: -192px -192px;
}

.weather .detailed-info h4 {
    color: #e2001a;
}

.weather .detailed-info .detail-column {
    border-top: 2px solid #e3e3e3;
}

.weather .detailed-info .detail-column ul.weather-extra {
    margin: 0;
    padding: 0;
}

.weather .detailed-info .detail-column ul.weather-extra li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
}

.weather .detailed-info .detail-column ul.weather-extra li.come {
    float: left;
}

.weather .current-conditions {
    padding: 10px;
    border: 2px solid #e3e3e3;
    width: 49.5%;
    float: left;
    margin-right: 1%;
}

.weather .current-conditions h4 {
    margin: 10px 0 0 0;
}

.weather .current-conditions .min-max {
    width: 66%;
    float: left;
    font-size: 2em;
    line-height: 1em;
}

.weather .current-conditions .min-max p {
    float: left;
    width: 33%;
}

.weather .current-conditions .weather-extra {
    border-top: 1px solid #e3e3e3;
    margin: 0;
    padding: 0;
}

.weather .current-conditions .weather-extra li {
    padding: 0;
    list-style-type: none;
    float: left;
    margin-right: 10px;
    line-height: 40px;
}

.weather .current-conditions .weather-extra li img {
    display: inline;
    vertical-align: middle;
}

.weather ul.extended-forecast {
    width: 49.5%;
    float: left;
    padding: 0;
    margin: 0;
}

.weather ul.extended-forecast li {
    line-height: 60px;
    border: 2px solid #e3e3e3;
    padding: 10px;
    list-style-type: none;
    margin-bottom: 4px;
}

.weather ul.extended-forecast li .icon-ext {
    float: left;
    margin-right: 5px;
}

.weather ul.extended-forecast li .numbers-ext {
    font-size: 2em;
    float: left;
    margin-right: 5px;
}

h3.date {
    color: #282828;
}

.page h1.entry-title {
    background-color: #e2001a;
}

.has-title {
    margin-bottom: 1em;
}

@media screen and (max-width: 900px) {
    footer#primary > div:first-child ul.list-links {
        width: 60%;
        padding-left: 30px;
    }
}

footer#primary > div:first-child ul.list-links li {
    padding: .5em;
    border-bottom: 1px solid #eee;
}

/* Matt - Highly Aggressive Overrides. - This is bad, don't ever do this again. */
@media \0screen {
    .nav-main-wrapper {
        margin-top: -20px;
    }
}

a.back-to-top {
    display: block;
    text-align: right;
}

#pass-strength-result {
    display: none;
}

.onnet-internal-counter .number {
    font-weight: bold;
}

/*jared.rethman*/
.page-template-page-100-width-php div[role=main]{
    width:100% !important;
}
.page-template-page-100-width-php #tdl-feed-root{
    display: none !important;
}
    /*
     * Sif I know */
.container-calcs {
    width: 100%;
    *zoom: 1;
}

.container-calcs:before {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.container-calcs:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
    clear: both;
}

.container-calcs .row {
    max-width: 960px;
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    .container-calcs .row {
        width: 100%;
    }
}

.container .row .row {
    width: 100%;
    margin: 0;
}