use <main>

scss/framework/structure/_bar.scss

@@ -75,9 +75,9 @@
 
 /* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
    Note: For these to work, content must come after both bars in the markup */
-.bar ~ .content {
+.bar ~ main {
   top: $barHeight;
 }
-.bar ~ .content {
+.bar ~ main {
   bottom: $barHeight;
 }

scss/framework/structure/_base.scss

@@ -21,7 +21,7 @@ a {
 
 ul { margin: 0; padding: 0; }
 
-.content {
+main {
 	position: fixed;
   top: 0;
   right: 0;
@@ -35,7 +35,7 @@ ul { margin: 0; padding: 0; }
 
 /* Hack to force all relatively and absolutely positioned elements still render while scrolling
    Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */
-.content > * {
+main > * {
   -webkit-transform: translateZ(0px);
           transform: translateZ(0px);
 }