all: organized sections in less

3 files changed, 422 insertions, 419 deletions

diff --git a/superhero/bootstrap.css b/superhero/bootstrap.css
index d927f010..d72d4f41 100644
--- a/superhero/bootstrap.css
+++ b/superhero/bootstrap.css
@@ -4751,21 +4751,19 @@ a.badge:hover {
 .affix {
   position: fixed;
 }
-h6,
-legend,
 h1 small,
 h2 small,
 h3 small,
 h4 small,
 h5 small,
-h6 small {
+h6 small,
+h6 {
   font-family: 'Oswald', sans-serif;
   color: #e36b23;
   text-shadow: -1px 1px 0 #612c0c;
 }
 h1,
-h2,
-legend {
+h2 {
   text-shadow: -2px 2px 0 #612c0c;
 }
 h1 {
@@ -4777,9 +4775,8 @@ pre {
   border: none;
   color: #ece9d7;
 }
-.prettyprint {
-  border: none;
-  text-decoration: none;
+.page-header {
+  border-bottom: none;
 }
 blockquote {
   border-left: 5px solid #45515f;
@@ -4893,13 +4890,6 @@ blockquote.pull-right {
   background-color: #5a6a7d;
   background-image: none;
 }
-.dropdown .caret {
-  margin-top: 14px;
-  opacity: 1;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  border-top: 6px solid #5a6a7d;
-}
 div.subnav {
   background-color: #45515f;
   background-image: none;
@@ -4960,30 +4950,120 @@ div.subnav .nav > .active > a .caret,
 div.subnav .nav > .active > a:hover .caret {
   border-top-color: #ece9d7;
 }
-@media (max-width: 768px) {
-  div.subnav .nav > li:first-child > a,
-  div.subnav .nav > li:first-child > a:hover,
-  div.subnav .nav > li.active:first-child > a,
-  div.subnav .nav > li.active:first-child > a:hover {
-    -webkit-border-radius: 4px 4px 0 0;
-    -moz-border-radius: 4px 4px 0 0;
-    border-radius: 4px 4px 0 0;
-  }
-  div.subnav .nav > li:last-child > a,
-  div.subnav .nav > li:last-child > a:hover,
-  div.subnav .nav > li.active:last-child > a,
-  div.subnav .nav > li.active:last-child > a:hover {
-    -webkit-border-radius: 0 0 4px 4px;
-    -moz-border-radius: 0 0 4px 4px;
-    border-radius: 0 0 4px 4px;
-  }
+.nav .nav-header {
+  color: #ece9d7;
+  text-shadow: none;
 }
-.table,
-.table-striped tbody > tr > td:first-child,
-.table-striped tbody > tr > td:last-child {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+.nav-list {
+  padding: 0 15px;
+}
+.nav-list > li > a,
+.nav-list .nav-header {
+  text-shadow: none;
+  color: #ece9d7;
+}
+.nav-list .active > a,
+.nav-list .active > a:hover {
+  text-shadow: none;
+  color: #ffffff;
+}
+.nav-list li > a:hover {
+  background-color: #5a6a7d;
+}
+.nav-tabs,
+.nav-tabs.nav-stacked > li > a {
+  border-color: transparent;
+}
+.nav-tabs > li > a {
+  background-color: #45515f;
+  color: #ece9d7;
+}
+.nav-tabs li.active > a,
+.nav-tabs li.active > a:hover,
+.nav-tabs.nav-stacked > li.active > a:hover {
+  color: #ffffff;
+  background-color: #e36b23;
+  border-color: transparent;
+}
+.nav-tabs li > a:hover,
+.nav-tabs.nav-stacked > li > a:hover {
+  background-color: #5a6a7d;
+  border-color: transparent;
+}
+.nav-pills > li > a {
+  color: #ece9d7;
+  background-color: #45515f;
+}
+.nav-pills > li:hover > a {
+  background-color: #5a6a7d;
+  border-color: transparent;
+}
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > .open.active > a:hover {
+  background-color: #5a6a7d;
+  border-color: transparent;
+}
+.nav-pills .dropdown .caret,
+.nav-pills .dropdown:hover .caret {
+  border-top-color: #ece9d7;
+}
+.dropdown.open .dropdown-menu > li > a:hover,
+.dropdown.open .dropdown-menu > li.active > a:hover {
+  background-color: #e36b23;
+  color: #ffffff;
+}
+.tabbable .nav-tabs,
+.tabbable .nav-tabs > li.active > a,
+.tabbable .nav-tabs > li > a:hover,
+.tabbable .nav-tabs > li.active > a:hover {
+  border-color: transparent;
+}
+.breadcrumb {
+  background-color: #45515f;
+  background-image: none;
+  border: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.breadcrumb li {
+  text-shadow: none;
+}
+.breadcrumb .divider {
+  color: #ece9d7;
+}
+.pagination ul {
+  background-image: none;
+  border-color: transparent;
+}
+.pagination li > a {
+  border: none;
+  color: #ece9d7;
+}
+.pagination li.active > a,
+.pagination li.active > a:hover {
+  background-color: #e36b23;
+  color: #ffffff;
+}
+.pagination li > a:hover {
+  background: #5a6a7d;
+}
+.pagination li.disabled > a,
+.pagination li.disabled > a:hover {
+  background: #3a4450;
+}
+.pager a {
+  color: #ece9d7;
+  background-color: #45515f;
+  border-color: transparent;
+}
+.pager a:hover {
+  background: #5a6a7d;
+}
+.pager .disabled a,
+.pager .disabled a:hover {
+  background-color: #45515f;
 }
 .btn,
 .btn:hover {
@@ -5099,120 +5179,12 @@ div.subnav .nav > .active > a:hover .caret {
 [class*=" icon-"] {
   vertical-align: -13%;
 }
-.nav .nav-header {
-  color: #ece9d7;
-  text-shadow: none;
-}
-.nav-list {
-  padding: 0 15px;
-}
-.nav-list > li > a,
-.nav-list .nav-header {
-  text-shadow: none;
-  color: #ece9d7;
-}
-.nav-list .active > a,
-.nav-list .active > a:hover {
-  text-shadow: none;
-  color: #ffffff;
-}
-.nav-list li > a:hover {
-  background-color: #5a6a7d;
-}
-.nav-tabs,
-.nav-tabs.nav-stacked > li > a {
-  border-color: transparent;
-}
-.nav-tabs > li > a {
-  background-color: #45515f;
-  color: #ece9d7;
-}
-.nav-tabs li.active > a,
-.nav-tabs li.active > a:hover,
-.nav-tabs.nav-stacked > li.active > a:hover {
-  color: #ffffff;
-  background-color: #e36b23;
-  border-color: transparent;
-}
-.nav-tabs li > a:hover,
-.nav-tabs.nav-stacked > li > a:hover {
-  background-color: #5a6a7d;
-  border-color: transparent;
-}
-.nav-pills > li > a {
-  color: #ece9d7;
-  background-color: #45515f;
-}
-.nav-pills > li:hover > a {
-  background-color: #5a6a7d;
-  border-color: transparent;
-}
-.nav-tabs .open .dropdown-toggle,
-.nav-pills .open .dropdown-toggle,
-.nav > .open.active > a:hover {
-  background-color: #5a6a7d;
-  border-color: transparent;
-}
-.nav-pills .dropdown .caret,
-.nav-pills .dropdown:hover .caret {
-  border-top-color: #ece9d7;
-}
-.dropdown.open .dropdown-menu > li > a:hover,
-.dropdown.open .dropdown-menu > li.active > a:hover {
-  background-color: #e36b23;
-  color: #ffffff;
-}
-.tabbable .nav-tabs,
-.tabbable .nav-tabs > li.active > a,
-.tabbable .nav-tabs > li > a:hover,
-.tabbable .nav-tabs > li.active > a:hover {
-  border-color: transparent;
-}
-.breadcrumb {
-  background-color: #45515f;
-  background-image: none;
-  border: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-.breadcrumb li {
-  text-shadow: none;
-}
-.breadcrumb .divider {
-  color: #ece9d7;
-}
-.pagination ul {
-  background-image: none;
-  border-color: transparent;
-}
-.pagination li > a {
-  border: none;
-  color: #ece9d7;
-}
-.pagination li.active > a,
-.pagination li.active > a:hover {
-  background-color: #e36b23;
-  color: #ffffff;
-}
-.pagination li > a:hover {
-  background: #5a6a7d;
-}
-.pagination li.disabled > a,
-.pagination li.disabled > a:hover {
-  background: #3a4450;
-}
-.pager a {
-  color: #ece9d7;
-  background-color: #45515f;
-  border-color: transparent;
-}
-.pager a:hover {
-  background: #5a6a7d;
-}
-.pager .disabled a,
-.pager .disabled a:hover {
-  background-color: #45515f;
+.table,
+.table-striped tbody > tr > td:first-child,
+.table-striped tbody > tr > td:last-child {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
 }
 input,
 button,
@@ -5222,6 +5194,9 @@ textarea {
 }
 legend {
   border-bottom: none;
+  font-family: 'Oswald', sans-serif;
+  color: #e36b23;
+  text-shadow: -2px 2px 0 #612c0c;
 }
 label {
   color: #ece9d7;
@@ -5336,30 +5311,50 @@ label {
 .input-prepend .btn {
   color: #2a333c;
 }
-.modal {
-  background-color: transparent;
+.dropdown .caret {
+  margin-top: 14px;
+  opacity: 1;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid #5a6a7d;
 }
-.modal-header,
-.modal-body,
-.modal-footer {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  background-color: #2a333c;
+.label {
+  background-color: #45515f;
+  color: #ece9d7;
+}
+.label-important {
+  background-color: #b94a48;
+}
+.label-warning {
+  background-color: #e36b23;
+}
+.label-success {
+  background-color: #468847;
+}
+.label-info {
+  background-color: #3a87ad;
+}
+.alert {
+  background-color: #45515f;
   border: none;
+  color: #ece9d7;
+  text-shadow: none;
 }
-.modal-header {
-  -webkit-border-radius: 4px 4px 0 0;
-  -moz-border-radius: 4px 4px 0 0;
-  border-radius: 4px 4px 0 0;
+.alert a {
+  color: #ea9059;
 }
-.modal-footer {
-  -webkit-border-radius: 0 0 4px 4px;
-  -moz-border-radius: 0 0 4px 4px;
-  border-radius: 0 0 4px 4px;
+.alert .alert-heading {
+  color: #e36b23;
 }
-.page-header {
-  border-bottom: none;
+.alert-success {
+  background-color: #468847;
+}
+.alert-danger,
+.alert-error {
+  background-color: #b94a48;
+}
+.alert-info {
+  background-color: #3a87ad;
 }
 .well,
 .hero-unit {
@@ -5391,43 +5386,45 @@ label {
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
-.label {
-  background-color: #45515f;
-  color: #ece9d7;
-}
-.label-important {
-  background-color: #b94a48;
-}
-.label-warning {
-  background-color: #e36b23;
-}
-.label-success {
-  background-color: #468847;
-}
-.label-info {
-  background-color: #3a87ad;
+.modal {
+  background-color: transparent;
 }
-.alert {
-  background-color: #45515f;
+.modal-header,
+.modal-body,
+.modal-footer {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  background-color: #2a333c;
   border: none;
-  color: #ece9d7;
-  text-shadow: none;
 }
-.alert a {
-  color: #ea9059;
-}
-.alert .alert-heading {
-  color: #e36b23;
-}
-.alert-success {
-  background-color: #468847;
+.modal-header {
+  -webkit-border-radius: 4px 4px 0 0;
+  -moz-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
 }
-.alert-danger,
-.alert-error {
-  background-color: #b94a48;
+.modal-footer {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
 }
-.alert-info {
-  background-color: #3a87ad;
+@media (max-width: 768px) {
+  div.subnav .nav > li:first-child > a,
+  div.subnav .nav > li:first-child > a:hover,
+  div.subnav .nav > li.active:first-child > a,
+  div.subnav .nav > li.active:first-child > a:hover {
+    -webkit-border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    border-radius: 4px 4px 0 0;
+  }
+  div.subnav .nav > li:last-child > a,
+  div.subnav .nav > li:last-child > a:hover,
+  div.subnav .nav > li.active:last-child > a,
+  div.subnav .nav > li.active:last-child > a:hover {
+    -webkit-border-radius: 0 0 4px 4px;
+    -moz-border-radius: 0 0 4px 4px;
+    border-radius: 0 0 4px 4px;
+  }
 }
 .pull-right {
   float: right;
diff --git a/superhero/bootstrap.min.css b/superhero/bootstrap.min.css
index fbc27bcd..0a3bc22c 100644
--- a/superhero/bootstrap.min.css
+++ b/superhero/bootstrap.min.css
@@ -802,11 +802,11 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
 .show{display:block;}
 .invisible{visibility:hidden;}
 .affix{position:fixed;}
-h6,legend,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:'Oswald',sans-serif;color:#e36b23;text-shadow:-1px 1px 0 #612c0c;}
-h1,h2,legend{text-shadow:-2px 2px 0 #612c0c;}
+h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h6{font-family:'Oswald',sans-serif;color:#e36b23;text-shadow:-1px 1px 0 #612c0c;}
+h1,h2{text-shadow:-2px 2px 0 #612c0c;}
 h1{line-height:55px;}
 code,pre{background-color:#566577;border:none;color:#ece9d7;}
-.prettyprint{border:none;text-decoration:none;}
+.page-header{border-bottom:none;}
 blockquote{border-left:5px solid #45515f;}
 blockquote.pull-right{border-right:5px solid #45515f;}
 .navbar .navbar-inner{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-image:none;}
@@ -827,7 +827,6 @@ blockquote.pull-right{border-right:5px solid #45515f;}
 .navbar .nav-collapse.collapse{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .nav-collapse.collapse .navbar-form,.navbar .nav-collapse.collapse .navbar-search{border-top:none;border-bottom:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 .navbar .nav-collapse.collapse .nav-header{color:#ece9d7;}
 .navbar .nav-collapse.collapse .nav li>a{color:#e36b23;}.navbar .nav-collapse.collapse .nav li>a:hover{background-color:#5a6a7d;background-image:none;}
-.dropdown .caret{margin-top:14px;opacity:1;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #5a6a7d;}
 div.subnav{background-color:#45515f;background-image:none;border:none;}div.subnav .nav>li>a,div.subnav .nav>li.active>a{border-left:none;border-right:none;color:#ece9d7;}
 div.subnav .nav>li>a:hover,div.subnav .nav>li.active>a:hover{background-color:#5a6a7d;}
 div.subnav .nav>li+li>a{border-top:0px solid transparent;}
@@ -836,25 +835,6 @@ div.subnav .nav>li.active>a,div.subnav .nav>li.active>a:hover{color:#ffffff;back
 div.subnav.subnav-fixed{top:70px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}div.subnav.subnav-fixed .nav>li>a,div.subnav.subnav-fixed .nav>li.active>a,div.subnav.subnav-fixed .nav>li>a:hover,div.subnav.subnav-fixed .nav>li.active>a:hover{border-color:transparent;padding-left:12px;padding-right:12px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 div.subnav.subnav-fixed .nav>li>a:hover,div.subnav.subnav-fixed .nav>li.active>a:hover{color:#ffffff;}
 div.subnav .nav>.active>a .caret,div.subnav .nav>.active>a:hover .caret{border-top-color:#ece9d7;}
-@media (max-width:768px){div.subnav .nav>li:first-child>a,div.subnav .nav>li:first-child>a:hover,div.subnav .nav>li.active:first-child>a,div.subnav .nav>li.active:first-child>a:hover{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} div.subnav .nav>li:last-child>a,div.subnav .nav>li:last-child>a:hover,div.subnav .nav>li.active:last-child>a,div.subnav .nav>li.active:last-child>a:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}}.table,.table-striped tbody>tr>td:first-child,.table-striped tbody>tr>td:last-child{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.btn,.btn:hover{text-shadow:none;background-image:none;-webkit-box-shadow:-2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:-2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:-2px 2px 0 rgba(0, 0, 0, 0.2);border:none;}
-.btn-warning{background-color:#e6c92e;}
-.btn-primary,.btn-primary:hover{-webkit-box-shadow:-2px 2px 0 #612c0c;-moz-box-shadow:-2px 2px 0 #612c0c;box-shadow:-2px 2px 0 #612c0c;}
-.btn-warning,.btn-warning:hover{-webkit-box-shadow:-2px 2px 0 #6e5f0d;-moz-box-shadow:-2px 2px 0 #6e5f0d;box-shadow:-2px 2px 0 #6e5f0d;}
-.btn-danger,.btn-danger:hover{-webkit-box-shadow:-2px 2px 0 #9f1411;-moz-box-shadow:-2px 2px 0 #9f1411;box-shadow:-2px 2px 0 #9f1411;}
-.btn-success,.btn-success:hover{-webkit-box-shadow:-2px 2px 0 #276627;-moz-box-shadow:-2px 2px 0 #276627;box-shadow:-2px 2px 0 #276627;}
-.btn-info,.btn-info:hover{-webkit-box-shadow:-2px 2px 0 #124a5b;-moz-box-shadow:-2px 2px 0 #124a5b;box-shadow:-2px 2px 0 #124a5b;}
-.btn-inverse,.btn-inverse:hover{-webkit-box-shadow:-2px 2px 0 #121212;-moz-box-shadow:-2px 2px 0 #121212;box-shadow:-2px 2px 0 #121212;}
-.btn.dropdown-toggle,.btn.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #333333;-moz-box-shadow:0 2px 0 #333333;box-shadow:0 2px 0 #333333;}
-.btn-primary.dropdown-toggle,.btn-primary.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #612c0c;-moz-box-shadow:0 2px 0 #612c0c;box-shadow:0 2px 0 #612c0c;}
-.btn-warning.dropdown-toggle,.btn-warning.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #6e5f0d;-moz-box-shadow:0 2px 0 #6e5f0d;box-shadow:0 2px 0 #6e5f0d;}
-.btn-danger.dropdown-toggle,.btn-danger.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #9f1411;-moz-box-shadow:0 2px 0 #9f1411;box-shadow:0 2px 0 #9f1411;}
-.btn-success.dropdown-toggle,.btn-success.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #276627;-moz-box-shadow:0 2px 0 #276627;box-shadow:0 2px 0 #276627;}
-.btn-info.dropdown-toggle,.btn-info.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #124a5b;-moz-box-shadow:0 2px 0 #124a5b;box-shadow:0 2px 0 #124a5b;}
-.btn-inverse.dropdown-toggle,.btn-inverse.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #121212;-moz-box-shadow:0 2px 0 #121212;box-shadow:0 2px 0 #121212;}
-.btn.active,.btn:active{position:relative;top:1px;left:-1px;-webkit-box-shadow:-1px 1px 0 #333333;-moz-box-shadow:-1px 1px 0 #333333;box-shadow:-1px 1px 0 #333333;}
-.btn.disabled,.btn.disabled.active,.btn.disabled:active,.btn[disabled]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;top:0;left:0;}
-[class^="icon-"],[class*=" icon-"]{vertical-align:-13%;}
 .nav .nav-header{color:#ece9d7;text-shadow:none;}
 .nav-list{padding:0 15px;}
 .nav-list>li>a,.nav-list .nav-header{text-shadow:none;color:#ece9d7;}
@@ -879,8 +859,27 @@ div.subnav .nav>.active>a .caret,div.subnav .nav>.active>a:hover .caret{border-t
 .pagination li.disabled>a,.pagination li.disabled>a:hover{background:#3a4450;}
 .pager a{color:#ece9d7;background-color:#45515f;border-color:transparent;}.pager a:hover{background:#5a6a7d;}
 .pager .disabled a,.pager .disabled a:hover{background-color:#45515f;}
+.btn,.btn:hover{text-shadow:none;background-image:none;-webkit-box-shadow:-2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:-2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:-2px 2px 0 rgba(0, 0, 0, 0.2);border:none;}
+.btn-warning{background-color:#e6c92e;}
+.btn-primary,.btn-primary:hover{-webkit-box-shadow:-2px 2px 0 #612c0c;-moz-box-shadow:-2px 2px 0 #612c0c;box-shadow:-2px 2px 0 #612c0c;}
+.btn-warning,.btn-warning:hover{-webkit-box-shadow:-2px 2px 0 #6e5f0d;-moz-box-shadow:-2px 2px 0 #6e5f0d;box-shadow:-2px 2px 0 #6e5f0d;}
+.btn-danger,.btn-danger:hover{-webkit-box-shadow:-2px 2px 0 #9f1411;-moz-box-shadow:-2px 2px 0 #9f1411;box-shadow:-2px 2px 0 #9f1411;}
+.btn-success,.btn-success:hover{-webkit-box-shadow:-2px 2px 0 #276627;-moz-box-shadow:-2px 2px 0 #276627;box-shadow:-2px 2px 0 #276627;}
+.btn-info,.btn-info:hover{-webkit-box-shadow:-2px 2px 0 #124a5b;-moz-box-shadow:-2px 2px 0 #124a5b;box-shadow:-2px 2px 0 #124a5b;}
+.btn-inverse,.btn-inverse:hover{-webkit-box-shadow:-2px 2px 0 #121212;-moz-box-shadow:-2px 2px 0 #121212;box-shadow:-2px 2px 0 #121212;}
+.btn.dropdown-toggle,.btn.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #333333;-moz-box-shadow:0 2px 0 #333333;box-shadow:0 2px 0 #333333;}
+.btn-primary.dropdown-toggle,.btn-primary.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #612c0c;-moz-box-shadow:0 2px 0 #612c0c;box-shadow:0 2px 0 #612c0c;}
+.btn-warning.dropdown-toggle,.btn-warning.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #6e5f0d;-moz-box-shadow:0 2px 0 #6e5f0d;box-shadow:0 2px 0 #6e5f0d;}
+.btn-danger.dropdown-toggle,.btn-danger.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #9f1411;-moz-box-shadow:0 2px 0 #9f1411;box-shadow:0 2px 0 #9f1411;}
+.btn-success.dropdown-toggle,.btn-success.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #276627;-moz-box-shadow:0 2px 0 #276627;box-shadow:0 2px 0 #276627;}
+.btn-info.dropdown-toggle,.btn-info.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #124a5b;-moz-box-shadow:0 2px 0 #124a5b;box-shadow:0 2px 0 #124a5b;}
+.btn-inverse.dropdown-toggle,.btn-inverse.dropdown-toggle:hover{-webkit-box-shadow:0 2px 0 #121212;-moz-box-shadow:0 2px 0 #121212;box-shadow:0 2px 0 #121212;}
+.btn.active,.btn:active{position:relative;top:1px;left:-1px;-webkit-box-shadow:-1px 1px 0 #333333;-moz-box-shadow:-1px 1px 0 #333333;box-shadow:-1px 1px 0 #333333;}
+.btn.disabled,.btn.disabled.active,.btn.disabled:active,.btn[disabled]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;top:0;left:0;}
+[class^="icon-"],[class*=" icon-"]{vertical-align:-13%;}
+.table,.table-striped tbody>tr>td:first-child,.table-striped tbody>tr>td:last-child{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 input,button,select,textarea{font-family:'Noticia Text',serif;}
-legend{border-bottom:none;}
+legend{border-bottom:none;font-family:'Oswald',sans-serif;color:#e36b23;text-shadow:-2px 2px 0 #612c0c;}
 label{color:#ece9d7;line-height:15px;}
 .help-block{color:#ece9d7;opacity:0.6;}
 .form-actions{border-top:none;}
@@ -894,15 +893,7 @@ label{color:#ece9d7;line-height:15px;}
 .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#58a959;border-color:#58a959;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.success .checkbox:focus,.control-group.success .radio:focus,.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #9bcc9c;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #9bcc9c;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #9bcc9c;}
 .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#58a959;background-color:#dff0d8;border-color:#58a959;}
 .input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn{color:#2a333c;}
-.modal{background-color:transparent;}
-.modal-header,.modal-body,.modal-footer{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#2a333c;border:none;}
-.modal-header{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
-.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
-.page-header{border-bottom:none;}
-.well,.hero-unit{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-.hero-unit h1{color:#e36b23;line-height:2em;}
-.progress{background-color:#20262d;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.progress .bar{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-.thumbnail{border:none;background:#45515f;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.dropdown .caret{margin-top:14px;opacity:1;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #5a6a7d;}
 .label{background-color:#45515f;color:#ece9d7;}
 .label-important{background-color:#b94a48;}
 .label-warning{background-color:#e36b23;}
@@ -913,7 +904,14 @@ label{color:#ece9d7;line-height:15px;}
 .alert-success{background-color:#468847;}
 .alert-danger,.alert-error{background-color:#b94a48;}
 .alert-info{background-color:#3a87ad;}
-.pull-right{float:right;}
+.well,.hero-unit{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.hero-unit h1{color:#e36b23;line-height:2em;}
+.progress{background-color:#20262d;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.progress .bar{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.thumbnail{border:none;background:#45515f;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.modal{background-color:transparent;}.modal-header,.modal-body,.modal-footer{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#2a333c;border:none;}
+.modal-header{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
+.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
+@media (max-width:768px){div.subnav .nav>li:first-child>a,div.subnav .nav>li:first-child>a:hover,div.subnav .nav>li.active:first-child>a,div.subnav .nav>li.active:first-child>a:hover{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} div.subnav .nav>li:last-child>a,div.subnav .nav>li:last-child>a:hover,div.subnav .nav>li.active:last-child>a,div.subnav .nav>li.active:last-child>a:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}}.pull-right{float:right;}
 .pull-left{float:left;}
 .hide{display:none;}
 .show{display:block;}
diff --git a/superhero/bootswatch.less b/superhero/bootswatch.less
index c42f0409..077e0415 100755
--- a/superhero/bootswatch.less
+++ b/superhero/bootswatch.less
@@ -9,14 +9,13 @@
 @import url(https://fonts.googleapis.com/css?family=Oswald);
 @import url(https://fonts.googleapis.com/css?family=Noticia+Text);
 
-h6, legend,
-h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h6 {
 	font-family: @headingsFontFamily;
 	color: @orange;
 	text-shadow: -1px 1px 0 darken(@orange, 30%);
 }
 
-h1, h2, legend {
+h1, h2 {
 	text-shadow: -2px 2px 0 darken(@orange, 30%);
 }
 
@@ -24,18 +23,17 @@ h1 {
 	line-height: 55px;
 }
 
-// SCAFFOLDING
-// --------------------------------------------------
-
 code, pre {
 	background-color: lighten(@blue, 8%);
 	border: none;
 	color: @textColor;
 }
 
-.prettyprint {
-	border: none;
-	text-decoration: none;
+// SCAFFOLDING
+// --------------------------------------------------
+
+.page-header {
+	border-bottom: none;
 }
 
 blockquote {
@@ -168,14 +166,6 @@ blockquote.pull-right {
 	}
 }
 
-.dropdown .caret {
-	margin-top: 14px;
-	opacity: 1;
-	border-left: 6px solid transparent;
-	border-right: 6px solid transparent;
-	border-top: 6px solid lighten(@blue, 10%);
-}
-
 div.subnav {
 	background-color: @blue;
 	background-image: none;
@@ -238,121 +228,6 @@ div.subnav {
 	}
 }
 
-@media (max-width: 768px) {
-	div.subnav .nav > li:first-child > a,
-	div.subnav .nav > li:first-child > a:hover,
-	div.subnav .nav > li.active:first-child > a,
-	div.subnav .nav > li.active:first-child > a:hover {
-		.border-radius(4px 4px 0 0);
-	}
-
-	div.subnav .nav > li:last-child > a,
-	div.subnav .nav > li:last-child > a:hover,
-	div.subnav .nav > li.active:last-child > a,
-	div.subnav .nav > li.active:last-child > a:hover {
-		.border-radius(0 0 4px 4px);
-	}
-
-}
-
-// TABLES
-// -----------------------------------------------------
-
-.table,
-.table-striped tbody > tr > td:first-child,
-.table-striped tbody > tr > td:last-child, {
-	.border-radius(4px);
-}
-
-// BUTTONS
-// --------------------------------------------------
-
-.btn,
-.btn:hover {
-	text-shadow: none;
-	background-image: none;
-	.box-shadow(-2px 2px 0 rgba(0, 0, 0, 0.2));
-	border: none;
-}
-
-.btn-warning {
-	background-color: @yellow;
-}
-
-.btn-primary, .btn-primary:hover {
-	.box-shadow(-2px 2px 0 darken(@btnPrimaryBackground, 30%));
-}
-
-.btn-warning, .btn-warning:hover {
-	.box-shadow(-2px 2px 0 darken(@yellow, 30%));
-}
-
-.btn-danger, .btn-danger:hover {
-	.box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
-}
-
-.btn-success, .btn-success:hover {
-	.box-shadow(-2px 2px 0 darken(#62c462, 30%));
-}
-
-.btn-info, .btn-info:hover {
-	.box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
-}
-
-.btn-inverse, .btn-inverse:hover {
-	.box-shadow(-2px 2px 0 darken(#454545, 20%));
-}
-
-.btn.dropdown-toggle, .btn.dropdown-toggle:hover {
-	.box-shadow(0 2px 0 darken(@white, 80%));
-}
-
-.btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
-	.box-shadow(0 2px 0 darken(@btnPrimaryBackground, 30%));
-}
-
-.btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
-	.box-shadow(0 2px 0 darken(@yellow, 30%));
-}
-
-.btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
-	.box-shadow(0 2px 0 darken(#ee5f5b, 30%));
-}
-
-.btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
-	.box-shadow(0 2px 0 darken(#62c462, 30%));
-}
-
-.btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
-	.box-shadow(0 2px 0 darken(#5bc0de, 40%));
-}
-
-.btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
-	.box-shadow(0 2px 0 darken(#454545, 20%));
-}
-
-.btn.active,
-.btn:active {
-	position: relative;
-	top: 1px;
-	left: -1px;
-	.box-shadow(-1px 1px 0 darken(@white, 80%))
-}
-
-.btn.disabled,
-.btn.disabled.active,
-.btn.disabled:active,
-.btn[disabled] {
-	.box-shadow(none);
-	text-shadow: none;
-	top: 0;
-	left: 0;
-}
-
-[class^="icon-"], [class*=" icon-"] {
-	vertical-align: -13%;
-}
-
 // NAVIGATION
 // --------------------------------------------------
 
@@ -500,6 +375,104 @@ div.subnav {
 	}
 }
 
+// BUTTONS
+// --------------------------------------------------
+
+.btn,
+.btn:hover {
+	text-shadow: none;
+	background-image: none;
+	.box-shadow(-2px 2px 0 rgba(0, 0, 0, 0.2));
+	border: none;
+}
+
+.btn-warning {
+	background-color: @yellow;
+}
+
+.btn-primary, .btn-primary:hover {
+	.box-shadow(-2px 2px 0 darken(@btnPrimaryBackground, 30%));
+}
+
+.btn-warning, .btn-warning:hover {
+	.box-shadow(-2px 2px 0 darken(@yellow, 30%));
+}
+
+.btn-danger, .btn-danger:hover {
+	.box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
+}
+
+.btn-success, .btn-success:hover {
+	.box-shadow(-2px 2px 0 darken(#62c462, 30%));
+}
+
+.btn-info, .btn-info:hover {
+	.box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
+}
+
+.btn-inverse, .btn-inverse:hover {
+	.box-shadow(-2px 2px 0 darken(#454545, 20%));
+}
+
+.btn.dropdown-toggle, .btn.dropdown-toggle:hover {
+	.box-shadow(0 2px 0 darken(@white, 80%));
+}
+
+.btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
+	.box-shadow(0 2px 0 darken(@btnPrimaryBackground, 30%));
+}
+
+.btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
+	.box-shadow(0 2px 0 darken(@yellow, 30%));
+}
+
+.btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
+	.box-shadow(0 2px 0 darken(#ee5f5b, 30%));
+}
+
+.btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
+	.box-shadow(0 2px 0 darken(#62c462, 30%));
+}
+
+.btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
+	.box-shadow(0 2px 0 darken(#5bc0de, 40%));
+}
+
+.btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
+	.box-shadow(0 2px 0 darken(#454545, 20%));
+}
+
+.btn.active,
+.btn:active {
+	position: relative;
+	top: 1px;
+	left: -1px;
+	.box-shadow(-1px 1px 0 darken(@white, 80%))
+}
+
+.btn.disabled,
+.btn.disabled.active,
+.btn.disabled:active,
+.btn[disabled] {
+	.box-shadow(none);
+	text-shadow: none;
+	top: 0;
+	left: 0;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+	vertical-align: -13%;
+}
+
+// TABLES
+// -----------------------------------------------------
+
+.table,
+.table-striped tbody > tr > td:first-child,
+.table-striped tbody > tr > td:last-child, {
+	.border-radius(4px);
+}
+
 // FORMS
 // --------------------------------------------------
 
@@ -509,6 +482,9 @@ input, button, select, textarea {
 
 legend {
 	border-bottom: none;
+	font-family: @headingsFontFamily;
+	color: @orange;
+	text-shadow: -2px 2px 0 darken(@orange, 30%);
 }
 
 label {
@@ -544,62 +520,20 @@ label {
 	color: @bodyBackground;
 }
 
-// MODALS
+// DROPDOWNS
 // --------------------------------------------------
 
-.modal {
-	background-color: transparent;
-}
-
-.modal-header,
-.modal-body,
-.modal-footer {
-	.box-shadow(none);
-	background-color: @bodyBackground;
-	border: none;
-}
-
-.modal-header {
-	.border-radius(4px 4px 0 0);
-}
-
-.modal-footer {
-	.border-radius(0 0 4px 4px);
+.dropdown .caret {
+	margin-top: 14px;
+	opacity: 1;
+	border-left: 6px solid transparent;
+	border-right: 6px solid transparent;
+	border-top: 6px solid lighten(@blue, 10%);
 }
 
-// MISCELLANEOUS
+// ALERTS, LABELS, BADGES
 // --------------------------------------------------
 
-.page-header {
-	border-bottom: none;
-}
-
-.well, .hero-unit {
-	border: none;
-	.box-shadow(none);
-}
-
-.hero-unit h1 {
-	color: @orange;
-	line-height: 2em;
-}
-
-.progress {
-	background-color: darken(@blueDark, 5%);
-	background-image: none;
-	.box-shadow(none);
-
-	.bar {
-		.box-shadow(none);
-	}
-}
-
-.thumbnail {
-	border: none;
-	background: @blue;
-	.border-radius(3px);
-}
-
 .label {
 	background-color: @blue;
   	color: @textColor;
@@ -649,3 +583,77 @@ label {
   background-color: @infoText;
 }
 
+// MISC
+// --------------------------------------------------
+
+.well, .hero-unit {
+	border: none;
+	.box-shadow(none);
+}
+
+.hero-unit h1 {
+	color: @orange;
+	line-height: 2em;
+}
+
+.progress {
+	background-color: darken(@blueDark, 5%);
+	background-image: none;
+	.box-shadow(none);
+
+	.bar {
+		.box-shadow(none);
+	}
+}
+
+.thumbnail {
+	border: none;
+	background: @blue;
+	.border-radius(3px);
+}
+
+.modal {
+	background-color: transparent;
+
+	&-header,
+	&-body,
+	&-footer {
+		.box-shadow(none);
+		background-color: @bodyBackground;
+		border: none;
+	}
+
+	&-header {
+		.border-radius(4px 4px 0 0);
+	}
+
+	&-footer {
+		.border-radius(0 0 4px 4px);
+	}
+}
+
+// MEDIA QUERIES
+// --------------------------------------------------
+
+@media (max-width: 768px) {
+
+	div.subnav {
+
+		.nav > li {
+
+			&:first-child > a,
+			&:first-child > a:hover,
+			&.active:first-child > a,
+			&.active:first-child > a:hover {
+				.border-radius(4px 4px 0 0);
+			}
+
+			&:last-child > a,
+			&:last-child > a:hover,
+			&.active:last-child > a,
+			&.active:last-child > a:hover {
+				.border-radius(0 0 4px 4px);
+			}
+		}
+	}
+}