From d6eedf23514aaa03d8376c2b3ea9640e98e084cb Mon Sep 17 00:00:00 2001
From: Ove Klykken <ove@gaslightmedia.com>
Date: Tue, 29 Jul 2014 16:43:23 -0400
Subject: [PATCH] most style edits to the events page is done here

---
 Toolkit/Events/css/event.css | 83 +++++++++++++++++++++++++++---------
 1 file changed, 63 insertions(+), 20 deletions(-)

diff --git a/Toolkit/Events/css/event.css b/Toolkit/Events/css/event.css
index eb0fc57..0d38400 100755
--- 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
-- 
2.17.1