From a7bdf0f2ffd66631cc7c54414ae9f897b53d34e0 Mon Sep 17 00:00:00 2001
From: andrewmbacon <andrew.bacon@me.com>
Date: Mon, 19 Jan 2015 16:07:31 -0500
Subject: [PATCH 1/2] Layout of cal widgets complete

---
 sass/widgets.scss | 127 +++++++++++++++++++++++++++++++++++++--
 style.css         | 147 +++++++++++++++++++++++-----------------------
 2 files changed, 198 insertions(+), 76 deletions(-)

diff --git a/sass/widgets.scss b/sass/widgets.scss
index b939864..bb9a724 100644
--- a/sass/widgets.scss
+++ b/sass/widgets.scss
@@ -257,11 +257,130 @@
 		}
 	}
 	&.uc-ecw {
-		padding-bottom:$widget-content-margin;
-		@include uc-cal;
-		.uc-cal-link	{
-			margin:$widget-content-margin;
+		
+		.uc-cal {
+			margin:$widget-content-margin;	
+		}
+		
+		// reset all the damn css from the damn plugin damnit. 
+		.uc-cal * {
+			margin: 0 !important;
+			padding: 0!important;
+			border: 0!important;
+			font-size: 100%!important;
+			font: inherit!important;
+			vertical-align: baseline!important;
+			background:none!important;
+			position:inherit!important;
+			width:auto !important;
+			height: auto !important;
+			color:inherit !important;
+			display:block !important;
+			box-shadow:none !important;
+			text-transform:none !important;
+			min-height:inherit !important;
+			border-radius: 0 !important;
+		}
+		
+		// styles shared in both list view and icon view. 
+		.uc-cal-item {
+			margin: 1em 0 !important;
+			.uc-cal-event {	
+				position:relative !important;		
+		
+				&:after {
+					visibility: hidden !important;
+					display: block !important;
+					font-size: 0!important;
+					content: " "!important;
+					clear: both!important;
+					height: 0!important;
+				}
+					
+				.uc-cal-event-date {
+					float: left !important;
+					position: relative !important;
+					top:0;
+				}
+					
+			}
+		}
+		
+		
+		// styles unique to icon view
+		.uc-iconcal {
+			.uc-cal-list {
+			
+				.uc-cal-item {
+					margin: 1em 0 !important;
+				
+					.uc-cal-event {
+						background-color:#ccc !important;
+						
+						padding-left: 100px !important;
+
+						
+						.uc-cal-event-date {						
+							left:-100px;
+							margin-right:-100px !important;
+							width:100px !important;
+							background-color:yellow !important;
+							
+							.uc-cal-event-month{
+								padding: .1em 0 0 !important;
+								border-width:1px !important;
+								border-style:solid !important;
+								border-color: blue !important;
+								text-align:center;
+								background-color:red !important;
+								font-size:70% !important;
+								text-transform:uppercase !important;
+								letter-spacing: 1px !important;								
+							}
+							.uc-cal-event-day {
+								padding: 0 !important;
+								border-width:1px !important;
+								border-style:solid !important;
+								border-color: green !important;
+								text-align:center;
+								background-color:pink !important;
+								font-size:150% !important;
+							}
+						}
+						.uc-cal-event-title {
+							background-color:aqua !important;
+							
+						}
+						.uc-cal-event-time {
+							opacity: .8;
+						}
+					} // cal-event
+				} //cal-item
+			} // cal-list
+			
+						
+		} //icon-cal
+		
+		// styles unique to list view. 
+		.uc-listcal {
+			.uc-cal-event {
+				
+				padding-left:3.7em !important;
+				background-color:yellow !important;
+				
+				.uc-cal-event-date {
+					width: 3.7em !important;
+					left:-3.7em !important;
+					margin-right:-6em !important;
+					opacity: .8;
+					background-color: pink !important;
+				}
+				.uc-cal-event-title {
+					background-color: aqua !important
+				}
+			}
 		}
+
 		
 	}
 	&.uc-hours-widget {
diff --git a/style.css b/style.css
index fbf11a4..4ea2595 100644
--- a/style.css
+++ b/style.css
@@ -7504,95 +7504,98 @@ object {
 .widget.uc-contact-widget td.uc-output-more {
   word-break: break-all;
 }
-.widget.uc-ecw {
-  padding-bottom: 1em;
-}
 .widget.uc-ecw .uc-cal {
-  padding: 0;
-}
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list {
   margin: 1em;
 }
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  padding-left: 65px;
-  min-height: 65px;
-}
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date {
-  border: none;
-  width: 50px;
-  left: 0;
-  box-shadow: none;
-  background-color: #eee;
+.widget.uc-ecw .uc-cal * {
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 !important;
+  font-size: 100% !important;
+  font: inherit !important;
+  vertical-align: baseline !important;
+  background: none !important;
+  position: inherit !important;
+  width: auto !important;
+  height: auto !important;
+  color: inherit !important;
+  display: block !important;
+  box-shadow: none !important;
+  text-transform: none !important;
+  min-height: inherit !important;
+  border-radius: 0 !important;
 }
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-month {
-  height: auto;
-  padding: .4em .2em .3em .2em;
-  font-size: .8em;
-  background-color: #cccccc;
-  color: #333333;
-  font-weight: normal;
-  letter-spacing: 0;
-  text-transform: capitalize;
+.widget.uc-ecw .uc-cal-item {
+  margin: 1em 0 !important;
 }
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-day {
-  padding: .5em .1em .6em;
-  height: auto;
-  background-color: #eeeeee;
-  color: #333333;
-  font-size: 1.2em;
+.widget.uc-ecw .uc-cal-item .uc-cal-event {
+  position: relative !important;
 }
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-title {
-  color: #428bca;
-  font-size: 1em;
-  line-height: 1.42857;
-  margin-bottom: .3em;
-  margin-top: .2em;
+.widget.uc-ecw .uc-cal-item .uc-cal-event:after {
+  visibility: hidden !important;
+  display: block !important;
+  font-size: 0 !important;
+  content: " " !important;
+  clear: both !important;
+  height: 0 !important;
 }
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-time {
-  color: #92bce0;
-  font-size: 1em;
+.widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date {
+  float: left !important;
+  position: relative !important;
+  top: 0;
 }
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title {
-  color: #2a6496;
+.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item {
+  margin: 1em 0 !important;
 }
-.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time {
-  color: #5697d0;
+.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event {
+  background-color: #ccc !important;
+  padding-left: 100px !important;
 }
-.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list {
-  margin: 1em;
+.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date {
+  left: -100px;
+  margin-right: -100px !important;
+  width: 100px !important;
+  background-color: yellow !important;
 }
-.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event {
-  display: block;
-  position: relative;
-  padding-left: 3em;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month {
+  padding: .1em 0 0 !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: blue !important;
+  text-align: center;
+  background-color: red !important;
+  font-size: 70% !important;
+  text-transform: uppercase !important;
+  letter-spacing: 1px !important;
 }
-.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-date {
-  position: absolute;
-  left: 0;
-  top: 0;
-  display: block;
-  font-weight: normal;
-  color: #aaa;
-  line-height: 1.42857;
+.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day {
+  padding: 0 !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: green !important;
+  text-align: center;
+  background-color: pink !important;
+  font-size: 150% !important;
 }
-.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-title {
-  display: block;
-  color: #428bca;
-  line-height: 1.42857;
+.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-title {
+  background-color: aqua !important;
 }
-.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-time {
-  color: #92bce0;
+.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
+  opacity: .8;
 }
-.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title {
-  color: #2a6496;
+.widget.uc-ecw .uc-listcal .uc-cal-event {
+  padding-left: 3.7em !important;
+  background-color: yellow !important;
 }
-.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time {
-  color: #5697d0;
+.widget.uc-ecw .uc-listcal .uc-cal-event .uc-cal-event-date {
+  width: 3.7em !important;
+  left: -3.7em !important;
+  margin-right: -6em !important;
+  opacity: .8;
+  background-color: pink !important;
 }
-.widget.uc-ecw .uc-cal-link {
-  margin: 1em;
+.widget.uc-ecw .uc-listcal .uc-cal-event .uc-cal-event-title {
+  background-color: cyan !important;
 }
 .widget.uc-hours-widget caption {
   padding: .5em;

From 0eb3d51990587d2c9f95638903e55302c84876b0 Mon Sep 17 00:00:00 2001
From: andrewmbacon <andrew.bacon@me.com>
Date: Wed, 21 Jan 2015 13:01:39 -0500
Subject: [PATCH 2/2] Variables Setup

Deleted old variables that I didn't actually see. Will probably effect
most Cornerstone @import themes.
---
 sass/variables.scss | 265 ++++++++++++++++++++++++++++----------------
 sass/widgets.scss   | 125 +--------------------
 style.css           | 232 ++++++++++++--------------------------
 3 files changed, 242 insertions(+), 380 deletions(-)

diff --git a/sass/variables.scss b/sass/variables.scss
index 1c72532..add851f 100644
--- a/sass/variables.scss
+++ b/sass/variables.scss
@@ -65,16 +65,54 @@ $widget-head-padding:			.5em .5em .5em 1em 	!default;
 $widget-head-size:			$widget-size 			!default;	
 
 /* Specific Widgets */
-// Events Calendar (icons)
-$uc-ecw-month-bg:			#ccc !default;
-$uc-ecw-month-color:		#333 !default;
-$uc-ecw-day-bg:				#eee !default;
-$uc-ecw-day-color:			#333 !default;
+
+
+// Events Calendar
+
+// SHARED
+$uc-ecw-item-margin: 		1em 0 	!default;
+$uc-ecw-font:				inherit !default;
 $uc-ecw-title-color:		$widget-link-color !default;
-$uc-ecw-title-hover:		$widget-link-hover !default;
-$uc-ecw-time-color:			lighten($widget-link-color, 20%) !default;
-$uc-ecw-time-hover:			lighten($widget-link-hover, 20%) !default;
+$uc-ecw-title-color-hover: $widget-link-hover !default;
+
+// LIST VIEW
+
+$uc-ecw-list-dateWidth: 3.7em !default;
+
+$uc-ecw-list-date-color:			inherit !default;
+$uc-ecw-list-date-color-hover: 	inherit !default;
+
+// ICON VIEW
 
+// number only in these ones.. no 'px'
+$uc-ecw-icon-dateWidth: 			55 				!default; 
+$uc-ecw-icon-gutter: 				15 				!default;
+
+$uc-ecw-icon-month-padding: 		.7em 0 0			!default;
+$uc-ecw-icon-month-color: 		inherit			!default;
+$uc-ecw-icon-month-color-hover: 	inherit			!default;
+$uc-ecw-icon-month-bg: 			#FFFFFF		 	!default;
+$uc-ecw-icon-month-bg-hover: 	#000000		 	!default;
+$uc-ecw-icon-month-border-width:			1px 1px 0 !default;
+$uc-ecw-icon-month-border-style: 		solid !default;
+$uc-ecw-icon-month-border-color: $widget-border-color	 !default;
+$uc-ecw-icon-month-border-color-hover: 	$widget-border-color !default;
+$uc-ecw-icon-month-font-size:			70% !default;
+$uc-ecw-icon-month-font-transform:		uppercase !default;
+$uc-ecw-icon-month-font-letter-spacing: 	1px !default;
+
+$uc-ecw-icon-day-padding: 		0 0 .2em 0			!default;
+$uc-ecw-icon-day-color: 			#000000			!default;
+$uc-ecw-icon-day-color-hover: 	#000000			!default;
+$uc-ecw-icon-day-bg: 				#FFFFFF		 	!default;
+$uc-ecw-icon-day-bg-hover: 		#FFFFFF		 	!default;
+$uc-ecw-icon-day-border-width:			0 1px 1px !default;
+$uc-ecw-icon-day-border-style: 			solid !default;
+$uc-ecw-icon-day-border-color: 			$widget-border-color !default;
+$uc-ecw-icon-day-border-color-hover: 	$widget-border-color !default;
+$uc-ecw-icon-day-font-size:				130% !default;
+
+$uc-ecw-time-color: inherit !default;
 
 
 /* == Main Content Area */
@@ -94,7 +132,7 @@ $comment-thread-odd: 			#f5f5f5 !default;
 
 $footers-margin:			1.5em 0 0 0 !default;
 $footers-bg:				#eee !default;
-$footers-color:				#333 !default;
+$footers-color:			#333 !default;
 $footers-link-color:		$link-color !default;		
 $footers-link-hover:		$link-hover-color !default;
 
@@ -116,107 +154,144 @@ $uc-footer-link-spacing:			1em !default;
 
 
 @mixin uc-cal() {
+	
 	.uc-cal {
-		padding:0;
+			margin:$widget-content-margin !important;	
+			padding:0 !important;
+		}
 		
-		&.uc-iconcal {
+		// reset all the damn css from the damn plugin damnit. 
+		.uc-cal * {
+
+			margin: 0 !important;
+			padding: 0!important;
+			border: 0!important;
+			font-size: 100%!important;
+			font: inherit!important;
+			vertical-align: baseline!important;
+			background:none!important;
+			position:inherit!important;
+			width:auto !important;
+			height: auto !important;
+			color:inherit !important;
+			display:block !important;
+			box-shadow:none !important;
+			text-transform:none !important;
+			min-height:inherit !important;
+			border-radius: 0 !important;
 			
-			.uc-cal-list {
-				margin:$widget-content-margin;
-				a.uc-cal-event {
-					font-family:$font-family-base;
-					padding-left:65px;
-					min-height:65px;
+		}
+		
+		// SHARED 
+		.uc-cal-item {
+			margin: $uc-ecw-item-margin !important;
+			.uc-cal-event {	
+				position:relative !important;		
+		
+				
 					
-					.uc-cal-event-date {
-						border:none;
-						width:50px;
-						left:0;
-						box-shadow:none;
-						background-color:#eee;
-						
-						.uc-cal-event-month {
-							height:auto;
-							padding:.4em .2em .3em .2em;
-							font-size:.8em;	
-							background-color:$uc-ecw-month-bg;
-							color:$uc-ecw-month-color;
-							font-weight:normal;
-							letter-spacing:0;
-							text-transform:capitalize;
-						}
-						
-						.uc-cal-event-day {
-							padding:.5em .1em .6em;
-							height:auto;	
-							background-color:$uc-ecw-day-bg;
-							color:$uc-ecw-day-color;
-							font-size:1.2em;
-						}
-					}
+				.uc-cal-event-date {
+					float: left !important;
+					position: relative !important;
+					top:0;
+				}
+				
+				.uc-cal-event-title {
+					color:$uc-ecw-title-color !important;	
+				}
+				
+				&:hover {
 					.uc-cal-event-title {
-						color:$uc-ecw-title-color ;
-						font-size:1em;
-						line-height:$line-height-base;
-						margin-bottom:.3em;
-						margin-top:.2em;
-					}
-					.uc-cal-event-time {
-						color: $uc-ecw-time-color;
-						font-size:1em;
-					}
-					&:hover {
-						.uc-cal-event-title {
-							color: $uc-ecw-title-hover;	
-						}
-						.uc-cal-event-time {
-							color: $uc-ecw-time-hover;
-						}
-						
-							
+						color:$uc-ecw-title-color-hover !important;	
 					}
 				}
+				
+				
+				&:after {
+					visibility: hidden !important;
+					display: block !important;
+					font-size: 0!important;
+					content: " "!important;
+					clear: both!important;
+					height: 0!important;
+				}
+					
 			}
 		}
-		&.uc-listcal {
+		
+		
+		// ICON VIEW
+		.uc-iconcal {
 			.uc-cal-list {
-				margin:$widget-content-margin;
-				a.uc-cal-event {
-					display:block;
-					position:relative;
-					padding-left:3em;
-					font-family:$font-family-base;
-					
-					.uc-cal-event-date {
-						position:absolute;
-						left:0;
-						top:0;
-						display:block;
-						font-weight:normal;
-						color:#aaa;
-						line-height:$line-height-base;
-					}
-
-					.uc-cal-event-title {
-						display:block;
-						color: $uc-ecw-title-color;
-						line-height:$line-height-base;
-					}
-					.uc-cal-event-time {
-						color: $uc-ecw-time-color;
-					}
-					&:hover {
-						.uc-cal-event-title {
-							color: $uc-ecw-title-hover;
+				.uc-cal-item {				
+					.uc-cal-event {						
+						padding-left: #{($uc-ecw-icon-dateWidth + $uc-ecw-icon-gutter)}px !important;
+						
+						.uc-cal-event-date {						
+							left:-#{($uc-ecw-icon-dateWidth + $uc-ecw-icon-gutter)}px;
+							margin-right:-#{($uc-ecw-icon-dateWidth)}px !important;
+							width:#{($uc-ecw-icon-dateWidth)}px !important;
+							
+							.uc-cal-event-month{
+								padding: $uc-ecw-icon-month-padding !important;
+								border-width:$uc-ecw-icon-month-border-width !important;
+								border-style:$uc-ecw-icon-month-border-style !important;
+								border-color: $uc-ecw-icon-month-border-color !important;
+								text-align:center !important;
+								background-color:$uc-ecw-icon-month-bg !important;
+								font-size:$uc-ecw-icon-month-font-size !important;
+								color: $uc-ecw-icon-month-color!important;
+								text-transform:$uc-ecw-icon-month-font-transform !important;
+								letter-spacing: $uc-ecw-icon-month-font-letter-spacing !important;								
+							}
+							.uc-cal-event-day {
+								padding: $uc-ecw-icon-day-padding !important;
+								border-width:$uc-ecw-icon-day-border-width !important;
+								border-style:$uc-ecw-icon-day-border-style !important;
+								border-color: $uc-ecw-icon-day-border-color !important;
+								text-align:center !important;
+								background-color:$uc-ecw-icon-day-bg !important;
+								font-size:$uc-ecw-icon-day-font-size !important;
+							}
 						}
 						.uc-cal-event-time {
-							color: $uc-ecw-time-hover;
+							color: $uc-ecw-time-color !important;
 						}
-					}
+						
+						// hover styles
+						&:hover {
+							.uc-cal-event-month{
+								
+							}
+							.uc-cal-event-day {
+							}
+							.uc-cal-event-title {
+							}
+							.uc-cal-event-time {
+							}
+						}
+						
+					} // cal-event
+					
+					
+				} //cal-item
+			} // cal-list
+			
+						
+		} //icon-cal
+		
+		// styles unique to list view. 
+		.uc-listcal {
+			.uc-cal-event {
+				padding-left:$uc-ecw-list-dateWidth !important;
+				
+				.uc-cal-event-date {
+					width: $uc-ecw-list-dateWidth !important;
+					left:-($uc-ecw-list-dateWidth) !important;
+					margin-right:-($uc-ecw-list-dateWidth) !important;
 				}
-			}		
+			}
 		}
-	}
 }
 
 
diff --git a/sass/widgets.scss b/sass/widgets.scss
index bb9a724..4ed75c3 100644
--- a/sass/widgets.scss
+++ b/sass/widgets.scss
@@ -1,7 +1,6 @@
 /* - - - - - - - - - - - - - - - - - - - 
 	== Widgets 
 - - - - - - - - - - - - - - - - - - - */
-
 .widget {
 	@include cs-word-break;
 	overflow:hidden;
@@ -258,129 +257,7 @@
 	}
 	&.uc-ecw {
 		
-		.uc-cal {
-			margin:$widget-content-margin;	
-		}
-		
-		// reset all the damn css from the damn plugin damnit. 
-		.uc-cal * {
-			margin: 0 !important;
-			padding: 0!important;
-			border: 0!important;
-			font-size: 100%!important;
-			font: inherit!important;
-			vertical-align: baseline!important;
-			background:none!important;
-			position:inherit!important;
-			width:auto !important;
-			height: auto !important;
-			color:inherit !important;
-			display:block !important;
-			box-shadow:none !important;
-			text-transform:none !important;
-			min-height:inherit !important;
-			border-radius: 0 !important;
-		}
-		
-		// styles shared in both list view and icon view. 
-		.uc-cal-item {
-			margin: 1em 0 !important;
-			.uc-cal-event {	
-				position:relative !important;		
-		
-				&:after {
-					visibility: hidden !important;
-					display: block !important;
-					font-size: 0!important;
-					content: " "!important;
-					clear: both!important;
-					height: 0!important;
-				}
-					
-				.uc-cal-event-date {
-					float: left !important;
-					position: relative !important;
-					top:0;
-				}
-					
-			}
-		}
-		
-		
-		// styles unique to icon view
-		.uc-iconcal {
-			.uc-cal-list {
-			
-				.uc-cal-item {
-					margin: 1em 0 !important;
-				
-					.uc-cal-event {
-						background-color:#ccc !important;
-						
-						padding-left: 100px !important;
-
-						
-						.uc-cal-event-date {						
-							left:-100px;
-							margin-right:-100px !important;
-							width:100px !important;
-							background-color:yellow !important;
-							
-							.uc-cal-event-month{
-								padding: .1em 0 0 !important;
-								border-width:1px !important;
-								border-style:solid !important;
-								border-color: blue !important;
-								text-align:center;
-								background-color:red !important;
-								font-size:70% !important;
-								text-transform:uppercase !important;
-								letter-spacing: 1px !important;								
-							}
-							.uc-cal-event-day {
-								padding: 0 !important;
-								border-width:1px !important;
-								border-style:solid !important;
-								border-color: green !important;
-								text-align:center;
-								background-color:pink !important;
-								font-size:150% !important;
-							}
-						}
-						.uc-cal-event-title {
-							background-color:aqua !important;
-							
-						}
-						.uc-cal-event-time {
-							opacity: .8;
-						}
-					} // cal-event
-				} //cal-item
-			} // cal-list
-			
-						
-		} //icon-cal
-		
-		// styles unique to list view. 
-		.uc-listcal {
-			.uc-cal-event {
-				
-				padding-left:3.7em !important;
-				background-color:yellow !important;
-				
-				.uc-cal-event-date {
-					width: 3.7em !important;
-					left:-3.7em !important;
-					margin-right:-6em !important;
-					opacity: .8;
-					background-color: pink !important;
-				}
-				.uc-cal-event-title {
-					background-color: aqua !important
-				}
-			}
-		}
-
+		// these styles contained in variables.scss, in the @uc-cal mixin. 
 		
 	}
 	&.uc-hours-widget {
diff --git a/style.css b/style.css
index 4ea2595..b56545f 100644
--- a/style.css
+++ b/style.css
@@ -6992,88 +6992,91 @@ code {
 }
 
 .page .uc-cal {
-  padding: 0;
-}
-.page .uc-cal.uc-iconcal .uc-cal-list {
-  margin: 1em;
-}
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  padding-left: 65px;
-  min-height: 65px;
+  margin: 1em !important;
+  padding: 0 !important;
 }
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date {
-  border: none;
-  width: 50px;
-  left: 0;
-  box-shadow: none;
-  background-color: #eee;
+.page .uc-cal * {
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 !important;
+  font-size: 100% !important;
+  font: inherit !important;
+  vertical-align: baseline !important;
+  background: none !important;
+  position: inherit !important;
+  width: auto !important;
+  height: auto !important;
+  color: inherit !important;
+  display: block !important;
+  box-shadow: none !important;
+  text-transform: none !important;
+  min-height: inherit !important;
+  border-radius: 0 !important;
 }
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-month {
-  height: auto;
-  padding: .4em .2em .3em .2em;
-  font-size: .8em;
-  background-color: #cccccc;
-  color: #333333;
-  font-weight: normal;
-  letter-spacing: 0;
-  text-transform: capitalize;
+.page .uc-cal-item {
+  margin: 1em 0 !important;
 }
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-day {
-  padding: .5em .1em .6em;
-  height: auto;
-  background-color: #eeeeee;
-  color: #333333;
-  font-size: 1.2em;
+.page .uc-cal-item .uc-cal-event {
+  position: relative !important;
 }
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-title {
-  color: #428bca;
-  font-size: 1em;
-  line-height: 1.42857;
-  margin-bottom: .3em;
-  margin-top: .2em;
+.page .uc-cal-item .uc-cal-event .uc-cal-event-date {
+  float: left !important;
+  position: relative !important;
+  top: 0;
 }
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-time {
-  color: #92bce0;
-  font-size: 1em;
+.page .uc-cal-item .uc-cal-event .uc-cal-event-title {
+  color: #428bca !important;
 }
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title {
-  color: #2a6496;
+.page .uc-cal-item .uc-cal-event:hover .uc-cal-event-title {
+  color: #2a6496 !important;
 }
-.page .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time {
-  color: #5697d0;
+.page .uc-cal-item .uc-cal-event:after {
+  visibility: hidden !important;
+  display: block !important;
+  font-size: 0 !important;
+  content: " " !important;
+  clear: both !important;
+  height: 0 !important;
 }
-.page .uc-cal.uc-listcal .uc-cal-list {
-  margin: 1em;
+.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event {
+  padding-left: 70px !important;
 }
-.page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event {
-  display: block;
-  position: relative;
-  padding-left: 3em;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date {
+  left: -70px;
+  margin-right: -55px !important;
+  width: 55px !important;
 }
-.page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-date {
-  position: absolute;
-  left: 0;
-  top: 0;
-  display: block;
-  font-weight: normal;
-  color: #aaa;
-  line-height: 1.42857;
+.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month {
+  padding: 0.7em 0 0 !important;
+  border-width: 1px 1px 0 !important;
+  border-style: solid !important;
+  border-color: #cccccc !important;
+  text-align: center !important;
+  background-color: white !important;
+  font-size: 70% !important;
+  color: inherit !important;
+  text-transform: uppercase !important;
+  letter-spacing: 1px !important;
 }
-.page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-title {
-  display: block;
-  color: #428bca;
-  line-height: 1.42857;
+.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day {
+  padding: 0 0 0.2em 0 !important;
+  border-width: 0 1px 1px !important;
+  border-style: solid !important;
+  border-color: #cccccc !important;
+  text-align: center !important;
+  background-color: white !important;
+  font-size: 130% !important;
 }
-.page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-time {
-  color: #92bce0;
+.page .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
+  color: inherit !important;
 }
-.page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title {
-  color: #2a6496;
+.page .uc-listcal .uc-cal-event {
+  padding-left: 3.7em !important;
 }
-.page .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time {
-  color: #5697d0;
+.page .uc-listcal .uc-cal-event .uc-cal-event-date {
+  width: 3.7em !important;
+  left: -3.7em !important;
+  margin-right: -3.7em !important;
 }
 
 /*	POSTS
@@ -7504,99 +7507,6 @@ object {
 .widget.uc-contact-widget td.uc-output-more {
   word-break: break-all;
 }
-.widget.uc-ecw .uc-cal {
-  margin: 1em;
-}
-.widget.uc-ecw .uc-cal * {
-  margin: 0 !important;
-  padding: 0 !important;
-  border: 0 !important;
-  font-size: 100% !important;
-  font: inherit !important;
-  vertical-align: baseline !important;
-  background: none !important;
-  position: inherit !important;
-  width: auto !important;
-  height: auto !important;
-  color: inherit !important;
-  display: block !important;
-  box-shadow: none !important;
-  text-transform: none !important;
-  min-height: inherit !important;
-  border-radius: 0 !important;
-}
-.widget.uc-ecw .uc-cal-item {
-  margin: 1em 0 !important;
-}
-.widget.uc-ecw .uc-cal-item .uc-cal-event {
-  position: relative !important;
-}
-.widget.uc-ecw .uc-cal-item .uc-cal-event:after {
-  visibility: hidden !important;
-  display: block !important;
-  font-size: 0 !important;
-  content: " " !important;
-  clear: both !important;
-  height: 0 !important;
-}
-.widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date {
-  float: left !important;
-  position: relative !important;
-  top: 0;
-}
-.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item {
-  margin: 1em 0 !important;
-}
-.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event {
-  background-color: #ccc !important;
-  padding-left: 100px !important;
-}
-.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date {
-  left: -100px;
-  margin-right: -100px !important;
-  width: 100px !important;
-  background-color: yellow !important;
-}
-.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month {
-  padding: .1em 0 0 !important;
-  border-width: 1px !important;
-  border-style: solid !important;
-  border-color: blue !important;
-  text-align: center;
-  background-color: red !important;
-  font-size: 70% !important;
-  text-transform: uppercase !important;
-  letter-spacing: 1px !important;
-}
-.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day {
-  padding: 0 !important;
-  border-width: 1px !important;
-  border-style: solid !important;
-  border-color: green !important;
-  text-align: center;
-  background-color: pink !important;
-  font-size: 150% !important;
-}
-.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-title {
-  background-color: aqua !important;
-}
-.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
-  opacity: .8;
-}
-.widget.uc-ecw .uc-listcal .uc-cal-event {
-  padding-left: 3.7em !important;
-  background-color: yellow !important;
-}
-.widget.uc-ecw .uc-listcal .uc-cal-event .uc-cal-event-date {
-  width: 3.7em !important;
-  left: -3.7em !important;
-  margin-right: -6em !important;
-  opacity: .8;
-  background-color: pink !important;
-}
-.widget.uc-ecw .uc-listcal .uc-cal-event .uc-cal-event-title {
-  background-color: cyan !important;
-}
 .widget.uc-hours-widget caption {
   padding: .5em;
 }