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;