Add styling for definition lists

source/stylesheets/screen.css.scss

@@ -154,7 +154,7 @@ html, body {
   background-color: $main-bg;
 
   padding-bottom: 1px; // prevent margin overflow
-  
+
   // The dark box is what gives the code samples their dark background.
   // It sits essentially under the actual content block, which has a
   // transparent background.
@@ -214,7 +214,7 @@ html, body {
   z-index: 30;
 
 
-  &>h1, &>h2, &>h3, &>p, &>table, &>ul, &>ol, &>aside {
+  &>h1, &>h2, &>h3, &>p, &>table, &>ul, &>ol, &>aside, &>dl {
     margin-right: $examples-width;
     padding: 0 $main-padding;
     @include box-sizing(border-box);
@@ -227,7 +227,7 @@ html, body {
   }
 
   // the div is the tocify hidden div for placeholding stuff
-  &>h1, &>h2, &>div { 
+  &>h1, &>h2, &>div {
     clear:both;
   }
 
@@ -313,8 +313,15 @@ html, body {
     }
   }
 
+  dt {
+    font-weight: bold;
+  }
+
+  dd {
+    margin-left: 15px;
+  }
 
-  p, li {
+  p, li, dt, dd {
     line-height: 1.6;
     margin-top: 0;
   }