/*//////////////////////////////////////////////////////////////////////////////
// UNIVERSAL ///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    padding-top: 0px;
    padding-bottom: 20px;
    min-width: 1000px;
    word-wrap: break-word;
}

/* Fix columns */
body > .body-content {
    overflow: hidden;
}
body > .body-content > .row {
    margin: 0;
}

body > .body-content > .row > .left-column {
    float: left;
    width: 200px;
}

body > .body-content > .row > .middle-column {
    float: left;
    width: calc(100% - 530px);
}

body > .body-content > .row > .right-column {
    float: left;
    width: 330px;
}

body > .container {
    width: 1300px !important;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.container {
    margin-left: 4px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.container.body-content {
    padding: 15px;
}

.luc-profile-wrapper p{ font-family:"Times New Roman", Times, serif;}

.text-bold{font-weight: 700;}

.text-italic{font-style: italic;}

.text-times-new-roman{
    font-family: "Times New Roman";
}

.hidden{
    display: none;
}

.logo-wrapper{border:2px solid #000; width:728px; height:164px;}
.logo-image{text-align:center;}
.logo-menu{text-align:center;}

.logo-wrapper b a {
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  color: navy;
  text-decoration: underline;
}

footer {
    margin-top: 20px;
}

footer .footer-wrapper{width:728px;}
footer .footer-image{text-align:center;}
footer .footer-menu{text-align:center;}

footer b a {
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  color: navy;
  text-decoration: underline;
}

.post_new_article {
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    padding: 20px 0;
}

.ad_free_promo {
    background-image: linear-gradient(#566573,#2c3e50 85%,#273746);
    color: white;
    padding: 0 10px 10px;
    margin: 20px 0;
    text-align: center;
}
.ad_free_promo .title {
    font-size: 30px;
}
.ad_free_promo a.body {
    display: inline-block;
    border-radius: 10px;
    background: #eee;
    padding: 2px 20px;
    font-size: 18px;
}
.ad_free_promo .footer {
    padding: 2px 0 0;
    font-size: 16px;
}

/*//////////////////////////////////////////////////////////////////////////////
// UNIVERSAL, SHARED STYLES ////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

/* Homepage, Archive Pages, Must Reads Page Styles */
body.home h2, body.date-archive h1, body.must-reads-archive h2  { font-size: 18px; font-weight:400; font-family:Verdana, Geneva, Tahoma, sans-serif; }
.latest-posts-section, .post-section { font-size:16px !important; line-height:1.125; font-weight:400; margin-top: 50px; }
.latest-posts-section a, .post-section a { color:#a11f00; text-decoration: underline; }
.latest-posts-section a:visited, .post-section a:visited { color:#337ab7; }
.latest-posts-section a.post-reply-link {
    margin-left: 15px;
}

.post-preview { padding-bottom: 15px; }

.post-preview-entry-url { margin-left: 20px; }
.post-preview-heading { font-size:18px; font-weight:700; line-height:1.167; padding-right: 50%; }
.post-preview-byline, .member-link { font-size:13px; line-height:1.231; font-weight:700; }
.post-preview-posted-by {
    font-size: 13px;
    line-height: 1.231;
    font-weight: 700;
}
.post-preview-replies-count { display:none; }


/* Homepage, Must Reads Page Styles */
body.must-reads-archive { font-family: 'Times New Roman', Times, serif; }

body.must-reads-archive h1, h2, h3, h4, h5, h6 { font-family: Verdana, Geneva, Tahoma, sans-serif; }

.must-read-posts-container { display: inline-block; width:100%; margin-top:20px; }
.must-read-logo-container {
    width: 15%;
    float: left;
    text-align: center;
}

.must-read-posts-wrapper {
    display: inline-block;
    width: 85%;
    padding: 2% 29% 2% 2%;
}

.must-read-posts-wrapper {
    display: inline-block;
    width: 85%;
    padding: 2% 20% 2% 2%;
    font-size: 16px;
    line-height: 1.125;
    font-weight: 400;
}

.must-read-posts-wrapper a { color:#a11f00; text-decoration:underline; }
.must-read-posts-wrapper a:visited { color:#337ab7; }

.must-read-post-snippet {
    font-style: italic;
    color:#000000;
}

.must-read-posts-li {
    margin-bottom: 10px;
}

.daily-photo-container {
    display: inline-block;
    margin: 0 0 0 17%;
}

.daily-photo-container img { width:100%; max-width:504px; }

/* User Forms Styles - Register, Make a Post, Profile Page Styles */
body.register form label span, body.profile form label span, body.make_post form label span {
    font-size: 1em;
    font-style: italic;
    color: #3da5ed;
    font-family: Times New Roman, Times, serif;
}

body.register em, body.profile em, body.make_post em, body.login em { color:#d30015; font-weight:bold; font-size:1.2em; }

.latest-archive-link,
.more-archive-links {
    margin: 20px 0;
    font-size: 1.5em;
    font-weight: bold;
}

/* END: UNIVERSALLY SHARED STYLES */

/*//////////////////////////////////////////////////////////////////////////////
// STATIC PAGES ////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body.static { font-family: 'Times New Roman', Times, serif; }

body.static h1 {
    font-family: "Times New Roman", Times, serif;
    text-decoration: underline;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
body.static h2 {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 22px;
}

body.static a { color:#a11f00; text-decoration: underline; }
body.static a:visited { color:#000080; }

/* Links */

body.static table.MsoNormalTable td {
    padding: 5px !important;
}


/*//////////////////////////////////////////////////////////////////////////////
// REGISTER PAGE ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body.register h1 {
    font-family: "Times New Roman", Times, serif;
    text-decoration: underline;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
body.register h2 {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 22px;
}

body.register #luci-reg-form { display:inline-block; width:100%; max-width:600px; }
        
body.register #luci-reg-form p { margin:30px; }

body.register #luci-reg-form input {
    display: inline-block;
    width: 50%;
    float: right;
    padding:5px 0 5px 15px;
}

body.register #luci-show-email, #luci-hide-email {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

body.register #show-email-label, #terms-label {
    display: inline-block;
    width: 100%;
} 

body.register #terms-label {
    width: 70%;
}

body.register #luci-terms {
    width: auto !important;
    float: left !important;
    margin: 3px 10px 0 0;
}  

body.register .msgs {
    color: #d30015;
    font-size: 1.1em;
    text-transform: uppercase;
}

body.register .msgs span {
    font-size: 1em;
    font-style:italic;
}

body.register .resend-email-helper {
    margin-top: 20px;
    color: #333;
    text-transform: initial;
}

body.register .input-error { border:3px solid #d30015; }

/*//////////////////////////////////////////////////////////////////////////////
// LOGIN PAGE //////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body.login h1 {
    font-family: "Times New Roman", Times, serif;
    text-decoration: underline;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
body.login h2 {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 22px;
}

body.login #luci-login-form { display:inline-block; width:100%; max-width:600px; }

body.login #luci-login-form p { margin:30px; }

body.login #luci-login-form input {
    display: inline-block;
    width: 50%;
    float: right;
    padding:5px 0 5px 15px;
}

body.login #luci-show-email, #luci-hide-email {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

body.login #show-email-label, #terms-label {
    display: inline-block;
    width: 100%;
} 

body.login #terms-label {
    width: 70%;
}

body.login #luci-terms {
    width: auto !important;
    float: left !important;
    margin: 3px 10px 0 0;
}  

body.login .msgs {
    color: #d30015;
    font-size: 1.1em;
    text-transform: uppercase;
}

body.login .msgs span {
    font-size: 1em;
    font-style:italic;
}

body.login .input-error { border:3px solid #d30015; }

body.login .register_question {
    padding: 20px 0;
    font-size: 1.2em;
}
body.login .register_question a#go_to_register {
    color: inherit;
    background: #efefef;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}
body.login .register_question a#go_to_register:hover {
    text-decoration: none;
}

/*//////////////////////////////////////////////////////////////////////////////
// PROFILE PAGE ////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body.profile #luci-profile-form { display:none; width:100%; max-width:600px; }
        
body.profile #luci-profile-form p { margin:30px; }

body.profile #luci-profile-form input, .prof-username {
    display: inline-block;
    width: 50%;
    float: right;
    padding:5px 0 5px 15px;
}

body.profile .prof-username {
    padding: 0 20px 0 0 !important;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1em;
}

body.profile #luci-show-email, #luci-hide-email {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

body.profile #show-email-label, #terms-label {
    display: inline-block;
    width: 100%;
} 

body.profile #terms-label {
    width: 70%;
}

body.profile #luci-terms {
    width: auto !important;
    float: left !important;
    margin: 3px 10px 0 0;
}  

body.profile .msgs {
    color: #d30015;
    font-size: 1.1em;
    text-transform: uppercase;
}

body.profile .msgs span {
    font-size: 1em;
    font-style:italic;
}

body.profile .input-error { border:3px solid #d30015; }

/*//////////////////////////////////////////////////////////////////////////////
// MAKE NEW POST PAGE //////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body.make_post body.make_post #luci-post-form { display:inline-block; width:100%; max-width:600px; }
        
body.make_post #luci-post-form p { margin:15px; display:inline-block; width:100%; }

#luci-post-form {
    display: inline-block;
    width: 100%;
    max-width: 600px;
}

body.make_post #luci-post-form input, #luci-post-form textarea {
    display: inline-block;
    width: 50%;
    float: right;
    padding:5px 0 5px 15px;
}

body.make_post #luci-post-form textarea { font-size:0.9em; }

body.make_post .prof-username {
    padding: 0 20px 0 0 !important;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1em;
}

body.make_post #luci-show-email, #luci-hide-email {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

body.make_post #show-email-label, #terms-label {
    display: inline-block;
    width: 100%;
} 

body.make_post #terms-label {
    width: 70%;
}

body.make_post #luci-terms {
    width: auto !important;
    float: left !important;
    margin: 3px 10px 0 0;
}  

