// Typography.less
 // Headings, body text, lists, code, and more for a versatile and durable typography system
 // ----------------------------------------------------------------------------------------
 
 
 // BODY TEXT
 // ---------
 
 p {
   margin: 0 0 @baseLineHeight / 2;
   font-family: @baseFontFamily;
   font-size: @baseFontSize;
   line-height: @baseLineHeight;
   small {
     font-size: @baseFontSize - 2;
     color: @grayLight;
   }
 }
 .lead {
   margin-bottom: @baseLineHeight;
   font-size: 20pt;
   font-weight: 200;
   line-height: @baseLineHeight * 1.5;
 }
 
 // HEADINGS
 // --------
 
 h1, h2, h3, h4, h5, h6 {
   margin: 0;
   font-family: @headingsFontFamily;
   font-weight: @headingsFontWeight;
   color: @headingsColor;
   text-rendering: optimizelegibility; // Fix the character spacing for headings
   small {
     font-weight: normal;
     color: @grayLight;
   }
 }
 h1 {
   font-size: 30pt;
   line-height: @baseLineHeight * 2;
   small {
     font-size: 18pt;
   }
 }
 h2 {
   font-size: 24pt;
   line-height: @baseLineHeight * 2;
   small {
     font-size: 18pt;
   }
 }
 h3 {
   font-size: 18pt;
   line-height: @baseLineHeight * 1.5;
   small {
     font-size: 14pt;
   }
 }
 h4, h5, h6 {
   line-height: @baseLineHeight;
 }
 h4 {
   font-size: 14pt;
   small {
     font-size: 12pt;
   }
 }
 h5 {
   font-size: 12pt;
 }
 h6 {
   font-size: 11pt;
   color: @grayLight;
   text-transform: uppercase;
 }
 
 // Page header
 .page-header {
   padding-bottom: @baseLineHeight - 1;
   margin: @baseLineHeight 0;
   border-bottom: 1pt solid @grayLighter;
 }
 .page-header h1 {
   line-height: 1;
 }
 
 
 
 // LISTS
 // -----
 
 // Unordered and Ordered lists
 ul, ol {
   padding: 0;
   margin: 0 0 @baseLineHeight / 2 25pt;
 }
 ul ul,
 ul ol,
 ol ol,
 ol ul {
   margin-bottom: 0;
 }
 ul {
   list-style: disc;
 }
 ol {
   list-style: decimal;
 }
 li {
   line-height: @baseLineHeight;
 }
 ul.unstyled,
 ol.unstyled {
   margin-left: 0;
   list-style: none;
 }
 
 // Description Lists
 dl {
   margin-bottom: @baseLineHeight;
 }
 dt,
 dd {
   line-height: @baseLineHeight;
 }
 dt {
   font-weight: bold;
   line-height: @baseLineHeight - 1; // fix jank Helvetica Neue font bug
 }
 dd {
   margin-left: @baseLineHeight / 2;
 }
 // Horizontal layout (like forms)
 .dl-horizontal {
   dt {
     float: left;
     width: 120pt;
     clear: left;
     text-align: right;
     .text-overflow();
   }
   dd {
     margin-left: 130pt;
   }
 }
 
 // MISC
 // ----
 
 // Horizontal rules
 hr {
   margin: @baseLineHeight 0;
   border: 0;
   border-top: 1pt solid @hrBorder;
   border-bottom: 1pt solid @white;
 }
 
 // Emphasis
 strong {
   font-weight: bold;
 }
 em {
   font-style: italic;
 }
 .muted {
   color: @grayLight;
 }
 
 // Abbreviations and acronyms
 abbr[title] {
   cursor: help;
   border-bottom: 1pt dotted #ddd;
 }
 abbr.initialism {
   font-size: 90%;
   text-transform: uppercase;
 }
 
 // Blockquotes
 blockquote {
   padding: 0 0 0 15pt;
   margin: 0 0 @baseLineHeight;
   border-left: 5pt solid @grayLighter;
   p {
     margin-bottom: 0;
     #font > .shorthand(16pt,300,@baseLineHeight * 1.25);
   }
   small {
     display: block;
     line-height: @baseLineHeight;
     color: @grayLight;
     &:before {
       content: '\2014 \00A0';
     }
   }
 
   // Float right with text-align: right
   &.pull-right {
     float: right;
     padding-right: 15pt;
     padding-left: 0;
     border-right: 5pt solid @grayLighter;
     border-left: 0;
     p,
     small {
       text-align: right;
     }
   }
 }
 
 // Quotes
 q:before,
 q:after,
 blockquote:before,
 blockquote:after {
   content: "";
 }
 
 // Addresses
 address {
   display: block;
   margin-bottom: @baseLineHeight;
   font-style: normal;
   line-height: @baseLineHeight;
 }
 
 // Misc
 small {
   font-size: 100%;
 }
 cite {
   font-style: normal;
 }