Added changes to fix display errors in IE 9

diff --git a/css/app.css b/css/app.css
index 69d41f0..57fc1ab 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6364,13 +6364,10 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
   max-width: 100%;
   text-align: center; }
   #searchform div input.blogbutton {
-    background: -webkit-linear-gradient(top, #1999ce 5%, #107098 100%);
-    background: -moz-linear-gradient(center top, #1999ce 5%, #107098 100%);
-    background: -ms-linear-gradient(top, #1999ce 5%, #107098 100%); }
+    /*            @include gradient(#1999ce, #107098);*/ }
 
 #blog-side-info {
   border-left: 1px solid grey;
-  margin-top: 30px;
   padding-left: 20px; }
   @media only screen and (max-width: 40em) {
     #blog-side-info {
@@ -6456,6 +6453,9 @@ header#page-header {
   position: relative;
   padding-top: 11px;
   z-index: 5; }
+  @media only screen and (max-width: 40em) {
+    header#page-header {
+      height: 185px; } }
   @media only screen and (max-width: 40em) {
     header#page-header {
       position: static; } }
@@ -6792,6 +6792,8 @@ img.orb-shadow {
     img.orb-shadow {
       top: -19px; } }
 
+main .wp-caption p.wp-caption-text {
+  text-align: left; }
 main p a {
   /*        font-style: italic;
         font-family: "Times New Roman"*/
@@ -6914,23 +6916,29 @@ main.page-inside #content-wrapper {
   @media (max-width: 1024px) {
     main.page-inside #content-wrapper {
       top: -10px; } }
-main.page-inside #mid {
-  margin-top: 20px; }
-  main.page-inside #mid img {
+main #mid {
+  margin: 20px auto 0;
+  max-width: 1000px; }
+  main #mid img {
     margin: 0 auto;
     width: 100%;
-    height: 175px; }
-  main.page-inside #mid #golf {
+    height: 175px;
+    margin-top: -31px;
+    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
+    -ms-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
+    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5); }
+  main #mid #golf {
     margin-bottom: 50px; }
-    main.page-inside #mid #golf h2 {
+    main #mid #golf h2 {
       color: #1479b0; }
-    main.page-inside #mid #golf #request {
+    main #mid #golf #request {
       margin-top: -20px;
       padding: 0; }
       @media only screen and (min-width:40.063em) and (max-width:64em) {
-        main.page-inside #mid #golf #request {
+        main #mid #golf #request {
           padding-left: 15px; } }
-      main.page-inside #mid #golf #request img {
+      main #mid #golf #request img {
         width: auto;
         margin: 0 auto;
         -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
@@ -6938,7 +6946,7 @@ main.page-inside #mid {
         -ms-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
         box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5); }
         @media only screen and (max-width: 40em) {
-          main.page-inside #mid #golf #request img {
+          main #mid #golf #request img {
             box-shadow: none;
             margin-bottom: 15px; } }
 
@@ -7345,7 +7353,7 @@ h2#slide-text {
       text-align: center; }
  }
 
-input[type="submit"].blogbutton {
+#searchform input[type="submit"].blogbutton {
   border-radius: 3px;
   color: #FFFFFF;
   border: 2px solid #FFFFFF;
@@ -7353,8 +7361,11 @@ input[type="submit"].blogbutton {
   font-size: 13px;
   padding: 2px 5px;
   margin-top: -10px;
-  text-transform: uppercase; }
-  input[type="submit"].blogbutton:hover {
+  text-transform: uppercase;
+  background-color: #ffc742;
+  box-shadow: 3px 3px 2px lightgrey;
+  text-align: center; }
+  #searchform input[type="submit"].blogbutton:hover {
     cursor: pointer;
     background: #FFFFFF;
     border: 2px solid #035C84;
@@ -7403,15 +7414,23 @@ input[type="submit"].blogbutton {
   color: #757575;
   font-size: 12px; }
 
-#blog-posts-over > div {
+.blog-home #blog-posts-over > div {
   margin: 25px 0; }
 
 #blog-side-info {
-  background: #f4f9fd; }
+  background: #f4f9fd;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px; }
   #blog-side-info #searchform {
     margin-bottom: 30px; }
   #blog-side-info p {
     margin-bottom: 0; }
+  #blog-side-info h2 {
+    color: #690433;
+    font-family: "Kaushan Script";
+    font-size: 36px;
+    margin: 0 auto;
+    padding-bottom: 10px; }
 
 .blog-archive #head-img {
   margin: -280px auto 0; }
@@ -7428,6 +7447,16 @@ input[type="submit"].blogbutton {
   @media only screen and (max-width: 40em) {
     .blog-single #head-img {
       margin-top: -250px; } }
+.blog-single #blog-posts-over {
+  top: -35px; }
+
+#blog-side-info-wrapper {
+  top: -57px; }
+
+@media only screen and (min-width:40.063em) and (max-width:64em) {
+  #blog-side-info-wrapper {
+    top: -10px; }
+ }
 
 @media only screen and (max-width: 40em) {
   #blog-side-info-wrapper {
@@ -7448,7 +7477,7 @@ input[type="submit"].blogbutton {
  }
 
 #blog-side-info {
-  padding: 16px 10px 0;
+  padding: 40px 10px 20px;
   background: #f4f9fd;
   border: none; }
   #blog-side-info ul {
@@ -7846,3 +7875,6 @@ li#field_5_38.gfield.gfield_html.gfield_html_formatted.gfield_no_follows_desc.fi
 
 .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
   padding: 0; }
+
+.gform_wrapper .top_label select.small {
+  padding: 0; }

diff --git a/scss/plugins/_gravityforms.scss b/scss/plugins/_gravityforms.scss
index 3c54f19..88a8159 100644 (file)
--- a/scss/plugins/_gravityforms.scss
+++ b/scss/plugins/_gravityforms.scss
@@ -22,4 +22,6 @@ li#field_5_38.gfield.gfield_html.gfield_html_formatted.gfield_no_follows_desc.fi
 .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
     padding: 0;
 }
- 
+.gform_wrapper .top_label select.small{
+    padding: 0;
+}