--- a/bio/static/css/bio.css	Wed Aug 17 20:43:35 2016 -0500
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,48 +0,0 @@
-div.user_profile th {
-   font-weight: bold;
-   text-align: left;
-   padding: 5px 5px;
-}
-div.user_profile td {
-   font-weight: normal;
-   text-align: left;
-   padding: 5px 5px;
-}
-
-div.members-list table {
-   border-collapse: collapse;
-   width: 95%;
-   border: 1px solid black;
-   margin: 1em auto 1em auto;
-}
-
-div.members-list th {
-   font-weight: bold;
-   text-align: center;
-   padding: 5px 5px;
-}
-
-div.members-list tr {
-   border-top: 1px solid black;
-   border-bottom: 1px solid black;
-   text-align: center;
-}
-
-div.members-list td {
-   padding: 5px 5px;
-   text-align: center;
-}
-
-div.members-list tr.odd {
-   background-color: #ddd;
-}
-
-div.flag { 
-   float:left;
-   text-size: small;
-   font-weight: bold;
-}
-div.flag img { 
-   vertical-align: middle;
-   margin-bottom: 3px;
-}

--- a/bio/views.py	Wed Aug 17 20:43:35 2016 -0500
+++ b/bio/views.py	Thu Aug 18 20:36:41 2016 -0500
@@ -251,6 +251,7 @@
         'sn_form': sn_form,
         'im_form': im_form,
         'w_form': w_form,
+        'V3_DESIGN': True,
         })
 
 #######################################################################

--- a/sg101/templates/bio/base.html	Wed Aug 17 20:43:35 2016 -0500
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,8 +0,0 @@
-{% extends 'base.html' %}
-{% load static from staticfiles %}
-{% block custom_css %}
-<link rel="stylesheet" type="text/css" href="{% static "css/bio.css" %}" />
-{% block bio_css %}{% endblock %}
-{% endblock %}
-{% block content %}
-{% endblock %}

--- a/sg101/templates/bio/edit_elsewhere.html	Wed Aug 17 20:43:35 2016 -0500
+++ b/sg101/templates/bio/edit_elsewhere.html	Thu Aug 18 20:36:41 2016 -0500
@@ -1,7 +1,18 @@
-{% extends 'bio/base.html' %}
+{% extends 'v3/base.html' %}
 {% load static from staticfiles %}
 {% block title %}Edit Your Elsewhere Links{% endblock %}
 {% block content %}
+
+<nav aria-label="You are here:" role="navigation">
+   <ul class="breadcrumbs">
+      <li><a href="{% url 'bio-me' %}">{{ user.username }}'s Profile</a></li>
+      <li><a href="{% url 'bio-edit_profile' %}">Edit Profile</a></li>
+      <li>
+      <span class="show-for-sr">Current: </span> Elsewhere Links
+      </li>
+   </ul>
+</nav>
+
 <h2>Edit Your Elsewhere Links</h2>
 <h3>Social Networks</h3>
 {% if request.user.social_network_profiles.all %}
@@ -14,7 +25,7 @@
             <a href="{{ profile.url }}" rel="me">{{ profile.name }}</a>
             <form id="delete-network-{{ profile.id }}" method="post" action=".">{% csrf_token %}
                 <input type="hidden" name="delete_id" value="{{ profile.id }}" />
-                <input type="submit" name="delete-sn-form" value="Delete" class="button" />
+                <input type="submit" name="delete-sn-form" value="Delete" class="alert button" />
             </form>
         </li>
     {% endfor %}
@@ -27,16 +38,15 @@
 <fieldset>
 <legend>Add a Social Network</legend>
     {{ sn_form.as_p }}
-    <p>
-    For Facebook, you must enter your profile ID in the <em>Username</em> box. Visit your
-    Facebook profile. Look at your browser's URL (address) bar. If you see a link of the form 
-    http://www.facebook.com/profile.php?id=<strong>1234567890</strong>, you want that number after the 
-    <strong>id=</strong> part. If you don't see a link like that, hover your mouse over your
-    profile picture, and a link of the above form should appear in your browser's status bar
-    (usually at the bottom). You can right-click on your photo and choose "copy link address" 
-    (the exact message will vary by browser) to copy the link. Then paste into the 
-    <em>Username</em> box, then delete everything but the long number.
-    </p>
+    <div class="primary callout">
+       <p>Choose a social network and enter your user ID or username in the boxes, above.<p>
+       <p>
+       <i class="fi-social-facebook size-36"></i>
+       For Facebook, you need to enter your numeric profile ID. If you don't know your profile ID,
+       please use this helper website: <a href="http://findmyfbid.com/">findmyfbid.com</a>. Enter
+       the number you get from that website in the Username field, above.
+       </p>
+    </div>
     <p><input type="submit" name="sn-form" value="Add Social Network" class="button" /></p>
 </fieldset>
 </form>
@@ -52,7 +62,7 @@
             {{ profile.name }}: <a href="{{ profile.url }}">{{ profile.username }}</a>
             <form id="delete-messenger-{{ profile.id }}" method="post" action=".">{% csrf_token %}
                 <input type="hidden" name="delete_id" value="{{ profile.id }}" />
-                <input type="submit" name="delete-im-form" value="Delete" class="button" />
+                <input type="submit" name="delete-im-form" value="Delete" class="alert button" />
             </form>
         </li>
     {% endfor %}
@@ -78,7 +88,7 @@
             <a href="{{ profile.url }}" rel="me">{{ profile.name }}</a>
             <form id="delete-website-{{ profile.id }}" method="post" action=".">{% csrf_token %}
                 <input type="hidden" name="delete_id" value="{{ profile.id }}" />
-                <input type="submit" name="delete-w-form" value="Delete" class="button" />
+                <input type="submit" name="delete-w-form" value="Delete" class="alert button" />
             </form>
         </li>
     {% endfor %}