diff --git a/static/js/app/views/header.coffee b/static/js/app/views/header.coffee
index aad60a7..fa32ff0 100644
--- a/static/js/app/views/header.coffee
+++ b/static/js/app/views/header.coffee
@@ -21,7 +21,7 @@ define ["underscore", "backbone", "vent", "utils", "text!/tpl/HeaderView"],
             @listenTo vent, "mix:pause", @trackPaused
 
         login: ->
-            utils.modal "tpl/LoginView"
+            utils.modal "dlg/LoginView"
 
         logout: ->
             utils.showAlert "Success", "You are now logged out"
diff --git a/static/js/app/views/header.js b/static/js/app/views/header.js
index d694ae4..eb9223e 100644
--- a/static/js/app/views/header.js
+++ b/static/js/app/views/header.js
@@ -39,7 +39,7 @@ Code provided under the BSD License:
       };
 
       HeaderView.prototype.login = function() {
-        return utils.modal("tpl/LoginView");
+        return utils.modal("dlg/LoginView");
       };
 
       HeaderView.prototype.logout = function() {
diff --git a/templates/views/dlg/LoginView.html b/templates/views/dlg/LoginView.html
new file mode 100644
index 0000000..782b821
--- /dev/null
+++ b/templates/views/dlg/LoginView.html
@@ -0,0 +1,31 @@
+{% extends 'views/dlg/_DialogBase.html' %}
+
+{% load account %}
+{% load socialaccount %}
+{% block header %}
+    <h3>Login to Deep South Sounds</h3>
+{% endblock %}
+{% block content %}
+
+    <div id="social-login-buttons" class="social_login_providers row-fluid">
+        <div class="social_login_provider">
+            <a href="/accounts/facebook/login/?method=oauth2" id="facebook_button"
+               data-bypass="true" class="social_login_provider_button">Facebook
+            </a>
+        </div>
+        <div class="social_login_provider">
+            <a href="/accounts/twitter/login/" id="twitter_button"
+               data-bypass="true" class="social_login_provider_button">Twitter
+            </a>
+        </div>
+        <div class="social_login_provider">
+            <a href="/accounts/google/login/?method=oauth2" id="google_button"
+               data-bypass="true" class="social_login_provider_button">Google
+            </a>
+        </div>
+    </div>
+    <div id="social-login-disclaimer" class="row-fluid">
+        <h5>Please note that using a social account<br/> does not give us access to your private information</h5>
+    </div>
+{% endblock %}
+{% block primarybutton %}Nah...{% endblock %}
\ No newline at end of file