diff --git a/_includes/upcoming_post.html b/_includes/upcoming_post.html
new file mode 100644
index 0000000..8bab1df
--- /dev/null
+++ b/_includes/upcoming_post.html
@@ -0,0 +1,6 @@
+<li class="upcoming">
+  <a href="{{post.url}}">
+    {{ post.title }}
+    <span class="date">{{post.date | date: "%Y %B %d"}}</span>
+  </a>
+</li>
diff --git a/_sass/screen.sass b/_sass/screen.sass
index 32f9d3b..9dea19a 100644
--- a/_sass/screen.sass
+++ b/_sass/screen.sass
@@ -92,6 +92,8 @@ ul.posts
       margin-bottom: 0.5em
       span.date
         float: right
+  li.upcoming
+    background-color: #F7F9D0
 
 .date-time
   display: inline-block
diff --git a/activities.markdown b/activities.markdown
index 20e3a44..b036e0f 100644
--- a/activities.markdown
+++ b/activities.markdown
@@ -9,6 +9,10 @@ header:
 
 <ul class="posts">
 {% for post in site.categories.activities %}
-  {% include post.html %}
+  {% if site.time < post.date %}
+    {% include upcoming_post.html %}
+  {% else %}
+    {% include post.html %}
+  {% endif %}
 {% endfor %}
 </ul>
diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index 05a8f1a..1da6bcb 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -342,6 +342,9 @@ ul.posts li a {
 ul.posts li a span.date {
   float: right;
 }
+ul.posts li.upcoming {
+  background-color: #f7f9d0;
+}
 
 .date-time {
   display: inline-block;