Video gallery stayling

diff --git a/styles.css b/styles.css
index 54d0c8b..dbf3886 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -735,13 +735,13 @@ footer ul.images li img.latterns {
     display: block;
     width: 100%;
 }
-.gallery li a span.phototitle {
+/*.gallery li a span.phototitle {
     color: #a9aba9;
     display: block;
     font-size: 12px;
     padding: 5px 0 0;
     width: 100%;
-}
+}*/
 #Gallery li a:hover span.photoHead {
     color: #3fac46;
 }
@@ -760,8 +760,14 @@ footer ul.images li img.latterns {
     padding-bottom: 5px;
     border: 1px solid #dddfdd;
     border-radius: 3px;
-    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
     background-color: #fdfdff;
+    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
+    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.05);
+    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+.imgBorderMe img { 
+     margin-bottom: 8px !important;
 }
 
 #media-photo-gallery {
@@ -913,3 +919,164 @@ footer ul.images li img.latterns {
     padding: 0 20px 10px 20px;
     margin: 0;
 }*/
+
+
+
+/* Homepage Video */
+#home_video_wrapper {
+    overflow: hidden;
+    text-align: center !important;
+}
+#home_video_wrapper .hBox {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+}
+#home_video_wrapper .hBox a.various {
+    display: block;
+    width: 152px;
+    overflow: hidden;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+#videoGalleryLinkDiv {
+    width: 152px;
+    margin-left: auto;
+    margin-right: auto;
+}
+#home_video_wrapper .hBox a.various .video_link_txt {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    background: #000;
+    padding: 10px;
+    margin: 0;
+    color: #959595;
+    font-size: 11px;
+    line-height: 13px;
+}
+#home_video_wrapper .hBox a.various:hover .video_link_txt {
+    color: #FFF;
+}
+#home_video_wrapper .hBox a.various .vidoverlay {
+    display: block;
+    position: absolute;
+    width: 20%;
+    height: 22.70531400966184%;
+    left: 40%;
+    top: 38.64734299516908%;
+    background-size: 100%;
+}
+#home_video_wrapper .hBox a.various:hover .vidoverlay {
+/*     background: url(assets/play_over.png) 50% 50% no-repeat;*/
+    background-size: 100%;
+}
+#home_video_wrapper .hBox a.video_link_main {
+    display: block;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    background: #000;
+    padding: 10px;
+    margin: 0;
+    color: #959595;
+    font-size: 11px;
+    line-height: 13px;
+    text-align: right;
+    text-decoration: none;
+}
+#home_video_wrapper .hBox a.video_link_main:hover {
+    color: #FFF;
+}
+#home_video_wrapper p {
+    margin-top: 5px;
+}
+.fancybox-inner {
+    overflow: hidden !important;
+}
+
+/* Video Gallery */
+#video_wrapper {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    clear: both;
+}
+#video_wrapper h2 {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    clear: both;
+    margin: 0 0 16px 5px;
+    padding: 0;
+}
+ul#videoGallery {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    margin: 0 !important;
+    padding: 0;
+    list-style-type: none;
+    background: none repeat scroll 0 0 #f7f3e9;
+}
+ul#videoGallery li {
+    display: block;
+    float: left;
+    margin-bottom: 20px;
+}
+.vthumb {
+    padding: 5px;
+}
+ul#videoGallery li a {
+    position: relative;
+    z-index: 10;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    padding: 10px;
+}
+ul#videoGallery li a img {
+    display: block;
+    width: 100%;
+}
+ul#videoGallery li a span.vTitle {
+    display: block;
+    position: relative;
+    width: 100%;
+    padding: 5px 30px 0 0;
+    color: #336633;
+    font-size: 13px;
+    min-height: 27px;
+    line-height: 120%;
+}
+
+#home_video_wrapper a {
+    margin: 5px 0 5px 0;
+    font-size: 14px;
+}
+
+.play {
+    display: block;
+    position: absolute;
+    z-index: 11;
+    width: 25px;
+    height: 27px;
+    right: 0;
+    top: 5px;
+    background: url(assets/video_overlay.png)0 0 no-repeat;
+}
+li:hover .play {
+    background-position: 0 -27px;
+}
+
+#videoGallery li a:hover span.vTitle {
+    color: #3fac46;
+}