body.make_post .msgs,
body.post-submit-preview .msgs {
    color: #d30015;
    font-size: 1.1em;
    text-transform: uppercase;
}

body.make_post .msgs span,
body.post-submit-preview .msgs span {
    font-size: 1em;
    font-style:italic;
}

body.make_post .input-error { border:3px solid #d30015; }

.msgs > .alert {
    text-transform: initial;
}

/*//////////////////////////////////////////////////////////////////////////////
// SEARCH PAGE /////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body.search h1 {
    font-family: "Times New Roman", Times, serif;
    text-decoration: underline;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
body.search h2 {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: navy;
    font-weight: 600;
    font-size: 22px;
}

body.search body.search #luci-search-form { display:inline-block; width:100%; max-width:600px; }

body.search p.blue { color: #000080; }
        
body.search #luci-search-form p { margin:15px; display:inline-block; width:100%; }

#luci-search-form {
    display: inline-block;
    width: 100%;
    max-width: 600px;
}

body.search #luci-search-form label span {
    font-size: 1em;
    font-style: italic;
    color: #000080;
    font-family: Times New Roman, Times, serif;
}

body.search #luci-search-form input, #luci-search-form textarea {
    display: inline-block;
    width: 50%;
    float: right;
    padding:5px 0 5px 15px;
}

body.search #luci-search-form textarea { font-size:0.9em; }

body.search .prof-username {
    padding: 0 20px 0 0 !important;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1em;
}

body.search .msgs {
    color: #d30015;
    font-size: 1.1em;
    text-transform: uppercase;
}

body.search .msgs span {
    font-size: 1em;
    font-style:italic;
}

body.search .input-error { border:3px solid #d30015; }

body.search .search_nav .btn:first-child {
    margin-right: 40px;
}
body.search .search_nav .msg {
    margin-top: 20px;
    color: #d30015;
    font-size: 1.1em;
    text-transform: uppercase;
}

body.search .posts_display,
body.search .replies_display {
    float: left;
    width: 50%;
}

body.search .post-preview-heading {
    padding-right: 0;
    font-size: 14px;
}

body.search .post-preview .comment_body span.quote {
    font-size: 20px;
}

/*//////////////////////////////////////////////////////////////////////////////
// LATEST POSTS PAGE ///////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/


body.latest-posts-archive { color: #000000 !important; }
body.latest-posts-archive a.member-link { color: #a11f00 !important; }
body.latest-posts-archive a.post-title-perma { color:#000080 !important; }

body.latest-posts-archive, body.latest-posts-archive a { font-family: 'Times New Roman', Times, serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.125 !important; text-decoration: underline !important; }

body.latest-posts-archive .latest-post-heading h2 { font-weight: 700; font-size: 18px; line-height: 1.167; text-decoration: underline; font-family: 'Times New Roman', Times, serif; } 

body.latest-posts-archive .post-preview-heading { padding-right: 0; }

body.latest-posts-archive .post-preview-posted-by {
    font-size: 16px;
    line-height: 1.125;
    font-weight: 400;
}

body.latest-posts-archive .post-preview-posted-by.text-bold span:last-child {
    width: 90%;
    display: inline-block;
}

body.latest-posts-archive .post-preview {
    margin: 0px 0 20px;
}

body.latest-posts-archive .logo-menu b a {
    font-size: 13px !important;
    line-height: 1.429 !important;
}


/*//////////////////////////////////////////////////////////////////////////////
// LINKS PAGE //////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

.links-table { border-collapse: unset; border-spacing: 2px; }

.links-table span { font-size: 16px; line-height: 1.125; }
.links-table span.SpellE { font-size: 18px; line-height: 1.167; }

.links-table a { color: #800000 !important; font-size: 18px; line-height: 1.125; text-decoration: underline; font-family: 'Times New Roman', Times, serif; }
.links-table a:visited { color:#000080 !important; }


/*//////////////////////////////////////////////////////////////////////////////
// CONTACT US PAGE /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

.contact-wrapper { font-family: 'Times New Roman', Times, serif; }

.contact-wrapper a { color:#a11f00; font-family: 'Times New Roman', Times, serif; }


/*//////////////////////////////////////////////////////////////////////////////
// All SITE PAGES - BOOTSTRAP/ETC OVERRIDES ////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

/* Left Column Override Styles */
.col-xs-2.left-column {
    width: 200px !important;
}




/*//////////////////////////////////////////////////////////////////////////////
// REPSONSIVE //////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/

body > .body-content > .row > .middle-column > .mobile-post-article {
    display: none;
}

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

    .body-content {
        padding: 0;
    }
}

/* This is when screen starts getting smaller than max width of container */
@media screen and (max-width: 1299px) {

    body > .body-content > .row > .right-column {
        display: none;
    }

    body > .body-content > .row > .middle-column > .mobile-post-article {
        display: block;
    }

    body > .container {
        width: auto !important;
    }

    body > .body-content > .row > .middle-column {
        width: calc(100% - 200px);
    }

    .logo-wrapper {
        margin: 0 auto;
    }

    body {
        min-width: 0;
    }
}

/* Anything less than ipad landscape */
@media screen and (max-width: 1023px) {
    .logo-wrapper {
        width: 100%;
    }
    footer .footer-wrapper {
        width: auto;
    }
    footer .footer-image img {
        width: 100%;
    }
    .logo-wrapper {
        height: auto;
    }
    .must-read-logo-container {
        width: 120px;
    }
    .must-read-posts-wrapper {
        width: calc(100% - 120px);
    }
}

/* Anything less than ipad portrait */

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

    body > .body-content > .row > .left-column {
        display: none;
    }
    body > .body-content > .row > .middle-column {
        width: 100%;
    }
}

@media screen and (max-width: 519px) {
    .logo-image > img:first-child {
        width: 100%;
    }
    .must-read-posts-wrapper {
        padding-right: 0;
        padding-left: 0;
    }
    body.search .posts_display,
    body.search .replies_display {
        float: none;
        width: 100%;
    }
}

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

    .must-read-posts-wrapper {
        width: 100%;
    }
    .must-read-logo-container {
        float: none;
        margin: 0 auto;
    }
}