most style edits to the events page is done here

diff --git a/Toolkit/Events/css/event.css b/Toolkit/Events/css/event.css
index eb0fc57..0d38400 100755 (executable)
--- a/Toolkit/Events/css/event.css
+++ b/Toolkit/Events/css/event.css
@@ -180,8 +180,7 @@
        margin-right: 0;
        }
 #event-main-column .event-category-block h2 {
-       font-size: 15px;
-       font-size: 1.5rem;
+       font-size: 1.3rem;
        border-bottom: 1px solid #999;
        margin: 0;
        padding: 5px 10px;
@@ -223,11 +222,12 @@
        }
 #eventDetail {
        margin-top: 1em;
-       }
+       font-size: 12px;
+    }
 #eventDetail h2 {
        position: relative;
        margin: 0;
-       padding: 0;
+       padding: 10px;
        border: 1px solid #ccc;
        }
 #eventDetail h2 p {
@@ -250,15 +250,14 @@
        border-top: 1px solid #eee;
        }
 #eventDetailMap {
-       float: right;
-       width: 160px;
+
        border: 1px solid;
        border-top-color: #ccc;
        border-right-color: #aaa;
        border-bottom-color: #aaa;
        border-left-color: #ccc;
-       margin: 10px;
-       }
+    margin-top: 10px;
+    }
 #eventDetailMap:hover {
        border-top-color: #aaa;
        border-right-color: #ccc;
@@ -270,22 +269,24 @@
        height:160px; 
        }
 #EventDrivingDirectionsContainer {
-       float: right;
-       clear: right;
-       margin: 0 10px 10px 10px;
+       margin: 10px 0 0 0;
        }
+#EventDrivingDirectionsForm {
+    margin: 0;
+    }
 #EventDrivingDirectionSubmit {
-       width: 162px;
-       height: 28px;
-       padding: 5px;
+    display: block;
+    width: 100%;
+    line-height: 28px;
+    height: 28px;
        border: 1px solid;
        border-top-color: #ccc;
        border-right-color: #aaa;
        border-bottom-color: #aaa;
        border-left-color: #ccc;
        background: white;
-       font-size: 13px;
-       font-size: 1.3rem;
+       font-size: 12px;
+       font-size: 1.0rem;
        color: #000;
        cursor: pointer;
        }
@@ -302,10 +303,11 @@
 #eventDetailInfo {
        padding: 10px;
        font-size: 12px;
-       font-size: 1.2rem;
+       font-size: .8rem;
        height: 1%;
        overflow: hidden;
-       }
+       line-height: 1.5;
+    }
 #eventDetailInfo > div {
        height: 1%;
        overflow: hidden;
@@ -319,7 +321,6 @@
        background-repeat: no-repeat;
        background-position: 6px 6px;
        }
-
 #eventDetailTime {
        background-image: url(http://app.gaslightmedia.com/assets/icons/clock.png);
        }
@@ -347,7 +348,7 @@
 #eventDetailContact h3 {
        margin: 0;
        font-size: 12px;
-       font-size: 1.2rem;
+       font-size: 1.0rem;
        }
 #eventDetailContact p {
        margin: 0;
@@ -416,4 +417,46 @@
        margin: 0;
        padding: 0;
        display: block;
+       }
+#EventSocialLinks {
+       clear: right;
+       /*width: 162px;*/
+       /*background: #0F0;*/
+       margin: 0 2% 10px 0;
+       }
+#EventSocialLinks ul {
+       display: block;
+       margin: 0;
+       padding: 0;
+       list-style-type: none;
+       }
+#EventSocialLinks ul li {
+       display: block;
+       float: right;
+       height: 28px;
+       /*width: 81px;*/
+       width: 100%;
+       margin: 8px 0 0 0;
+       padding: 0;
+       }
+#EventSocialLinks ul li a {
+       display: block;
+       text-indent: -9999px;
+       width: 100%;
+       height: 28px;
+       margin: 0;
+       border-top: 1px solid #CCC;
+       border-right: 1px solid #CCC;
+       border-left: 1px solid #AAA;
+       border-bottom: 1px solid #AAA;
+       box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       }
+#EventSocialLinks ul li a#fb {
+       float: right;
+       background: #39588F url(http://app.gaslightmedia.com/Common/EventCalendar_V0/assets/fb.jpg) center center no-repeat;
+       }
+#EventSocialLinks ul li a#tw {
+       float: right;
+       background: #FFF url(http://app.gaslightmedia.com/Common/EventCalendar_V0/assets/tw.jpg) center center no-repeat;
        }
\ No newline at end of file