#container {width: 85%;}
#content-area {background: #fff; padding: 20px; border: solid 5px #CCCCCC;}
#post_content_area {text-align: center;}
#ind_blog_post_title_div {margin: 0 auto; width: 100%; height: auto; background: #ececec; border: groove 7px #002200; padding: 20px; overflow: auto;}
#ftr_img_ind_post {width: 150px; height: auto; vertical-align: middle; margin-right: 10px; border: groove 3px #979797;}
#submitCommentHeader {color: #002200;}
.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 {background: #ececec; color: #002200; border: solid 2px #002200; font-size: 16px; padding: 10px;}
.replyBtn:hover {background: #002200; color: #ececec; border: solid 2px #ececec; font-size: 16px; padding: 10px;}
#meta {font-size: 12px; color: #002200;}
#ind_blog_post_title {font-size: 35px; color: #006400; line-height: 110%; display: inline;}
#ind_blog_post_title:hover {color: #979797;}
#awaiting-moderation {font-size: 20px; padding: 10px; font-family: arial; color: #fff; background: #006400; text-align: center;}
#refresh_page {background: #ececec; color: #002200; border: solid 2px #002200; font-size: 16px; padding: 10px;}
#refresh_page:hover {background: #002200; color: #ececec; border: solid 2px #ececec; font-size: 16px; padding: 10px;}
#blog_content {font-size: 17px; text-align: left; padding-left: 10%; padding-right: 10%;}
h3#blog_content {font-size: 20px; color: #707070;}
#blog_post_sub_title {text-align: center; margin-top: 40px;}
#unorderedListDiv {text-align: left; margin-left: 40px; margin-right: 40px;}
ul li {font-size: 16px; font-family: arial; margin-bottom: 10px;}
#blog_content_sn > sdtext {text-align: left; font-size: 17px; font-style: italic; display: block; background: #EBEBFF; border: ridge 1.5px #ADD8E6; padding: 2%; margin: 0 auto;}
#prev-next-div {text-align: center;}
#prev-next-btn {color: #006400; border: solid 1px #002700; background: #fff;}
#blog_content_check {text-align: left; font-size: 17px; margin-left: 15%;}
#blog_content a {font-size: inherit; font-weight: inherit; line-height: inherit;}
#blog_content_check a {font-size: inherit; font-weight: inherit; line-height: inherit;}
#futureArticleDiv{font-style: normal; width: 75%; background-color: #006400; border: groove 4px #002200; color: #ececec; height: auto; font-weight: normal; margin-left: 20%; margin-right: 20%; padding: 10px; overflow: auto; margin: 0 auto;}
#gr_image {width: 70%; height: auto;}
#gr_image_2 {width: 50%; height: auto;}
#gr_image_3 {width: 40%; height: auto;}
/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container {width: 100%; margin-top: 0;}
      #content-area {width: 100%;}
      #meta {font-size: 18px;}
      #contents_list {padding-left: 15px; padding-right: 15px; font-size: 18px;}
      #blog_content {margin-left: 0; margin-right: 0; font-size: 20px;}
      #unorderedListDiv {text-align: left; margin-left: 0; margin-right: 0;  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;}
      #ind_blog_post_title_div {padding: 5px;}
      #ftr_img_ind_post {width: 20%; height: auto;}
      #futureArticleDiv {width: 100%;}
      #gr_image {width: 100%; height: auto;}
      #gr_image_2 {width: 100%; height: auto;}
      #gr_image_3 {width: 100%; height: auto;}
}