Navigation styling, mostly.
authorLaury GvR <laury@gaslightmedia.com>
Mon, 3 Nov 2014 21:19:50 +0000 (16:19 -0500)
committerLaury GvR <laury@gaslightmedia.com>
Mon, 3 Nov 2014 21:19:50 +0000 (16:19 -0500)
css/app.css
scss/site/_structure.scss

index 24c38bf..5940ff4 100644 (file)
@@ -5603,23 +5603,23 @@ h2 {
 .top-bar-container {
   float: right;
   /*    background: $primary-color;*/
-  background: #003e7c;
+  background: #6bb0e5;
   /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
-  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMwMDNlN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwNTY4YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiMwMDRhN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background: -moz-linear-gradient(top, #003e7c 15%, #0568b3 50%, #004a7c 85%);
+  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYjBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzA1NjhiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTY4YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background: -moz-linear-gradient(top, #6bb0e5 0%, #207cca 50%, #0568b3 75%, #0568b3 100%);
   /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #003e7c), color-stop(50%, #0568b3), color-stop(85%, #004a7c));
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bb0e5), color-stop(50%, #207cca), color-stop(75%, #0568b3), color-stop(100%, #0568b3));
   /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #003e7c 15%, #0568b3 50%, #004a7c 85%);
+  background: -webkit-linear-gradient(top, #6bb0e5 0%, #207cca 50%, #0568b3 75%, #0568b3 100%);
   /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #003e7c 15%, #0568b3 50%, #004a7c 85%);
+  background: -o-linear-gradient(top, #6bb0e5 0%, #207cca 50%, #0568b3 75%, #0568b3 100%);
   /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, #003e7c 15%, #0568b3 50%, #004a7c 85%);
+  background: -ms-linear-gradient(top, #6bb0e5 0%, #207cca 50%, #0568b3 75%, #0568b3 100%);
   /* IE10+ */
-  background: linear-gradient(to bottom, #003e7c 15%, #0568b3 50%, #004a7c 85%);
+  background: linear-gradient(to bottom, #6bb0e5 0%, #207cca 50%, #0568b3 75%, #0568b3 100%);
   /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=0 );
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb0e5', endColorstr='#0568b3',GradientType=0 );
   /* IE6-8 */
   position: relative;
   margin-bottom: 0 !important;
@@ -6187,24 +6187,14 @@ article h2 {
 .slideshowlink {
   display: none; }
 
-.top-bar-menu > li.has-dropdown > ul li ul li:only-child a {
-  border-top-right-radius: 15px;
-  border-bottom-right-radius: 15px; }
 
-.top-bar-menu > li.has-dropdown > ul li ul li:first-child a {
-  border-top-right-radius: 15px; }
 
-.top-bar-menu > li.has-dropdown > ul li:last-child a {
-  border-bottom-left-radius: 15px;
-  border-bottom-right-radius: 15px; }
 
 .top-bar-menu > li.has-dropdown > ul li:last-child:hover > a {
   border-radius: 0; }
 
 .top-bar-menu > li.has-dropdown > ul li ul li:last-child {
   background-color: transparent; }
-  .top-bar-menu > li.has-dropdown > ul li ul li:last-child a {
-    border-bottom-right-radius: 15px; }
 
 .ngg-gallery-thumbnail img:hover {
   color: white; }
@@ -6220,6 +6210,46 @@ article h2 {
 #fancybox-outer, #fancybox-left, #fancybox-right {
   padding-top: 40px; }
 
+.top-bar-section ul > li:hover:not(.has-form) > a {
+  background: #f48228;
+  /* Old browsers */
+  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmQ0YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background: -moz-linear-gradient(top, #f48228 0%, #f48228 25%, #f28e41 50%, #f2d4bc 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f48228), color-stop(25%, #f48228), color-stop(50%, #f28e41), color-stop(100%, #f2d4bc));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f48228 0%, #f48228 25%, #f28e41 50%, #f2d4bc 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f48228 0%, #f48228 25%, #f28e41 50%, #f2d4bc 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #f48228 0%, #f48228 25%, #f28e41 50%, #f2d4bc 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #f48228 0%, #f48228 25%, #f28e41 50%, #f2d4bc 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48228', endColorstr='#f2d4bc',GradientType=0 );
+  /* IE6-8 */ }
+
+.top-bar-section ul > li:hover:not(.has-form) > a {
+  background: #f2d4bc;
+  /* Old browsers */
+  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZDRiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDgyMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background: -moz-linear-gradient(top, #f2d4bc 0%, #f28e41 50%, #f48228 75%, #f48228 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2d4bc), color-stop(50%, #f28e41), color-stop(75%, #f48228), color-stop(100%, #f48228));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f2d4bc 0%, #f28e41 50%, #f48228 75%, #f48228 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f2d4bc 0%, #f28e41 50%, #f48228 75%, #f48228 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #f2d4bc 0%, #f28e41 50%, #f48228 75%, #f48228 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #f2d4bc 0%, #f28e41 50%, #f48228 75%, #f48228 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d4bc', endColorstr='#f48228',GradientType=0 );
+  /* IE6-8 */ }
+
 /**
      * 4.2 Posts
      * ------------------------------------
index 50606e1..35e01dc 100644 (file)
@@ -54,17 +54,18 @@ h2 {
 }
 .top-bar-container {
     float: right;
-/*    background: $primary-color;*/
-background: rgb(0,62,124); /* Old browsers */
-/* IE9 SVG, needs conditional override of 'filter' to 'none' */
-background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMwMDNlN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwNTY4YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiMwMDRhN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-background: -moz-linear-gradient(top,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
-background: linear-gradient(to bottom,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=0 ); /* IE6-8 */
+    /*    background: $primary-color;*/
+    background: rgb(107,176,229); /* Old browsers */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYjBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzA1NjhiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTY4YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(107,176,229,1) 0%, rgba(32,124,202,1) 50%, rgba(5,104,179,1) 75%, rgba(5,104,179,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,176,229,1)), color-stop(50%,rgba(32,124,202,1)), color-stop(75%,rgba(5,104,179,1)), color-stop(100%,rgba(5,104,179,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb0e5', endColorstr='#0568b3',GradientType=0 ); /* IE6-8 */
+
 
     position: relative;
     margin-bottom: 0 !important;
@@ -625,13 +626,14 @@ article h2 {
         border-radius: 4px;
         color: white;
         background: rgb(0,62,124); /* Old browsers */
-background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
-background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
-background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
-background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
+        background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        
 /*        background-color: #0568b3;*/
         font-family: times;
         font-size: 18px;
@@ -639,13 +641,13 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', end
     }
     #fancybox-title-inside {
         background: rgb(0,62,124); /* Old browsers */
-    background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
-    background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
+        background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 
 /*        background-color: #0568b3;*/
         border-radius: 4px;
@@ -671,19 +673,19 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', end
         display:none;
     }
     .top-bar-menu > li.has-dropdown > ul li ul li:only-child a {
-        border-top-right-radius: 15px;
-        border-bottom-right-radius: 15px;
+/*        border-top-right-radius: 15px;*/
+/*        border-bottom-right-radius: 15px;*/
     }
     
     .top-bar-menu > li.has-dropdown > ul li ul li:first-child a {
-        border-top-right-radius: 15px;
+/*        border-top-right-radius: 15px;*/
     }
     .top-bar-menu > li.has-dropdown > ul li:last-child {
        
         a {
-            border-bottom-left-radius: 15px;
+/*            border-bottom-left-radius: 15px;*/
             
-        border-bottom-right-radius: 15px;
+/*        border-bottom-right-radius: 15px;*/
         }
     }
     .top-bar-menu > li.has-dropdown > ul li:last-child:hover > a {
@@ -693,7 +695,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', end
     .top-bar-menu > li.has-dropdown > ul li ul li:last-child {
         background-color: transparent;
         a {
-            border-bottom-right-radius: 15px;
+/*            border-bottom-right-radius: 15px;*/
         }
     }
     .ngg-gallery-thumbnail img:hover {
@@ -714,7 +716,34 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', end
     #fancybox-right {
         padding-top:40px;
     }
-
+    .top-bar-section ul > li:hover:not(.has-form) > a {
+
+        background: rgb(244,130,40); /* Old browsers */
+        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmQ0YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+        background: -moz-linear-gradient(top,  rgba(244,130,40,1) 0%, rgba(244,130,40,1) 25%, rgba(242,142,65,1) 50%, rgba(242,212,188,1) 100%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,130,40,1)), color-stop(25%,rgba(244,130,40,1)), color-stop(50%,rgba(242,142,65,1)), color-stop(100%,rgba(242,212,188,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(top,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(top,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(top,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* IE10+ */
+        background: linear-gradient(to bottom,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48228', endColorstr='#f2d4bc',GradientType=0 ); /* IE6-8 */
+    }
+    .top-bar-section ul > li:hover:not(.has-form) > a {
+
+        background: rgb(242,212,188); /* Old browsers */
+        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZDRiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDgyMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+        background: -moz-linear-gradient(top,  rgba(242,212,188,1) 0%, rgba(242,142,65,1) 50%, rgba(244,130,40,1) 75%, rgba(244,130,40,1) 100%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,212,188,1)), color-stop(50%,rgba(242,142,65,1)), color-stop(75%,rgba(244,130,40,1)), color-stop(100%,rgba(244,130,40,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(top,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(top,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(top,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* IE10+ */
+        background: linear-gradient(to bottom,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d4bc', endColorstr='#f48228',GradientType=0 ); /* IE6-8 */
+    }
+    
+    
     /**
      * 4.2 Posts
      * ------------------------------------