body {
    background: #D2D2FA;
}
.sideleftpages {
    float: left;
    width: 25%;
    padding: 5px;
    background: #D2D2FA;
    position: fixed;
    top: 72px;
}
#footer {
    font-size: 11px;
    text-align: center;
    background: none;
    padding: 12px;
    color: blue;
    display: block;
}
#footer a {
    color: #0000FF;
}
#footer a:active {
    color: #0000FF;
}
#footer a:visited {
    color: #0000FF;
}
#footer a:hover {
    color: #FF0000;
}
#page-title{color: white;}
#container{width: 90%; background:#D2D2FA;}
#content-area{background: #fff; width: 70%; float: right; padding: 20px;}
@media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container{width: 100%; background:#D2D2FA;}
      #content-area{background: #fff; width: 90%; padding: 20px; float: none;}
      #mobilebottommenu{background:#002060; border-top:groove 4px #ff0000;}
}
#img_div {
    width: 100%;
    padding: 30px;
    margin: 0 auto;
    border: solid 3px #FAD2D2;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
}
#meta {
    font-size: 12px;
    color: #002060;
    padding: 5px;
}
#meta-descrip {
    font-size: 14px;
}
#read_more_link {
    color: blue;
}
#read_more_link:hover {
    color: red;
}
#comment-button {
    color: blue;
    border: solid 2px red;
    background: none;
}
#comment-button:hover {
    color: white;
    border: solid 2px blue;
    background: red;
}
#loginform > input{
    width: 80%;
    height: 30px;
}
#loginbtn{
    width: 80%;
    padding: 5px;
    border-radius: 10px;
}
#not_a_member{
    font-size: 12px;
    color: #002060;
    margin-top: 7px;
    margin-bottom: 7px;
}
#apache_image{
    width: auto;
    height: 10px;
}
#loginFormDivBlog{
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #888888;
}
#awaiting-moderation {
    font-size: 20px;
    padding: 10px;
    font-family: arial;
    color: #fff;
    background: navy;
    text-align: center;
}
#refresh_page {
    color: #0000ff;
    background: #fff;
    border: solid 2px #ff0000;
}
#refresh_page:hover {
    color: #ff0000;
    border: solid 2px #0000ff;
}
#headerLogInBtn {
    display: none;
}
#headerSignUpBtn {
    display: none;
}
#post_content_area {
    text-align: center;
}
#ind_blog_post_title {
    font-size: 35px;
    color: #fff;
    line-height: 110%;
    display: inline;
}
#blog_post_sub_title_top {
    font-size: 23px;
    color: #640064;
    text-align: center;
    margin-top: 0;
}
#blog_post_sub_title {
    font-size: 21px;
    color: #640064;
    text-align: center;
    margin-top: 40px;
    clear: left;
}
#blog_content {
    text-align: left;
    font-size: 17px;
    padding-left: 10%;
    padding-right: 10%;
}
h3#blog_content {
    font-size: 18px;
    color: #A300A3;
    text-align: left;
    margin-top: 0;
}
#contents_list {
    text-align: left;
    font-size: 15px;
    color: #0000ab;
    background: #D2D2FA;
    padding: 10px 0px 10px 90px;
}
#contents_list a:link {
    text-decoration: none;
}
#square_image {
    width: 90%;
    height: auto;
    max-width: 90%;
}
#video_embed {
    width: 90%;
    height: auto;
    max-width: 90%;
    pointer-events: none;
}
#gr_image {
    width: 80%;
    height: auto;
    max-width: 90%;
}
#gr_image_aff {
    width: 30%;
}
#mvs_image {
    width: 40%;
    height: auto;
    max-width: 40%;
    margin-right: 2%;
    margin-bottom: 40px;
}
#blog_content_mvs {
    text-align: left;
    font-size: 17px;
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden;
}
#validateWebsiteEmail {font-size: 12px;}
.blog-post-title a:link {text-decoration: none;}
#blog_post_feature_image{width: 140px; height: 140px; margin-right: 10px; float: left;}
#blog_post_title{text-align: left; font-size: 15px; margin-left: 150px;}
#blog_post_date{font-size: 12px;}
#blog_post_meta{font-size: 13px; margin-left: 150px; float: right;}
.content_excerpt{display: none; border: solid 1px #FAD2D2;}
#readMoreBtn{background: none; border: solid 1px #0000ab; color: #0000ab; margin-left: 150px; margin-top: 15px;}
#readMoreBtn:hover{border: solid 1px #ab0000; color: #ab0000;}
.img_div_mobile{display: none; width: 100%; padding: 25px; margin: 0 auto; background: #fff; border: solid 5px #FAD2D2; margin-bottom: 20px; margin-top: 5px; overflow: auto;}
#meta_mobile{text-align: left; font-size: 16px; color: #002060;}
.blog-post-title-mobile{font-size: 20px; text-align: left; padding-top: 0;}
.blog-post-title-mobile a:link {text-decoration: none;}
#post_feature_image_mobile{width: 35%; height: auto; padding-right: 10px;}
#readMoreBtnMobile{background: none; border: solid 1px #004000; color: #004000; margin-top: 15px;}
#readMoreBtnMobile:hover{background: #004000; border: solid 1px #BABABA; color: #fff;}
#ind_blog_post_title_div {margin: 0 auto; width: 100%; height: auto; background: #1E90FF; border: solid 4px #ADD8E6; padding: 20px; overflow: auto;}
#ftr_img_ind_post {width: 150px; height: auto; vertical-align: middle; margin-right: 10px; border: none;}
#ftr_img_ind_post_welcome {width: 150px; height: auto; vertical-align: middle; margin-right: 10px; border: none;}
#blog_post_title_link {color: #0000ab; text-decoration: none;}
#blog_post_title_link:hover {color: #ab0000;}
a:link {color: #0000ff; text-decoration: none;}
a:hover {color: #ff0000;}
a:visited {color: #0000ff;}
a:visited:hover {color: #ff0000;}
ul li {font-size: 17px; margin-bottom: 10px;}
#unorderedListDiv {font-size: 17px; text-align: left; width: 70%; margin: 0 auto;}
#welcome-fi-home{width: 10%; height: auto; margin-right: 10px;}
#welcomeBtn{background: none; border: solid 1px #570057; color: #570057;}
#welcomeBtn:hover{border: solid 1px #ab0000; color: #ab0000;}
#welcome-header{color: #002060; font-size: 20px; font-weight: bold; display: inline; line-height: 110%;}
#welcome-text{font-size: 14px; display: inline;}
#submitCommentHeader {color: #5A0000;}
.replynameinput {width: 40%; height: 30px; font-size: 16px; border: #0000ab 1px solid; border-radius: 25px; padding: 5px; background: #ececec; margin-right: 1%;}
.replyemailinput {width: 40%; height: 30px; font-size: 16px; border: #0000ab 1px solid; border-radius: 25px; padding: 5px; background: #ececec;}
.replywebsiteinput {width: 81%; height: 30px; font-size: 16px; border: #0000ab 1px solid; border-radius: 25px; padding: 5px; background: #ececec; margin-top: 7px;}
textarea.replytext {width: 81%; height: 100px; background: #ececec; padding: 10px; border: #0000ab 1px solid; border-radius: 25px; font-size: 15px; font-family: sans-serif; resize: both; margin: 0 auto; margin-top: 7px; margin-bottom: 7px;}
.replyBtn {font-size: 16px; padding: 10px;}
#img_div_ftr{color: #fff; background: #000080; border: solid 2px #ADD8E6;}
#img_div_ftr a:link{color: #ADD8E6; text-decoration: none;}
#img_div_ftr a:visited{color: #ADD8E6; text-decoration: none;}
#img_div_ftr a:hover{color: #ab0000;}
#readMoreBtnFtr{background: none; border: solid 1px #ADD8E6; color: #ADD8E6; margin-top: 25px;}
#readMoreBtnFtr:hover{border: solid 1px #ab0000; color: #ab0000;}
#learnMoreArrowFtr{font-size: 20px; font-weight: bold; vertical-align: middle; margin-left: 5px;}
.rowFtr{width: 100%; padding-top: 0; display: block;}
.column1Ftr{text-align: left; width: 50%; height: auto; background: none; padding: 5% 2% 2% 2%; float: left;}
.column2Ftr{text-align: center; width: 50%; height: auto; background: none; padding: 0; float: right;}
#blog_post_title_featured_ftr{font-size: 29px;}
#blog_post_feature_image_ftr{width: 100%; height: auto; margin: -2px -2px -2px 2px;}
#blog_post_meta_ftr {font-size: 15px; color: #fff;}

#img_div_ftr_mobile{color: #fff; background: #000080; border: solid 2px #ADD8E6; padding: 20px; overflow: hidden;}
#img_div_ftr_mobile a:link{color: #ADD8E6; text-decoration: none;}
#img_div_ftr_mobile a:visited{color: #ADD8E6; text-decoration: none;}
#img_div_ftr_mobile a:hover{color: #ab0000;}
#readMoreBtnFtrMobile{font-size: 30px; background: none; border: solid 1px #ADD8E6; color: #ADD8E6; margin-top: 15px;}
#readMoreBtnFtrMobile:hover{border: solid 1px #ab0000; color: #ab0000;}
#learnMoreArrowFtrMobile{font-size: 30px; font-weight: bold; vertical-align: middle; margin-left: 5px;}
.blog-post-title-ftr-mobile{font-size: 30px; text-align: left;}
#blog_post_feature_image_ftr_mobile{width: 50%; height: auto; margin-right: 3%;}
#blog_meta_description_mobile {font-size: 18px; text-align: left; margin-top: 3%;}
#search-blog-form {display: inline;}
#search-input-blog {width: 60%;}
.search-button-blog {background: none; border: none; font-size: 20px; vertical-align: middle;}
.search-button-blog:hover {background: #ab0000;}
#privacy_terms_anchor_bullets {color: #ab0000; margin-left: 3px; margin-right: 3px;}
.reply_boxes {width: 75%; margin: 0 auto;}

#prev-next-btn {color: #fff; font-size: 16px; background: #0000ab; border: solid 2px #ab0000; padding: 5px;}
#prev-next-btn:hover {background: #ab0000; border: solid 2px #0000ab;}
#rand-btn {color: #fff; font-size: 16px; background: #0000ab; border: solid 2px #ab0000; padding: 5px; margin-left: 10%; margin-right: 10%;}
#rand-btn:hover {background: #ab0000; border: solid 2px #0000ab;}
#prev-next-div {text-align: center;}

#homeMktPlaceBtn {color: #0000ab; font-size: 10px; background: #fff; border: solid 2px #ab0000; vertical-align: middle;}
#homeMktPlaceBtn:hover {color: #fff; background: #0000ab;}
#homeMktPlaceBtnMobile {color: #0000ab; font-size: 20px; background: #fff; border: solid 2px #ab0000; padding: 5px;}
#homeMktPlaceBtnMobile:hover {color: #fff; background: #0000ab;}
#copyrightFooter {font-size: 8px;}
#home-logo-copyright-img {width: 80px; height: auto; vertical-align: middle; margin-top: 5px; margin-bottom: 5px;}
#category-icon {width: 22px; height: auto; vertical-align: middle; margin-right: 3px;}

#header-cat-image {width: 100px; height: auto; margin-left: 10%; margin-right: 15px;}
#header-cat-image-mobile {width: 100px; height: auto; margin-left: 10%;}
#header-cat-name {display: inline-block; padding: 10px;}
#header-cat-name-mobile {display: inline-block; margin-left: 10%; line-height: 110%;}

#affiliate-disclosure {font-size: 10px;}

#futureArticleDiv{background: #4444E6; border: groove 4px #ab0000; color: #ececec; height: auto; font-weight: normal; font-style: italic; margin-left: 20%; margin-right: 20%; padding: 10px; overflow: auto;}
#future-articles{color: #cecece; text-decoration: underline;}
#future-articles:hover{color: #ff0000; text-decoration: none;}

#right-sidebar-top-text {font-size: 16px; font-weight: bold; color: #0000ab;}
#right-sidebar-top-text-link {text-decoration: none;}
#right-sidebar-top-text:hover {color: #ab0000;}
#gr_image_aff_sideright {width: 100%;}
#right_sidebar_ad_div {text-align: center; background: #D3EAF5; padding: 4px;}

.blogpage_excerpt {text-align: left; border: solid 1px lightblue;}
#sideright-blogpage-image {width: 15%; height: auto; margin-right: 5px; border: none; border-radius: 50%;}
#sideright-blogpage-link {font-size: 13px; color: #0000ab; font-weight: bold; text-decoration: none;}
#seeAnswerBtn {font-size: 10px; color: #002060; background: none; border: solid 1px #002060; float: right;}
#seeAnswerBtn:hover {color: #fff; background: #002060; border: solid 1px #FAD2D2;}

#content_excerpt_ftr_bsb {text-align: left; width: 50%; color: #fff; border: solid 2px #ADD8E6;}
#blog-post-link-title-ftr-div-bsb {margin-top: 0;}
#blog_post_title_featured_ftr_link_bsb {color: #ADD8E6; text-decoration: none;}
#blog_post_title_featured_ftr_link_bsb:hover {color: #ab0000;}
#blog_post_title_featured_ftr_bsb {font-size: 20px;}
#blog_post_feature_image_ftr_bsb {width: 50%; height: auto; margin-left: 1%;}
#blog_post_meta_ftr_bsb {font-size: 13px;}
#readMoreBtnFtrBsb{background: none; border: solid 1px #ADD8E6; color: #ADD8E6; margin-top: 10px;}
#readMoreBtnFtrBsb:hover{border: solid 1px #ab0000; color: #ab0000;}
#learnMoreArrowFtrBsb{font-size: 20px; font-weight: bold; vertical-align: middle; margin-left: 5px;}
.content_excerpt_bsb {text-align: left; border: solid 1px lightblue;}
#sideright-blog-link-bsb {font-size: 15px; color: #0000ab; font-weight: bold; text-decoration: none;}
#sideright-blog-link-bsb:hover {color: #ab0000;}
#sideright-blog-image-bsb {width: 25%; height: auto; margin-right: 5px; border: inset #ADD8E6 2px; border-radius: 50%;}
#blog-post-category-div-bsb {font-size: 11px;}
#catLinkBsb:link {color: #0000ab; text-decoration: none;}
#catLinkBsb:hover {color: #ab0000; text-decoration: underline;}
#catLinkBsb:active {color: #0000ab;}
#catLinkBsb:visited {color: #0000ab;}
#category-icon-bsb {width: 17px; height: auto; vertical-align: middle; margin-right: 3px;}
#welcomeTopBlogDivBsb {text-align: center; background: #4444E6; border: inset #ab0000 3px; color: white; padding: 5px; overflow: auto;}
#welcomeToBlogTextlinkBsb {text-decoration: none;}
#welcomeToBlogTextImageBsb {width: auto; height: 40px; vertical-align: middle; margin-right: 5px;}
#welcomeToBlogTextBsb {font-size: 14px; color: #ececec; font-weight: bold; display: inline;}
#welcomeToBlogTextlinkBsb {text-decoration: none;}
#welcomeToBlogTextBsb:hover {color: #ab0000;}

/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container {width: 100%;}
      #content-area {width: 100%;}
      #meta {font-size: 14px;}
      #contents_list {padding-left: 15px; padding-right: 15px; font-size: 18px;}
      #blog_content {padding-left: 10px; padding-right: 10px; font-size: 20px;}
      #comment-form > input {font-size: 20px; width: 90%;}
      .replynameinput{width: 75%; margin: 0 auto; margin-bottom: 7px;}
      .replyemailinput{width: 75%; margin: 0 auto; margin-bottom: 7px;}
      .replywebsiteinput{width: 75%; margin: 0 auto;}
      textarea.replytext {width: 100%; font-size: 20px;}
      #validateWebsiteEmail {font-size: 15px;}
      #welcome-header{font-size: 18px;}
      #welcome-fi-home{width: 20%; height: auto; margin-right: 10px;}
      #ftr_img_ind_post {width: 35%; height: auto;}
      #ftr_img_ind_post_welcome {width: 35%; height: auto;}
      #copyrightFooter {font-size: 16px;}
      #home-logo-copyright-img {width: 150px; height: auto; vertical-align: middle; margin-top: 5px; margin-bottom: 5px;}
      #gr_image {width: 100%;}
      #gr_image_aff {width: 50%;
}
}