/* NOTE: THIS IS THE STYLESHEET FOR 'blog.php' */
body {background-color: #D3EAF5;}
#header-content-area{display:none;}
.nav{display:none;}
#container {width: 100%; background: none;}
.sideright {color: #002060; background: none;}
.sideleft {color: #002060; background: none;}
.columnHomelogin{float: left; padding: 10px;}
.left{color: #ececec; width: 24%; text-align: center; background: #000080;}
.right{width: 24%; text-align: left; background: #000080;}
.middle{width: 52%; text-align: left; border-left: solid 4px #FAD2D2; border-right: solid 4px #FAD2D2;}
.rowHomelogin{background: #D2D2FA;}
.rowHomelogin:after{content: ""; display: table; clear: both;}
#statusarea {background: #D8E5FA;}
div.reply_boxes{width: 85%; margin: 0 auto; border: lightblue 1px solid; border-radius: 3%; margin-bottom: 3px; background: #F0F8FF; color: #002060;}
#statusImageHomePage{vertical-align: middle; width: 40px; height: 40px; border: none; border-radius: 50%; object-fit: contain; background: rgba(0, 0, 128, .7);}
.non-friend-link {color: #0000ab; text-decoration: none;}
.non-friend-link:hover {color: #ab0000;}
#uploadStatusImage{font-size: 12px; color:#0000ab; height: 35px; padding: 5px 5px 8px 5px}
/*#uploadStatusImage:hover{color:#ab0000; background: #F5CACA; border:solid #0000ab 2px;}*/
#uploadStatusImage img{width: 35px; height: 35px; vertical-align: middle;; margin-right: 10px;}
#uploadVideoUser{font-size: 12px; color:#0000ab; height: 35px; padding: 5px 5px 8px 5px}
/*#uploadVideoUser:hover{color:#ab0000; background: #F5CACA; border:solid #0000ab 2px;}*/
#uploadVideoUser img{width: 35px; height: 35px; vertical-align: middle;; margin-right: 20px;}
#templateStatusHomeImage{vertical-align: middle; width: 40px; height: 40px; border: none; border-radius: 50%; object-fit: contain; background: rgba(0, 0, 128, .7);}
#templateStatusHomeName{font-size: 16px; margin-left: 5px; vertical-align: middle;}
#templateStatusHomeButtons{font-size: 10px;}
.light{position: fixed; top: 30%; left: 35%; width: 40%; height: 75%; padding: 5px; border: 10px groove #ab0000; background-color: #fff; z-index: 1002; overflow: auto;}
#boostPostBtn {color:#fff; font-size:14px; background:#006ec6; padding:7px; border:solid 3px #006ec6; border-radius:10px; float: right;}
#boostPostBtn:hover {color:#002060; background:none; border:solid 3px #ff0000;}

.rowHome {width: 80%; margin: 0 auto; padding-top: 15px;}
* {
    box-sizing: border-box;
}
.columnHome {
    text-align: center;
    color: #002060;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px; box-shadow: 2px 2px 5px #888888;
    float: left;
    padding: 10px;
    height: auto;
}
.rowHome:after {
    content: "";
    display: table;
    clear: both;
}

#home-logo-copyright-img {width: 80px; height: auto; vertical-align: middle; margin-top: 5px; margin-bottom: 5px;}

#not_a_member{font-size: 12px; color: #002060; margin-top: 7px; margin-bottom: 7px;}
#loginform > input{width: 85%; height: 40px;}
#loginbtn{width: 85%; padding: 5px; border-radius: 10px;}
#forgot_your_password{color: #0000ab;}
#forgot_your_password:hover{color: #ab0000;}
#privacy_terms_anchor{font-size: 12px; color: #0000ab;}
#privacy_terms_anchor:hover{color: #ab0000;}
#home-page-logo-image{width: 100%; height: auto; vertical-align: middle;}
#welcome-div {height: 85px;}
#welcome-fi-home{width: 20%; height: auto; margin-right: 10px; vertical-align: middle;}
#reasons-fi-home{vertical-align: middle; width: 20%; height: auto; margin-right: 10px; border: solid #ab0000 2px; border-radius: 50%;}
#welcome-col3-home{text-align: left; margin: 20px 0px 0px 0px;}
#readMoreBtnFtrCol3{color: #0000ab; background: none; border: solid 2px #0000ab;}
#readMoreBtnFtrCol3:hover{color: #ab0000; border: solid 2px #ab0000;}
#welcomeBtn{background: none; border: solid 1px #570057; color: #570057;}
#welcomeBtn:hover{border: solid 1px #ab0000; color: #ab0000;}
#welcome-header{color: #002060; font-size: 16px; font-weight: bold; display: inline; line-height: 110%; margin-top: 3%;}
#welcome-text{font-size: 14px; display: inline;}
#apache_image{width: auto; height: 10px; vertical-align: middle; margin-left: 20px;}
#blog_post_home{text-align: left;}
#footer {font-size: 10px; text-align: center; background: none; padding: 3px; color: blue; display: block;}
#footer a {color: #0000FF;}
#footer a:active {color: #0000FF;}
#footer a:visited {color: #0000FF;}
#footer a:hover {color: #FF0000;}
#email {width: 60%; font-size: 20px;}
#password {width: 60%; font-size: 20px;}
#from_our_blog {text-align: center; color: #700000;}
#img_div{width: 100%; padding: 5px; margin: 0 auto; background: #fff; border: solid 2px #FAD2D2; margin-bottom: 20px; margin-top: 5px;}
#blog_post_feature_image{width: 45%; height: auto; margin-right: 10px;}
#blog_post_title{text-align: left; font-size: 14px}
#blog_post_title a:link{text-decoration: none;}
#blog_post_date{font-size: 14px;}
#blog_post_meta{font-size: 13px; overflow: auto;}
.content_excerpt {display: none; text-align: left; border: solid 1px lightblue;}
#readMoreBtn{background: none; border: solid 1px #0000ab; color: #0000ab; margin-top: 0;}
#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;}
#blog_meta_description_mobile {font-size: 18px; text-align: left; overflow: auto;}
#readMoreBtnMobile{background: none; border: solid 1px #004000; color: #004000; margin-left: 210px; margin-top: 15px;}
#readMoreBtnMobile:hover{background: #004000; border: solid 1px #BABABA; color: #fff;}

#post_content_area {text-align: center;}
#ind_blog_post_title {font-size: 22px; line-height: 120%;}
#blog_post_sub_title {font-size: 20px; text-align: left; margin-top: 100px;}
#blog_content {text-align: left; font-size: 17px; padding-left: 50px; padding-right: 50px;}
#contents_list {text-align: left; font-size: 15px; color: #0000ab; padding-left: 50px; padding-right: 50px;}
#contents_list a:link {text-decoration: none;}
#square_image {width: 500px; height: 500px; max-width: 90%;}
#video_embed {width: 500px; height: auto; max-width: 90%; pointer-events: none;}
#gr_image {width: 500px; height: auto; max-width: 90%;}
#blog_post_feature_image_fa {width: 200px; height: auto; margin-right: 10px;}
#post_feature_image_mobile_fa {width: 45%; height: auto; margin-right: 10px;}
#blog_post_title_link {color: #0000ab; text-decoration: none;}
#blog_post_title_link:hover {color: #ab0000;}
#blog_post_title_featured {font-size: 23px;}

#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: 15px;}
#readMoreBtnFtr:hover{border: solid 1px #ab0000; color: #ab0000;}
#learnMoreArrowFtr{font-size: 20px; font-weight: bold; vertical-align: middle; margin-left: 5px;}
#readMoreArrow{font-size: 14px; 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: 0% 0% 1% 1%; float: left;}
.column2Ftr{text-align: center; width: 50%; height: auto; background: none; padding: 0; float: right;}
#blog_post_title_featured_ftr {font-size: 20px;}
#blog_post_title_featured_ftr_link {color: #ADD8E6; text-decoration: none;}
#blog_post_title_featured_ftr_link:hover {color: #ab0000;}
#blog_post_feature_image_ftr{width: 100%; height: auto; margin: -2px -2px -2px 2px;}

#img_div_ftr_mobile{color: #fff; background: #000080; border: solid 2px #ADD8E6; padding: 10px; overflow: auto;}
#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{background: none; border: solid 1px #ADD8E6; color: #ADD8E6; margin-top: 25px;}
#readMoreBtnFtrMobile:hover{border: solid 1px #ab0000; color: #ab0000;}
#learnMoreArrowFtrMobile{font-size: 20px; font-weight: bold; vertical-align: middle; margin-left: 5px;}
#readMoreArrowMobile{font-size: 14px; 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: 10px;}
#welcomeBtnMobile{font-size: 20px; background: none; border: solid 1px #570057; color: #570057; margin-top: 5px;}
#welcomeBtnMobile:hover{border: solid 1px #ab0000; color: #ab0000;}
#app_store_images{width: auto; height: 30px;}
#statusui{width: 85%; margin: 0 auto;}
#statusarea{width: 85%; margin: 0 auto; background: #D2D2FA;}
#mobile-home-top-links-image{width: 70px; height: 70px; margin-left: 50px; vertical-align: middle;}
#addPodcastImage {width: 35px; height: 35px; margin-right: 20px;}

#homeMktPlaceBtn {color: #0000ab; font-size: 10px; background: #fff; border: solid 2px #ab0000; vertical-align: middle;}
#homeMktPlaceBtn:hover {color: #fff; background: #0000ab;}
#homeMktPlaceBtnMobile {color: #0000ab; background: #fff; border: solid 2px #ab0000; padding: 5px;}
#homeMktPlaceBtnMobile:hover {color: #fff; background: #0000ab;}
#copyrightFooter {font-size: 8px;}
#homeMktPlaceBtnImg {width: 20px; height: auto; vertical-align: middle; margin-right: 3px;}

#blog-post-link-title-div {margin-top: 0;}
#blog-post-category-div {font-size: 11px;}
#blog-post-content-div {overflow: auto;}

#category-icon {width: 17px; height: auto; vertical-align: middle; margin-right: 3px;}
#catLink:link {color: #0000ab; text-decoration: none;}
#catLink:hover {color: #ab0000; text-decoration: underline;}
#catLink:active {color: #0000ab;}
#catLink:visited {color: #0000ab;}

#content_excerpt_ftr {text-align: left; width: 50%; color: #fff; border: solid 2px #ADD8E6;}
#blog-post-link-title-ftr-div {margin-top: 0;}

/*#blog-post-meta-img-ftr-div {height: 205px;}*/
#blog_post_feature_image_ftr {width: 50%; height: auto; margin-left: 1%;}
#blog_post_meta_ftr {font-size: 13px;}

.seeMorePostsBtn {font-size: 16px; color: #fff; border: solid 1px #ab0000; background: #0000ab; padding: 5px;}
.seeMorePostsBtn:hover {border: solid 1px #0000ab; background: #ab0000;}

.rightHomeSidebarStyle {color: #002C85;}
#right-sidebar-top-image {width: 45%; height: auto; margin-right: 2%;}
#category-icon-sideright-home {width: 15px; height: auto; vertical-align: middle; margin-right: 3px;}
#catLinkSiderightHome:link {font-size: 10px; color: #0000ab; text-decoration: none;}
#catLinkSiderightHome:hover {color: #ab0000; text-decoration: underline;}
#catLinkSiderightHome:active {color: #0000ab;}
#catLinkSiderightHome:visited {color: #0000ab;}
#sideright-home-category-div {display: inline-block; border: solid 1px #ab0000; border-radius: 12%; margin-right: 5px; margin-bottom: 5px; padding: 2px;}
#sideright-home-category-div:hover {background: #B0B0EA;}

#credit-card {font-size: 10px;}
#middleColumn {width: 70%; text-align: center; color: #002060; background: rgba(255, 255, 255, 0.7); border-radius: 10px; box-shadow: 2px 2px 5px #888888; float: left; padding: 10px; height: auto; display: table-cell; margin-left: -1%;}

/* WELCOME SECTION */
#welcomeTopDiv {height: 80px; background: url(../images/home-header-sliver.jpg) repeat-x;}
#welcomeToText {font-size: 28px; color: #ececec; font-weight: bold; display: inline;}
#welcomeToTextlink {text-decoration: none;}
#welcomeToText:hover {color: #ab0000;}
#welcomeToTextImage {width: auto; height: 75px; vertical-align: middle;}
#welcomeToTextHeader {color: #700000; line-height: 100%;}
#welcomeToTextBody {font-size: 16px; font-family: tahoma;}
#h3Div {line-height: 80%;}
#h4Div {color: #700000; line-height: 80%;}

/* RIGHT SIDEBAR */
.search-button-blog {background: none; border: none; font-size: 20px; vertical-align: middle;}
.search-button-blog:hover {background: #ab0000;}
#askQuestionBtn {background: #0000ff; border: solid 2px #ab0000;}
#askQuestionBtn:hover {background: #ab0000; border: solid 2px #0000ff;}
#askQuestionBtnImg {width: 150px; height: auto;}

#welcomeTopBlogDiv {background: #4444E6; border: inset #ab0000 5px; color: white; padding: 10px; overflow: auto;}
#welcomeToBlogText {font-size: 22px; color: #ececec; font-weight: bold; display: inline;}
#welcomeToBlogTextlink {text-decoration: none;}
#welcomeToBlogText:hover {color: #ab0000;}
#welcomeToBlogTextImage {width: auto; height: 60px; vertical-align: middle; margin-right: 15px;}

#privacyTermsDiv {display: inline! Important;}

#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;}

#rightColumn {width: 24%; position: absolute; margin-left: 56%; top: 70px; padding: 30px;}

/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      .sideright {display: none;}
      .sideleft {display: none;}
      div.status_boxes{font-size: 40px; line-height: 110%;}
      div.reply_boxes{font-size: 35px; line-height: 110%;}
      #statusImageHomePage{vertical-align: middle; width: 90px; height: 90px; border: none; border-radius: 50%; object-fit: contain; background: rgba(0, 0, 128, .7);}
      #uploadStatusImage{font-size: 25px; color:#0000ab; height: 70px; padding: 15px 15px 18px 15px;}
      #uploadStatusImage img{width: 70px; height: 70px; vertical-align: middle;}
      #uploadVideoUser{font-size: 25px; color:#0000ab; height: 70px; padding: 15px 15px 18px 15px;}
      #uploadVideoUser img{width: 70px; height: 70px; vertical-align: middle; margin-right: 35px;}
      #templateStatusHomeImage{vertical-align: middle; width: 90px; height: 90px; border: none; border-radius: 50%; object-fit: contain; background: rgba(0, 0, 128, .7);}
      #templateStatusHomeName{font-size: 40px; margin-left: 5px; vertical-align: middle;}
      #templateStatusHomeButtons{font-size: 15px; display: block;}
      .light{left: 15%; width: 80%;}
      img.friendsearchpics{width: 100px; height: 100px;}
      #searchFriendInput{font-size: 30px;}
      #page_posts {color: #ececec; scroll-margin-top: 350px;}
      #container{background: #D2D2FA; top: 0;}
      .rowHome{width: 100%; padding-top: 0; display: block;}
      .column1Ftr{padding: 5% 2% 2% 2%;}
      body{background-color: #D2D2FA;}
      #not_a_member{font-size: 16px; color: #0000ab;}
      #loginform > input{font-size: 30px;}
      #forgot_password_link{font-size: 25px; margin-bottom: 50px;}
      #forgot_your_password{color: #0000ab;}
      #forgot_your_password:hover{color: #ab0000;}
      #mobile_privacy_terms_anchor{font-size: 14px; color: #0000ab; text-decoration: none;}
      #mobile_privacy_terms_anchor:hover{color: #ab0000;}
      #privacy_terms_anchor_bullets {color: #ab0000; margin-left: 3px; margin-right: 3px;}
      #support_center_anchor{color: #0000ab; text-decoration: none;}
      #support_center_anchor:hover{color: #ab0000;}
      #createaccountbtn{padding: 20px; margin-top: 10px;}
      #loginheader{font-size: 22px; margin-top: 0;}
      #mobilebottommenu{z-index: 1000;}
      textarea#statustext{height: 130px;}
      #mobile-home-top-links{font-size: 30px;}
      #socMedNewLevMobile{font-size: 20px; font-weight: normal; color: #0000ab; line-height: 100%;}
      #home-page-logo-image {width: 100%; height: auto;}
      #welcome-header{font-size: 18px; margin-top: 0;}
      #blog_post_meta{font-size: 15px;}
      #apache_image{height: 30px; margin-left: 0;}
      #blog_post_home{text-align: left; padding: 5px;}
      #square_image {width: 90%; height: auto; max-width: 90%;}
      #video_embed {width: 90%; height: auto; max-width: 90%; pointer-events: none;}
      #gr_image {width: 90%; height: auto; max-width: 90%;}
      .left{display: none;}
      .middle{width: 100%;}
      .right{width: 100%;}
      #app_store_images{width: auto; height: 50px;}
      #statusui{width: 100%;}
      #statusarea{width: 100%;}
      #addPodcastImage {width: 70px; height: 70px; margin-right: 40px;}
      #copyrightFooter {font-size: 16px;}
      #home-logo-copyright-img {width: 150px; height: auto; vertical-align: middle;}
      .columnHome{text-align: center; width: 100%; height: auto; color: #002060; background: none; padding: 0; border-radius: none; box-shadow: none; float: none; position: relative; margin-left: 0; top: 0; bottom: auto;}
      #credit-card {font-size: 13px;}
      #middleColumn {width: 100%; margin: 0 auto;}
      #welcomeToTextImage {width: 100%; height: auto;}
      #h4Div {font-size: 20px; line-height: 100%;}
      #blog_post_title{font-size: 18px}
      #blog-post-link-title-div {height: 120px;}
      #blog-post-category-div {text-align: left; font-size: 14px; height: 40px;}
      #category-icon {width: 35px;}
      #readMoreBtn {font-size: 16px;}
      .blog_post_title {text-align: left; font-size: 20px;}
      #blog_post_feature_image {width: 30%; height: auto; margin-right: 10px;}
      #readMoreBtn {margin-top: 10px;}
  }
  
  /* iPad */
@media only screen 
  and (min-device-width : 710px) 
  and (max-device-width : 1215px){
     .iPadHide {display: none;}
     .iPadShow {display: inline;}
     #blog_post_title_featured_ftr {font-size: 16px;}
     #blog_post_meta {font-size: 12px;}
     #readMoreBtnFtr {margin-top: 10px;}
     #app_store_images{width: auto; height: 20px;}
     #home_fan_page_image {width: 15px; height: 15px;}
     #sss-resource-icon {width: 15px; height: 15px;}
     #blog-post-link-title-div {height: 75px; margin-top: 0;}
     #blog-post-category-div {font-size: 9px;}
     #blog-post-content-div {height: 240px;}
     #privacy_terms_anchor{font-size: 9px;}
     #privacy_terms_anchor_bullets {margin-left: 0; margin-right: 0;}
     #askQuestionBtnImg {width: 90%}
     #homeMktPlaceBtn {width: auto; font-size: 10px; padding: 1px;}
     #welcomeToText {font-size: 20px;}
     #blog_post_feature_image{width: 45%; height: auto;}
  }