tufte.css



<!DOCTYPE html>
<html lang="en" class="">
  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#">
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <meta name="viewport" content="width=1020">
    
    
    <title>tufte-css/tufte.css at master · edwardtufte/tufte-css · GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
    <meta property="fb:app_id" content="1401488693436528">

      <meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="edwardtufte/tufte-css" name="twitter:title" /><meta content="tufte-css - Style your webpage like Edward Tufte&#39;s handouts." name="twitter:description" /><meta content="https://avatars3.githubusercontent.com/u/6110597?v=3&amp;s=400" name="twitter:image:src" />
      <meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars3.githubusercontent.com/u/6110597?v=3&amp;s=400" property="og:image" /><meta content="edwardtufte/tufte-css" property="og:title" /><meta content="https://github.com/edwardtufte/tufte-css" property="og:url" /><meta content="tufte-css - Style your webpage like Edward Tufte&#39;s handouts." property="og:description" />
      <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
    <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
    <link rel="assets" href="https://assets-cdn.github.com/">
    
    <meta name="pjax-timeout" content="1000">
    

    <meta name="msapplication-TileImage" content="/windows-tile.png">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="selected-link" value="repo_source" data-pjax-transient>

    <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
    <meta name="google-analytics" content="UA-3769691-2">

<meta content="collector.githubapp.com" name="octolytics-host" /><meta content="collector-cdn.github.com" name="octolytics-script-host" /><meta content="github" name="octolytics-app-id" /><meta content="615E728E:1A09:18BE41F:561446DA" name="octolytics-dimension-request_id" />

<meta content="Rails, view, blob#show" data-pjax-transient="true" name="analytics-event" />


  <meta class="js-ga-set" name="dimension1" content="Logged Out">
    <meta class="js-ga-set" name="dimension4" content="Current repo nav">


    <meta name="is-dotcom" content="true">
        <meta name="hostname" content="github.com">
    <meta name="user-login" content="">

      <link rel="mask-icon" href="https://assets-cdn.github.com/pinned-octocat.svg" color="#4078c0">
      <link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">

      <!-- </textarea> --><!-- '"` --><meta content="authenticity_token" name="csrf-param" />
<meta content="+xEtP9K+LgImNLvWX7RjnJ2y1b71z6Bms1+8RNvQKS3JzlMXzlNnUkFyImtM/l3KmOXbStPj9ihdVbKhQqvxLw==" name="csrf-token" />
    

    <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github-923625b9d2e4b6f88c21f82fc71af24018eb1a9fbc8fc1151778e54d3c351454.css" media="all" rel="stylesheet" />
    <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github2-9ad3aee49df1512bdaf35b062454a5d482df8542ac4ac78ba548d26d7806d58b.css" media="all" rel="stylesheet" />
    
    
    <meta http-equiv="x-pjax-version" content="19d024c0fced31f28fd27be23478af50">

      
  <meta name="description" content="tufte-css - Style your webpage like Edward Tufte&#39;s handouts.">
  <meta name="go-import" content="github.com/edwardtufte/tufte-css git https://github.com/edwardtufte/tufte-css.git">

  <meta content="6110597" name="octolytics-dimension-user_id" /><meta content="edwardtufte" name="octolytics-dimension-user_login" /><meta content="25253178" name="octolytics-dimension-repository_id" /><meta content="edwardtufte/tufte-css" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="25253178" name="octolytics-dimension-repository_network_root_id" /><meta content="edwardtufte/tufte-css" name="octolytics-dimension-repository_network_root_nwo" />
  <link href="https://github.com/edwardtufte/tufte-css/commits/master.atom" rel="alternate" title="Recent Commits to tufte-css:master" type="application/atom+xml">

  </head>


  <body class="logged_out   env-production  vis-public page-blob">
    <a href="#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>

    
      <div class="header header-logged-out" role="banner">
  <div class="container clearfix">

    <a class="header-logo-wordmark" href="https://github.com/" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
      <span class="mega-octicon octicon-logo-github"></span>
    </a>

    <div class="header-actions" role="navigation">
        <a class="btn btn-primary" href="/join" data-ga-click="(Logged out) Header, clicked Sign up, text:sign-up">Sign up</a>
      <a class="btn" href="/login?return_to=%2Fedwardtufte%2Ftufte-css%2Fblob%2Fmaster%2Ftufte.css" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">Sign in</a>
    </div>

    <div class="site-search repo-scope js-site-search" role="search">
      <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/edwardtufte/tufte-css/search" class="js-site-search-form" data-global-search-url="/search" data-repo-search-url="/edwardtufte/tufte-css/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
  <label class="js-chromeless-input-container form-control">
    <div class="scope-badge">This repository</div>
    <input type="text"
      class="js-site-search-focus js-site-search-field is-clearable chromeless-input"
      data-hotkey="s"
      name="q"
      placeholder="Search"
      aria-label="Search this repository"
      data-global-scope-placeholder="Search GitHub"
      data-repo-scope-placeholder="Search"
      tabindex="1"
      autocapitalize="off">
  </label>
</form>
    </div>

      <ul class="header-nav left" role="navigation">
          <li class="header-nav-item">
            <a class="header-nav-link" href="/explore" data-ga-click="(Logged out) Header, go to explore, text:explore">Explore</a>
          </li>
          <li class="header-nav-item">
            <a class="header-nav-link" href="/features" data-ga-click="(Logged out) Header, go to features, text:features">Features</a>
          </li>
          <li class="header-nav-item">
            <a class="header-nav-link" href="https://enterprise.github.com/" data-ga-click="(Logged out) Header, go to enterprise, text:enterprise">Enterprise</a>
          </li>
          <li class="header-nav-item">
            <a class="header-nav-link" href="/pricing" data-ga-click="(Logged out) Header, go to pricing, text:pricing">Pricing</a>
          </li>
      </ul>

  </div>
</div>


    <div id="start-of-content" class="accessibility-aid"></div>

    <div id="js-flash-container">
</div>


    <div role="main" class="main-content">
        <div itemscope itemtype="http://schema.org/WebPage">
    <div class="pagehead repohead instapaper_ignore readability-menu">

      <div class="container">

        <div class="clearfix">
          

<ul class="pagehead-actions">

  <li>
      <a href="/login?return_to=%2Fedwardtufte%2Ftufte-css"
    class="btn btn-sm btn-with-count tooltipped tooltipped-n"
    aria-label="You must be signed in to watch a repository" rel="nofollow">
    <span class="octicon octicon-eye"></span>
    Watch
  </a>
  <a class="social-count" href="/edwardtufte/tufte-css/watchers">
    54
  </a>

  </li>

  <li>
      <a href="/login?return_to=%2Fedwardtufte%2Ftufte-css"
    class="btn btn-sm btn-with-count tooltipped tooltipped-n"
    aria-label="You must be signed in to star a repository" rel="nofollow">
    <span class="octicon octicon-star"></span>
    Star
  </a>

    <a class="social-count js-social-count" href="/edwardtufte/tufte-css/stargazers">
      1,601
    </a>

  </li>

  <li>
      <a href="/login?return_to=%2Fedwardtufte%2Ftufte-css"
        class="btn btn-sm btn-with-count tooltipped tooltipped-n"
        aria-label="You must be signed in to fork a repository" rel="nofollow">
        <span class="octicon octicon-repo-forked"></span>
        Fork
      </a>

    <a href="/edwardtufte/tufte-css/network" class="social-count">
      83
    </a>
  </li>
</ul>

          <h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public ">
  <span class="mega-octicon octicon-repo"></span>
  <span class="author"><a href="/edwardtufte" class="url fn" itemprop="url" rel="author"><span itemprop="title">edwardtufte</span></a></span><!--
--><span class="path-divider">/</span><!--
--><strong><a href="/edwardtufte/tufte-css" data-pjax="#js-repo-pjax-container">tufte-css</a></strong>

  <span class="page-context-loader">
    <img alt="" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
  </span>

</h1>

        </div>
      </div>
    </div>

    <div class="container">
      <div class="repository-with-sidebar repo-container new-discussion-timeline ">
        <div class="repository-sidebar clearfix">
          
<nav class="sunken-menu repo-nav js-repo-nav js-sidenav-container-pjax js-octicon-loaders"
     role="navigation"
     data-pjax="#js-repo-pjax-container"
     data-issue-count-url="/edwardtufte/tufte-css/issues/counts">
  <ul class="sunken-menu-group">
    <li class="tooltipped tooltipped-w" aria-label="Code">
      <a href="/edwardtufte/tufte-css" aria-label="Code" aria-selected="true" class="js-selected-navigation-item selected sunken-menu-item" data-hotkey="g c" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /edwardtufte/tufte-css">
        <span class="octicon octicon-code"></span> <span class="full-word">Code</span>
        <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>    </li>

      <li class="tooltipped tooltipped-w" aria-label="Issues">
        <a href="/edwardtufte/tufte-css/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /edwardtufte/tufte-css/issues">
          <span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
          <span class="js-issue-replace-counter"></span>
          <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

    <li class="tooltipped tooltipped-w" aria-label="Pull requests">
      <a href="/edwardtufte/tufte-css/pulls" aria-label="Pull requests" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g p" data-selected-links="repo_pulls /edwardtufte/tufte-css/pulls">
          <span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull requests</span>
          <span class="js-pull-replace-counter"></span>
          <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>    </li>

  </ul>
  <div class="sunken-menu-separator"></div>
  <ul class="sunken-menu-group">

    <li class="tooltipped tooltipped-w" aria-label="Pulse">
      <a href="/edwardtufte/tufte-css/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-selected-links="pulse /edwardtufte/tufte-css/pulse">
        <span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
        <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>    </li>

    <li class="tooltipped tooltipped-w" aria-label="Graphs">
      <a href="/edwardtufte/tufte-css/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-selected-links="repo_graphs repo_contributors /edwardtufte/tufte-css/graphs">
        <span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
        <img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a>    </li>
  </ul>


</nav>

            <div class="only-with-full-nav">
                
<div class="js-clone-url clone-url open"
  data-protocol-type="http">
  <h3 class="text-small"><span class="text-emphasized">HTTPS</span> clone URL</h3>
  <div class="input-group js-zeroclipboard-container">
    <input type="text" class="input-mini text-small input-monospace js-url-field js-zeroclipboard-target"
           value="https://github.com/edwardtufte/tufte-css.git" readonly="readonly" aria-label="HTTPS clone URL">
    <span class="input-group-button">
      <button aria-label="Copy to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </span>
  </div>
</div>

  
<div class="js-clone-url clone-url "
  data-protocol-type="subversion">
  <h3 class="text-small"><span class="text-emphasized">Subversion</span> checkout URL</h3>
  <div class="input-group js-zeroclipboard-container">
    <input type="text" class="input-mini text-small input-monospace js-url-field js-zeroclipboard-target"
           value="https://github.com/edwardtufte/tufte-css" readonly="readonly" aria-label="Subversion checkout URL">
    <span class="input-group-button">
      <button aria-label="Copy to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </span>
  </div>
</div>


<div class="clone-options text-small">You can clone with
  <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/users/set_protocol?protocol_selector=http&amp;protocol_type=clone" class="inline-form js-clone-selector-form " data-form-nonce="cd4aa5d140dcc36e993a2ad2605d23f20b27eda5" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="2zYbXVp4l0R7QS5jpZqg3tHdLm+Xk2GS5MBfMThQfXcktgjiiI1/i4rhMPzDCt9cDditqhOATPfAM8kGhhU91A==" /></div><button class="btn-link js-clone-selector" data-protocol="http" type="submit">HTTPS</button></form> or <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/users/set_protocol?protocol_selector=subversion&amp;protocol_type=clone" class="inline-form js-clone-selector-form " data-form-nonce="cd4aa5d140dcc36e993a2ad2605d23f20b27eda5" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="m2smBIZ0JZ1ip02a08BCS3QZvGcIkKByIccR5m3MV+ejyNQBlhGHv8/a+/uWhJwyQNCjbmVGRGXXkL5AMOQm0g==" /></div><button class="btn-link js-clone-selector" data-protocol="subversion" type="submit">Subversion</button></form>.
  <a href="https://help.github.com/articles/which-remote-url-should-i-use" class="help tooltipped tooltipped-n" aria-label="Get help on which URL is right for you.">
    <span class="octicon octicon-question"></span>
  </a>
</div>

              <a href="/edwardtufte/tufte-css/archive/master.zip"
                 class="btn btn-sm sidebar-button"
                 aria-label="Download the contents of edwardtufte/tufte-css as a zip file"
                 title="Download the contents of edwardtufte/tufte-css as a zip file"
                 rel="nofollow">
                <span class="octicon octicon-cloud-download"></span>
                Download ZIP
              </a>
            </div>
        </div>
        <div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>

          
<a href="/edwardtufte/tufte-css/blob/d15487138577601132d1ca4f5bc515da7b4d3a29/tufte.css" class="hidden js-permalink-shortcut" data-hotkey="y">Permalink</a>

<!-- blob contrib key: blob_contributors:v21:f71449fb22da8293042cdf20303ca447 -->

  <div class="file-navigation js-zeroclipboard-container">
    
<div class="select-menu js-menu-container js-select-menu left">
  <span class="btn btn-sm select-menu-button js-menu-target css-truncate" data-hotkey="w"
    title="master"
    role="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
    <i>Branch:</i>
    <span class="js-select-button css-truncate-target">master</span>
  </span>

  <div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax aria-hidden="true">

    <div class="select-menu-modal">
      <div class="select-menu-header">
        <span class="select-menu-title">Switch branches/tags</span>
        <span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span>
      </div>

      <div class="select-menu-filters">
        <div class="select-menu-text-filter">
          <input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
        </div>
        <div class="select-menu-tabs">
          <ul>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="branches" data-filter-placeholder="Filter branches/tags" class="js-select-menu-tab" role="tab">Branches</a>
            </li>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="tags" data-filter-placeholder="Find a tag…" class="js-select-menu-tab" role="tab">Tags</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches" role="menu">

        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


            <a class="select-menu-item js-navigation-item js-navigation-open selected"
               href="/edwardtufte/tufte-css/blob/master/tufte.css"
               data-name="master"
               data-skip-pjax="true"
               rel="nofollow">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <span class="select-menu-item-text css-truncate-target" title="master">
                master
              </span>
            </a>
        </div>

          <div class="select-menu-no-results">Nothing to show</div>
      </div>

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


        </div>

        <div class="select-menu-no-results">Nothing to show</div>
      </div>

    </div>
  </div>
</div>

    <div class="btn-group right">
      <a href="/edwardtufte/tufte-css/find/master"
            class="js-show-file-finder btn btn-sm empty-icon tooltipped tooltipped-nw"
            data-pjax
            data-hotkey="t"
            aria-label="Quickly jump between files">
        <span class="octicon octicon-list-unordered"></span>
      </a>
      <button aria-label="Copy file path to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </div>

    <div class="breadcrumb js-zeroclipboard-target">
      <span class="repo-root js-repo-root"><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/edwardtufte/tufte-css" class="" data-branch="master" data-pjax="true" itemscope="url"><span itemprop="title">tufte-css</span></a></span></span><span class="separator">/</span><strong class="final-path">tufte.css</strong>
    </div>
  </div>


  <div class="commit file-history-tease">
    <div class="file-history-tease-header">
        <img alt="" class="avatar" height="24" src="https://1.gravatar.com/avatar/5ecf3d9cb31c317338d4e6e0db315e0e?d=https%3A%2F%2Fassets-cdn.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png&amp;r=x&amp;s=140" width="24" />
        <span class="author"><span>pixolin</span></span>
        <time datetime="2015-10-05T13:41:50Z" is="relative-time">Oct 5, 2015</time>
        <div class="commit-title">
            <a href="/edwardtufte/tufte-css/commit/3270a3e3ec731af8e0abc2888b57e59fe6995e71" class="message" data-pjax="true" title="fixes #56 by adding indentation to ordered lists">fixes</a> <a href="https://github.com/edwardtufte/tufte-css/issues/56" class="issue-link" title="&lt;ol&gt; not limited to 45% width, unlike &lt;ul&gt;">#56</a> <a href="/edwardtufte/tufte-css/commit/3270a3e3ec731af8e0abc2888b57e59fe6995e71" class="message" data-pjax="true" title="fixes #56 by adding indentation to ordered lists">by adding indentation to ordered lists</a>
        </div>
    </div>

    <div class="participation">
      <p class="quickstat">
        <a href="#blob_contributors_box" rel="facebox">
          <strong>11</strong>
           contributors
        </a>
      </p>
          <a class="avatar-link tooltipped tooltipped-s" aria-label="daveliepmann" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=daveliepmann"><img alt="@daveliepmann" class="avatar" height="20" src="https://avatars3.githubusercontent.com/u/974443?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="clayh53" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=clayh53"><img alt="@clayh53" class="avatar" height="20" src="https://avatars0.githubusercontent.com/u/3068790?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="crmackay" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=crmackay"><img alt="@crmackay" class="avatar" height="20" src="https://avatars3.githubusercontent.com/u/3801862?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="mgraupner" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=mgraupner"><img alt="@mgraupner" class="avatar" height="20" src="https://avatars0.githubusercontent.com/u/586644?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="jameskolce" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=jameskolce"><img alt="@jameskolce" class="avatar" height="20" src="https://avatars0.githubusercontent.com/u/2559808?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="ruricolist" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=ruricolist"><img alt="@ruricolist" class="avatar" height="20" src="https://avatars3.githubusercontent.com/u/389160?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="pyrocat101" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=pyrocat101"><img alt="@pyrocat101" class="avatar" height="20" src="https://avatars3.githubusercontent.com/u/541540?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="iDGS" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=iDGS"><img alt="@iDGS" class="avatar" height="20" src="https://avatars0.githubusercontent.com/u/1248937?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="godbyk" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=godbyk"><img alt="@godbyk" class="avatar" height="20" src="https://avatars1.githubusercontent.com/u/195036?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="moubry" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=moubry"><img alt="@moubry" class="avatar" height="20" src="https://avatars0.githubusercontent.com/u/144283?v=3&amp;s=40" width="20" /> </a>
    <a class="avatar-link tooltipped tooltipped-s" aria-label="sathomas" href="/edwardtufte/tufte-css/commits/master/tufte.css?author=sathomas"><img alt="@sathomas" class="avatar" height="20" src="https://avatars3.githubusercontent.com/u/1731910?v=3&amp;s=40" width="20" /> </a>


    </div>
    <div id="blob_contributors_box" style="display:none">
      <h2 class="facebox-header" data-facebox-id="facebox-header">Users who have contributed to this file</h2>
      <ul class="facebox-user-list" data-facebox-id="facebox-description">
          <li class="facebox-user-list-item">
            <img alt="@daveliepmann" height="24" src="https://avatars1.githubusercontent.com/u/974443?v=3&amp;s=48" width="24" />
            <a href="/daveliepmann">daveliepmann</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@clayh53" height="24" src="https://avatars2.githubusercontent.com/u/3068790?v=3&amp;s=48" width="24" />
            <a href="/clayh53">clayh53</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@crmackay" height="24" src="https://avatars1.githubusercontent.com/u/3801862?v=3&amp;s=48" width="24" />
            <a href="/crmackay">crmackay</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@mgraupner" height="24" src="https://avatars2.githubusercontent.com/u/586644?v=3&amp;s=48" width="24" />
            <a href="/mgraupner">mgraupner</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@jameskolce" height="24" src="https://avatars2.githubusercontent.com/u/2559808?v=3&amp;s=48" width="24" />
            <a href="/jameskolce">jameskolce</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@ruricolist" height="24" src="https://avatars1.githubusercontent.com/u/389160?v=3&amp;s=48" width="24" />
            <a href="/ruricolist">ruricolist</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@pyrocat101" height="24" src="https://avatars1.githubusercontent.com/u/541540?v=3&amp;s=48" width="24" />
            <a href="/pyrocat101">pyrocat101</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@iDGS" height="24" src="https://avatars2.githubusercontent.com/u/1248937?v=3&amp;s=48" width="24" />
            <a href="/iDGS">iDGS</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@godbyk" height="24" src="https://avatars3.githubusercontent.com/u/195036?v=3&amp;s=48" width="24" />
            <a href="/godbyk">godbyk</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@moubry" height="24" src="https://avatars2.githubusercontent.com/u/144283?v=3&amp;s=48" width="24" />
            <a href="/moubry">moubry</a>
          </li>
          <li class="facebox-user-list-item">
            <img alt="@sathomas" height="24" src="https://avatars1.githubusercontent.com/u/1731910?v=3&amp;s=48" width="24" />
            <a href="/sathomas">sathomas</a>
          </li>
      </ul>
    </div>
  </div>

<div class="file">
  <div class="file-header">
  <div class="file-actions">

    <div class="btn-group">
      <a href="/edwardtufte/tufte-css/raw/master/tufte.css" class="btn btn-sm " id="raw-url">Raw</a>
        <a href="/edwardtufte/tufte-css/blame/master/tufte.css" class="btn btn-sm js-update-url-with-hash">Blame</a>
      <a href="/edwardtufte/tufte-css/commits/master/tufte.css" class="btn btn-sm " rel="nofollow">History</a>
    </div>


        <button type="button" class="octicon-btn disabled tooltipped tooltipped-nw"
          aria-label="You must be signed in to make or propose changes">
          <span class="octicon octicon-pencil"></span>
        </button>
        <button type="button" class="octicon-btn octicon-btn-danger disabled tooltipped tooltipped-nw"
          aria-label="You must be signed in to make or propose changes">
          <span class="octicon octicon-trashcan"></span>
        </button>
  </div>

  <div class="file-info">
      332 lines (260 sloc)
      <span class="file-info-divider"></span>
    13.3 KB
  </div>
</div>

  
  <div class="blob-wrapper data type-css">
      <table class="highlight tab-size js-file-line-container" data-tab-size="8">
      <tr>
        <td id="L1" class="blob-num js-line-number" data-line-number="1"></td>
        <td id="LC1" class="blob-code blob-code-inner js-file-line"><span class="pl-c">/* Import ET Bembo styles</span></td>
      </tr>
      <tr>
        <td id="L2" class="blob-num js-line-number" data-line-number="2"></td>
        <td id="LC2" class="blob-code blob-code-inner js-file-line"><span class="pl-c">   adapted from https://github.com/edwardtufte/et-bembo/blob/gh-pages/et-bembo.css */</span></td>
      </tr>
      <tr>
        <td id="L3" class="blob-num js-line-number" data-line-number="3"></td>
        <td id="LC3" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L4" class="blob-num js-line-number" data-line-number="4"></td>
        <td id="LC4" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@charset</span> <span class="pl-s"><span class="pl-pds">&quot;</span>UTF-8<span class="pl-pds">&quot;</span></span>;</td>
      </tr>
      <tr>
        <td id="L5" class="blob-num js-line-number" data-line-number="5"></td>
        <td id="LC5" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L6" class="blob-num js-line-number" data-line-number="6"></td>
        <td id="LC6" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@font-face</span> {</td>
      </tr>
      <tr>
        <td id="L7" class="blob-num js-line-number" data-line-number="7"></td>
        <td id="LC7" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo<span class="pl-pds">&quot;</span></span>;</td>
      </tr>
      <tr>
        <td id="L8" class="blob-num js-line-number" data-line-number="8"></td>
        <td id="LC8" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-line-figures/et-bembo-roman-line-figures.eot<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L9" class="blob-num js-line-number" data-line-number="9"></td>
        <td id="LC9" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-line-figures/et-bembo-roman-line-figures.eot?#iefix<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>embedded-opentype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-line-figures/et-bembo-roman-line-figures.woff<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>woff<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-line-figures/et-bembo-roman-line-figures.ttf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>truetype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-line-figures/et-bembo-roman-line-figures.svg#etbemboromanosf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>svg<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L10" class="blob-num js-line-number" data-line-number="10"></td>
        <td id="LC10" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;</td>
      </tr>
      <tr>
        <td id="L11" class="blob-num js-line-number" data-line-number="11"></td>
        <td id="LC11" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">normal</span></td>
      </tr>
      <tr>
        <td id="L12" class="blob-num js-line-number" data-line-number="12"></td>
        <td id="LC12" class="blob-code blob-code-inner js-file-line">}</td>
      </tr>
      <tr>
        <td id="L13" class="blob-num js-line-number" data-line-number="13"></td>
        <td id="LC13" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L14" class="blob-num js-line-number" data-line-number="14"></td>
        <td id="LC14" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@font-face</span> {</td>
      </tr>
      <tr>
        <td id="L15" class="blob-num js-line-number" data-line-number="15"></td>
        <td id="LC15" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo<span class="pl-pds">&quot;</span></span>;</td>
      </tr>
      <tr>
        <td id="L16" class="blob-num js-line-number" data-line-number="16"></td>
        <td id="LC16" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-display-italic-old-style-figures/et-bembo-display-italic-old-style-figures.eot<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L17" class="blob-num js-line-number" data-line-number="17"></td>
        <td id="LC17" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-display-italic-old-style-figures/et-bembo-display-italic-old-style-figures.eot?#iefix<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>embedded-opentype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-display-italic-old-style-figures/et-bembo-display-italic-old-style-figures.woff<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>woff<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-display-italic-old-style-figures/et-bembo-display-italic-old-style-figures.ttf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>truetype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-display-italic-old-style-figures/et-bembo-display-italic-old-style-figures.svg#etbemboromanosf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>svg<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L18" class="blob-num js-line-number" data-line-number="18"></td>
        <td id="LC18" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;</td>
      </tr>
      <tr>
        <td id="L19" class="blob-num js-line-number" data-line-number="19"></td>
        <td id="LC19" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">italic</span></td>
      </tr>
      <tr>
        <td id="L20" class="blob-num js-line-number" data-line-number="20"></td>
        <td id="LC20" class="blob-code blob-code-inner js-file-line">}</td>
      </tr>
      <tr>
        <td id="L21" class="blob-num js-line-number" data-line-number="21"></td>
        <td id="LC21" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L22" class="blob-num js-line-number" data-line-number="22"></td>
        <td id="LC22" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@font-face</span> {</td>
      </tr>
      <tr>
        <td id="L23" class="blob-num js-line-number" data-line-number="23"></td>
        <td id="LC23" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo<span class="pl-pds">&quot;</span></span>;</td>
      </tr>
      <tr>
        <td id="L24" class="blob-num js-line-number" data-line-number="24"></td>
        <td id="LC24" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-bold-line-figures/et-bembo-bold-line-figures.eot<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L25" class="blob-num js-line-number" data-line-number="25"></td>
        <td id="LC25" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-bold-line-figures/et-bembo-bold-line-figures.eot?#iefix<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>embedded-opentype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-bold-line-figures/et-bembo-bold-line-figures.woff<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>woff<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-bold-line-figures/et-bembo-bold-line-figures.ttf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>truetype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-bold-line-figures/et-bembo-bold-line-figures.svg#etbemboromanosf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>svg<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L26" class="blob-num js-line-number" data-line-number="26"></td>
        <td id="LC26" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">bold</span>;</td>
      </tr>
      <tr>
        <td id="L27" class="blob-num js-line-number" data-line-number="27"></td>
        <td id="LC27" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">normal</span></td>
      </tr>
      <tr>
        <td id="L28" class="blob-num js-line-number" data-line-number="28"></td>
        <td id="LC28" class="blob-code blob-code-inner js-file-line">}</td>
      </tr>
      <tr>
        <td id="L29" class="blob-num js-line-number" data-line-number="29"></td>
        <td id="LC29" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L30" class="blob-num js-line-number" data-line-number="30"></td>
        <td id="LC30" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@font-face</span> {</td>
      </tr>
      <tr>
        <td id="L31" class="blob-num js-line-number" data-line-number="31"></td>
        <td id="LC31" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo-roman-old-style<span class="pl-pds">&quot;</span></span>;</td>
      </tr>
      <tr>
        <td id="L32" class="blob-num js-line-number" data-line-number="32"></td>
        <td id="LC32" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-old-style-figures/et-bembo-roman-old-style-figures.eot<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L33" class="blob-num js-line-number" data-line-number="33"></td>
        <td id="LC33" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-old-style-figures/et-bembo-roman-old-style-figures.eot?#iefix<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>embedded-opentype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-old-style-figures/et-bembo-roman-old-style-figures.woff<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>woff<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-old-style-figures/et-bembo-roman-old-style-figures.ttf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>truetype<span class="pl-pds">&quot;</span></span>), <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>et-bembo/et-bembo-roman-old-style-figures/et-bembo-roman-old-style-figures.svg#etbemboromanosf<span class="pl-pds">&quot;</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>svg<span class="pl-pds">&quot;</span></span>);</td>
      </tr>
      <tr>
        <td id="L34" class="blob-num js-line-number" data-line-number="34"></td>
        <td id="LC34" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;</td>
      </tr>
      <tr>
        <td id="L35" class="blob-num js-line-number" data-line-number="35"></td>
        <td id="LC35" class="blob-code blob-code-inner js-file-line">  <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">normal</span>;</td>
      </tr>
      <tr>
        <td id="L36" class="blob-num js-line-number" data-line-number="36"></td>
        <td id="LC36" class="blob-code blob-code-inner js-file-line">}</td>
      </tr>
      <tr>
        <td id="L37" class="blob-num js-line-number" data-line-number="37"></td>
        <td id="LC37" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L38" class="blob-num js-line-number" data-line-number="38"></td>
        <td id="LC38" class="blob-code blob-code-inner js-file-line"><span class="pl-c">/* Tufte CSS styles */</span></td>
      </tr>
      <tr>
        <td id="L39" class="blob-num js-line-number" data-line-number="39"></td>
        <td id="LC39" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">html</span> { <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">15<span class="pl-k">px</span></span>; }</td>
      </tr>
      <tr>
        <td id="L40" class="blob-num js-line-number" data-line-number="40"></td>
        <td id="LC40" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L41" class="blob-num js-line-number" data-line-number="41"></td>
        <td id="LC41" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">body</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">87.5<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L42" class="blob-num js-line-number" data-line-number="42"></td>
        <td id="LC42" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">margin-left</span></span>: <span class="pl-c1">auto</span>;</td>
      </tr>
      <tr>
        <td id="L43" class="blob-num js-line-number" data-line-number="43"></td>
        <td id="LC43" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">auto</span>;</td>
      </tr>
      <tr>
        <td id="L44" class="blob-num js-line-number" data-line-number="44"></td>
        <td id="LC44" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">padding-left</span></span>: <span class="pl-c1">12.5<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L45" class="blob-num js-line-number" data-line-number="45"></td>
        <td id="LC45" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">font-family</span></span>: et-bembo, Palatino, <span class="pl-s"><span class="pl-pds">&quot;</span>Palatino Linotype<span class="pl-pds">&quot;</span></span>, <span class="pl-s"><span class="pl-pds">&quot;</span>Palatino LT STD<span class="pl-pds">&quot;</span></span>, <span class="pl-s"><span class="pl-pds">&quot;</span>Book Antiqua<span class="pl-pds">&quot;</span></span>, <span class="pl-c1">Georgia</span>, <span class="pl-c1">serif</span>;</td>
      </tr>
      <tr>
        <td id="L46" class="blob-num js-line-number" data-line-number="46"></td>
        <td id="LC46" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">background-color</span></span>: <span class="pl-c1">#fffff8</span>;</td>
      </tr>
      <tr>
        <td id="L47" class="blob-num js-line-number" data-line-number="47"></td>
        <td id="LC47" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#111</span>;</td>
      </tr>
      <tr>
        <td id="L48" class="blob-num js-line-number" data-line-number="48"></td>
        <td id="LC48" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">max-width</span></span>: <span class="pl-c1">1400<span class="pl-k">px</span></span>;</td>
      </tr>
      <tr>
        <td id="L49" class="blob-num js-line-number" data-line-number="49"></td>
        <td id="LC49" class="blob-code blob-code-inner js-file-line">       <span class="pl-c1"><span class="pl-c1">counter-reset</span></span>: sidenote-counter; }</td>
      </tr>
      <tr>
        <td id="L50" class="blob-num js-line-number" data-line-number="50"></td>
        <td id="LC50" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L51" class="blob-num js-line-number" data-line-number="51"></td>
        <td id="LC51" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">h1</span> { <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">400</span>;</td>
      </tr>
      <tr>
        <td id="L52" class="blob-num js-line-number" data-line-number="52"></td>
        <td id="LC52" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">4<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L53" class="blob-num js-line-number" data-line-number="53"></td>
        <td id="LC53" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">1.5<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L54" class="blob-num js-line-number" data-line-number="54"></td>
        <td id="LC54" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">3.2<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L55" class="blob-num js-line-number" data-line-number="55"></td>
        <td id="LC55" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1</span>; }</td>
      </tr>
      <tr>
        <td id="L56" class="blob-num js-line-number" data-line-number="56"></td>
        <td id="LC56" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L57" class="blob-num js-line-number" data-line-number="57"></td>
        <td id="LC57" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">h2</span> { <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">italic</span>;</td>
      </tr>
      <tr>
        <td id="L58" class="blob-num js-line-number" data-line-number="58"></td>
        <td id="LC58" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">400</span>;</td>
      </tr>
      <tr>
        <td id="L59" class="blob-num js-line-number" data-line-number="59"></td>
        <td id="LC59" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">2.1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L60" class="blob-num js-line-number" data-line-number="60"></td>
        <td id="LC60" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L61" class="blob-num js-line-number" data-line-number="61"></td>
        <td id="LC61" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">2.2<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L62" class="blob-num js-line-number" data-line-number="62"></td>
        <td id="LC62" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1</span>; }</td>
      </tr>
      <tr>
        <td id="L63" class="blob-num js-line-number" data-line-number="63"></td>
        <td id="LC63" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L64" class="blob-num js-line-number" data-line-number="64"></td>
        <td id="LC64" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">h3</span> { <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">italic</span>;</td>
      </tr>
      <tr>
        <td id="L65" class="blob-num js-line-number" data-line-number="65"></td>
        <td id="LC65" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">400</span>;</td>
      </tr>
      <tr>
        <td id="L66" class="blob-num js-line-number" data-line-number="66"></td>
        <td id="LC66" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.7<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L67" class="blob-num js-line-number" data-line-number="67"></td>
        <td id="LC67" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">2<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L68" class="blob-num js-line-number" data-line-number="68"></td>
        <td id="LC68" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L69" class="blob-num js-line-number" data-line-number="69"></td>
        <td id="LC69" class="blob-code blob-code-inner js-file-line">     <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1</span>; }</td>
      </tr>
      <tr>
        <td id="L70" class="blob-num js-line-number" data-line-number="70"></td>
        <td id="LC70" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L71" class="blob-num js-line-number" data-line-number="71"></td>
        <td id="LC71" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">p</span><span class="pl-e">.subtitle</span> { <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">italic</span>;</td>
      </tr>
      <tr>
        <td id="L72" class="blob-num js-line-number" data-line-number="72"></td>
        <td id="LC72" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L73" class="blob-num js-line-number" data-line-number="73"></td>
        <td id="LC73" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L74" class="blob-num js-line-number" data-line-number="74"></td>
        <td id="LC74" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.8<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L75" class="blob-num js-line-number" data-line-number="75"></td>
        <td id="LC75" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span>;</td>
      </tr>
      <tr>
        <td id="L76" class="blob-num js-line-number" data-line-number="76"></td>
        <td id="LC76" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1</span>; }</td>
      </tr>
      <tr>
        <td id="L77" class="blob-num js-line-number" data-line-number="77"></td>
        <td id="LC77" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L78" class="blob-num js-line-number" data-line-number="78"></td>
        <td id="LC78" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">table</span> { <span class="pl-c1"><span class="pl-c1">overflow-x</span></span>: <span class="pl-c1">scroll</span>;</td>
      </tr>
      <tr>
        <td id="L79" class="blob-num js-line-number" data-line-number="79"></td>
        <td id="LC79" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">98<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L80" class="blob-num js-line-number" data-line-number="80"></td>
        <td id="LC80" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">clear</span></span>: <span class="pl-c1">left</span>;</td>
      </tr>
      <tr>
        <td id="L81" class="blob-num js-line-number" data-line-number="81"></td>
        <td id="LC81" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">center</span>;</td>
      </tr>
      <tr>
        <td id="L82" class="blob-num js-line-number" data-line-number="82"></td>
        <td id="LC82" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.2<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L83" class="blob-num js-line-number" data-line-number="83"></td>
        <td id="LC83" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1.4</span>;</td>
      </tr>
      <tr>
        <td id="L84" class="blob-num js-line-number" data-line-number="84"></td>
        <td id="LC84" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">1.4<span class="pl-k">rem</span></span> <span class="pl-c1">1<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L85" class="blob-num js-line-number" data-line-number="85"></td>
        <td id="LC85" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">border-collapse</span></span>: <span class="pl-c1">separate</span>;</td>
      </tr>
      <tr>
        <td id="L86" class="blob-num js-line-number" data-line-number="86"></td>
        <td id="LC86" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">border-spacing</span></span>: <span class="pl-c1">0</span> <span class="pl-c1">5<span class="pl-k">px</span></span>;</td>
      </tr>
      <tr>
        <td id="L87" class="blob-num js-line-number" data-line-number="87"></td>
        <td id="LC87" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1">-webkit-<span class="pl-c1">font</span>-feature-settings</span>: <span class="pl-s"><span class="pl-pds">&#39;</span>tnum<span class="pl-pds">&#39;</span></span>; <span class="pl-c">/* This is technically redundant */</span></td>
      </tr>
      <tr>
        <td id="L88" class="blob-num js-line-number" data-line-number="88"></td>
        <td id="LC88" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1">-moz-<span class="pl-c1">font</span>-feature-settings</span>: <span class="pl-s"><span class="pl-pds">&#39;</span>tnum<span class="pl-pds">&#39;</span></span>;</td>
      </tr>
      <tr>
        <td id="L89" class="blob-num js-line-number" data-line-number="89"></td>
        <td id="LC89" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1">-ms-<span class="pl-c1">font</span>-feature-settings</span>: <span class="pl-s"><span class="pl-pds">&#39;</span>tnum<span class="pl-pds">&#39;</span></span>; }</td>
      </tr>
      <tr>
        <td id="L90" class="blob-num js-line-number" data-line-number="90"></td>
        <td id="LC90" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L91" class="blob-num js-line-number" data-line-number="91"></td>
        <td id="LC91" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">table</span><span class="pl-e">.table-alpha</span> { }</td>
      </tr>
      <tr>
        <td id="L92" class="blob-num js-line-number" data-line-number="92"></td>
        <td id="LC92" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L93" class="blob-num js-line-number" data-line-number="93"></td>
        <td id="LC93" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">table</span><span class="pl-e">.table-beta</span> { <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">&quot;</span>Trebuchet MS<span class="pl-pds">&quot;</span></span>, <span class="pl-s"><span class="pl-pds">&quot;</span>Gill Sans<span class="pl-pds">&quot;</span></span>, <span class="pl-s"><span class="pl-pds">&quot;</span>Gill Sans MT<span class="pl-pds">&quot;</span></span>, <span class="pl-c1">sans-serif</span>; }</td>
      </tr>
      <tr>
        <td id="L94" class="blob-num js-line-number" data-line-number="94"></td>
        <td id="LC94" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L95" class="blob-num js-line-number" data-line-number="95"></td>
        <td id="LC95" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">thead</span> <span class="pl-ent">th</span> { <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">left</span>;</td>
      </tr>
      <tr>
        <td id="L96" class="blob-num js-line-number" data-line-number="96"></td>
        <td id="LC96" class="blob-code blob-code-inner js-file-line">           <span class="pl-c1"><span class="pl-c1">border-bottom</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">#AAAAAA</span>;</td>
      </tr>
      <tr>
        <td id="L97" class="blob-num js-line-number" data-line-number="97"></td>
        <td id="LC97" class="blob-code blob-code-inner js-file-line">           <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">400</span>;</td>
      </tr>
      <tr>
        <td id="L98" class="blob-num js-line-number" data-line-number="98"></td>
        <td id="LC98" class="blob-code blob-code-inner js-file-line">           <span class="pl-c1"><span class="pl-c1">border-collapse</span></span>: <span class="pl-c1">separate</span>;</td>
      </tr>
      <tr>
        <td id="L99" class="blob-num js-line-number" data-line-number="99"></td>
        <td id="LC99" class="blob-code blob-code-inner js-file-line">           <span class="pl-c1"><span class="pl-c1">border-spacing</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span> <span class="pl-c1">5<span class="pl-k">px</span></span>; }</td>
      </tr>
      <tr>
        <td id="L100" class="blob-num js-line-number" data-line-number="100"></td>
        <td id="LC100" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L101" class="blob-num js-line-number" data-line-number="101"></td>
        <td id="LC101" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">td</span><span class="pl-e">.text</span> { <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">left</span>; }</td>
      </tr>
      <tr>
        <td id="L102" class="blob-num js-line-number" data-line-number="102"></td>
        <td id="LC102" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L103" class="blob-num js-line-number" data-line-number="103"></td>
        <td id="LC103" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">td</span> &gt; <span class="pl-ent">div</span><span class="pl-e">.number</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">27<span class="pl-k">px</span></span>;</td>
      </tr>
      <tr>
        <td id="L104" class="blob-num js-line-number" data-line-number="104"></td>
        <td id="LC104" class="blob-code blob-code-inner js-file-line">                  <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L105" class="blob-num js-line-number" data-line-number="105"></td>
        <td id="LC105" class="blob-code blob-code-inner js-file-line">                  <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">inline-block</span>; }</td>
      </tr>
      <tr>
        <td id="L106" class="blob-num js-line-number" data-line-number="106"></td>
        <td id="LC106" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L107" class="blob-num js-line-number" data-line-number="107"></td>
        <td id="LC107" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">span</span><span class="pl-e">.table-label</span> { <span class="pl-c1"><span class="pl-c1">padding-top</span></span>: <span class="pl-c1">8<span class="pl-k">px</span></span>; } <span class="pl-c">/* to maintain height relative to table header row */</span></td>
      </tr>
      <tr>
        <td id="L108" class="blob-num js-line-number" data-line-number="108"></td>
        <td id="LC108" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L109" class="blob-num js-line-number" data-line-number="109"></td>
        <td id="LC109" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">table</span><span class="pl-e">.booktabs</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">auto</span>;</td>
      </tr>
      <tr>
        <td id="L110" class="blob-num js-line-number" data-line-number="110"></td>
        <td id="LC110" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span> <span class="pl-c1">auto</span>;</td>
      </tr>
      <tr>
        <td id="L111" class="blob-num js-line-number" data-line-number="111"></td>
        <td id="LC111" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">border-spacing</span></span>: <span class="pl-c1">0<span class="pl-k">px</span></span>; }</td>
      </tr>
      <tr>
        <td id="L112" class="blob-num js-line-number" data-line-number="112"></td>
        <td id="LC112" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L113" class="blob-num js-line-number" data-line-number="113"></td>
        <td id="LC113" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">th</span> { <span class="pl-c1"><span class="pl-c1">border-bottom</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">#333333</span>;</td>
      </tr>
      <tr>
        <td id="L114" class="blob-num js-line-number" data-line-number="114"></td>
        <td id="LC114" class="blob-code blob-code-inner js-file-line">               <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0.65<span class="pl-k">ex</span></span> <span class="pl-c1">0.5<span class="pl-k">em</span></span> <span class="pl-c1">0.4<span class="pl-k">ex</span></span> <span class="pl-c1">0.5<span class="pl-k">em</span></span>;</td>
      </tr>
      <tr>
        <td id="L115" class="blob-num js-line-number" data-line-number="115"></td>
        <td id="LC115" class="blob-code blob-code-inner js-file-line">               <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;</td>
      </tr>
      <tr>
        <td id="L116" class="blob-num js-line-number" data-line-number="116"></td>
        <td id="LC116" class="blob-code blob-code-inner js-file-line">               <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">center</span>; }</td>
      </tr>
      <tr>
        <td id="L117" class="blob-num js-line-number" data-line-number="117"></td>
        <td id="LC117" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L118" class="blob-num js-line-number" data-line-number="118"></td>
        <td id="LC118" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">th</span><span class="pl-e">.cmid</span> { <span class="pl-c1"><span class="pl-c1">border-bottom</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">#666666</span>; }</td>
      </tr>
      <tr>
        <td id="L119" class="blob-num js-line-number" data-line-number="119"></td>
        <td id="LC119" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L120" class="blob-num js-line-number" data-line-number="120"></td>
        <td id="LC120" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">th</span><span class="pl-e">.nocmid</span> { <span class="pl-c1"><span class="pl-c1">border-bottom</span></span>: <span class="pl-c1">none</span>; }</td>
      </tr>
      <tr>
        <td id="L121" class="blob-num js-line-number" data-line-number="121"></td>
        <td id="LC121" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L122" class="blob-num js-line-number" data-line-number="122"></td>
        <td id="LC122" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">tbody</span> <span class="pl-ent">tr</span><span class="pl-e">:first-child</span> <span class="pl-ent">td</span> { <span class="pl-c1"><span class="pl-c1">padding-top</span></span>: <span class="pl-c1">0.65<span class="pl-k">ex</span></span>; } <span class="pl-c">/* add space between thead row and tbody */</span></td>
      </tr>
      <tr>
        <td id="L123" class="blob-num js-line-number" data-line-number="123"></td>
        <td id="LC123" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L124" class="blob-num js-line-number" data-line-number="124"></td>
        <td id="LC124" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">td</span> { <span class="pl-c1"><span class="pl-c1">padding-left</span></span>: <span class="pl-c1">0.5<span class="pl-k">em</span></span>;</td>
      </tr>
      <tr>
        <td id="L125" class="blob-num js-line-number" data-line-number="125"></td>
        <td id="LC125" class="blob-code blob-code-inner js-file-line">               <span class="pl-c1"><span class="pl-c1">padding-right</span></span>: <span class="pl-c1">0.5<span class="pl-k">em</span></span>;</td>
      </tr>
      <tr>
        <td id="L126" class="blob-num js-line-number" data-line-number="126"></td>
        <td id="LC126" class="blob-code blob-code-inner js-file-line">               <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">left</span>; }</td>
      </tr>
      <tr>
        <td id="L127" class="blob-num js-line-number" data-line-number="127"></td>
        <td id="LC127" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L128" class="blob-num js-line-number" data-line-number="128"></td>
        <td id="LC128" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">caption</span> { <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">90<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L129" class="blob-num js-line-number" data-line-number="129"></td>
        <td id="LC129" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">left</span>;</td>
      </tr>
      <tr>
        <td id="L130" class="blob-num js-line-number" data-line-number="130"></td>
        <td id="LC130" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">auto</span>;</td>
      </tr>
      <tr>
        <td id="L131" class="blob-num js-line-number" data-line-number="131"></td>
        <td id="LC131" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">margin-left</span></span>: <span class="pl-c1">auto</span>;</td>
      </tr>
      <tr>
        <td id="L132" class="blob-num js-line-number" data-line-number="132"></td>
        <td id="LC132" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">auto</span>;</td>
      </tr>
      <tr>
        <td id="L133" class="blob-num js-line-number" data-line-number="133"></td>
        <td id="LC133" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">1<span class="pl-k">ex</span></span>;</td>
      </tr>
      <tr>
        <td id="L134" class="blob-num js-line-number" data-line-number="134"></td>
        <td id="LC134" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">caption-side</span></span>: <span class="pl-c1">top</span>; }</td>
      </tr>
      <tr>
        <td id="L135" class="blob-num js-line-number" data-line-number="135"></td>
        <td id="LC135" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L136" class="blob-num js-line-number" data-line-number="136"></td>
        <td id="LC136" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">tbody</span> <span class="pl-ent">tr</span> <span class="pl-ent">td</span><span class="pl-e">.l</span> { <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">left</span> <span class="pl-k">!important</span>; }</td>
      </tr>
      <tr>
        <td id="L137" class="blob-num js-line-number" data-line-number="137"></td>
        <td id="LC137" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">tbody</span> <span class="pl-ent">tr</span> <span class="pl-ent">td</span><span class="pl-e">.c</span> { <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">center</span> <span class="pl-k">!important</span>; }</td>
      </tr>
      <tr>
        <td id="L138" class="blob-num js-line-number" data-line-number="138"></td>
        <td id="LC138" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.booktabs</span> <span class="pl-ent">tbody</span> <span class="pl-ent">tr</span> <span class="pl-ent">td</span><span class="pl-e">.r</span> { <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">right</span> <span class="pl-k">!important</span>; }</td>
      </tr>
      <tr>
        <td id="L139" class="blob-num js-line-number" data-line-number="139"></td>
        <td id="LC139" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L140" class="blob-num js-line-number" data-line-number="140"></td>
        <td id="LC140" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">article</span> { <span class="pl-c1"><span class="pl-c1">position</span></span>: <span class="pl-c1">relative</span>;</td>
      </tr>
      <tr>
        <td id="L141" class="blob-num js-line-number" data-line-number="141"></td>
        <td id="LC141" class="blob-code blob-code-inner js-file-line">          <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5<span class="pl-k">rem</span></span> <span class="pl-c1">0<span class="pl-k">rem</span></span>; }</td>
      </tr>
      <tr>
        <td id="L142" class="blob-num js-line-number" data-line-number="142"></td>
        <td id="LC142" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L143" class="blob-num js-line-number" data-line-number="143"></td>
        <td id="LC143" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">section</span> { <span class="pl-c1"><span class="pl-c1">padding-top</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L144" class="blob-num js-line-number" data-line-number="144"></td>
        <td id="LC144" class="blob-code blob-code-inner js-file-line">          <span class="pl-c1"><span class="pl-c1">padding-bottom</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>; }</td>
      </tr>
      <tr>
        <td id="L145" class="blob-num js-line-number" data-line-number="145"></td>
        <td id="LC145" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L146" class="blob-num js-line-number" data-line-number="146"></td>
        <td id="LC146" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">p</span>, <span class="pl-ent">ol</span>, <span class="pl-ent">ul</span> { <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.4<span class="pl-k">rem</span></span>; }</td>
      </tr>
      <tr>
        <td id="L147" class="blob-num js-line-number" data-line-number="147"></td>
        <td id="LC147" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L148" class="blob-num js-line-number" data-line-number="148"></td>
        <td id="LC148" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">p</span> { <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">2<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L149" class="blob-num js-line-number" data-line-number="149"></td>
        <td id="LC149" class="blob-code blob-code-inner js-file-line">    <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">1.4<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L150" class="blob-num js-line-number" data-line-number="150"></td>
        <td id="LC150" class="blob-code blob-code-inner js-file-line">    <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">1.4<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L151" class="blob-num js-line-number" data-line-number="151"></td>
        <td id="LC151" class="blob-code blob-code-inner js-file-line">    <span class="pl-c1"><span class="pl-c1">padding-right</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L152" class="blob-num js-line-number" data-line-number="152"></td>
        <td id="LC152" class="blob-code blob-code-inner js-file-line">    <span class="pl-c1"><span class="pl-c1">vertical-align</span></span>: <span class="pl-c1">baseline</span>; }</td>
      </tr>
      <tr>
        <td id="L153" class="blob-num js-line-number" data-line-number="153"></td>
        <td id="LC153" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L154" class="blob-num js-line-number" data-line-number="154"></td>
        <td id="LC154" class="blob-code blob-code-inner js-file-line"><span class="pl-c">/* Chapter Epigraphs */</span></td>
      </tr>
      <tr>
        <td id="L155" class="blob-num js-line-number" data-line-number="155"></td>
        <td id="LC155" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">div</span><span class="pl-e">.epigraph</span> { <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">5<span class="pl-k">em</span></span> <span class="pl-c1">0</span>; }</td>
      </tr>
      <tr>
        <td id="L156" class="blob-num js-line-number" data-line-number="156"></td>
        <td id="LC156" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L157" class="blob-num js-line-number" data-line-number="157"></td>
        <td id="LC157" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">div</span><span class="pl-e">.epigraph</span> &gt; <span class="pl-ent">blockquote</span> { <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">3<span class="pl-k">em</span></span>;</td>
      </tr>
      <tr>
        <td id="L158" class="blob-num js-line-number" data-line-number="158"></td>
        <td id="LC158" class="blob-code blob-code-inner js-file-line">                            <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">3<span class="pl-k">em</span></span>; }</td>
      </tr>
      <tr>
        <td id="L159" class="blob-num js-line-number" data-line-number="159"></td>
        <td id="LC159" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L160" class="blob-num js-line-number" data-line-number="160"></td>
        <td id="LC160" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">div</span><span class="pl-e">.epigraph</span> &gt; <span class="pl-ent">blockquote</span>, <span class="pl-ent">div</span><span class="pl-e">.epigraph</span> &gt; <span class="pl-ent">blockquote</span> &gt; <span class="pl-ent">p</span> { <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">italic</span>; }</td>
      </tr>
      <tr>
        <td id="L161" class="blob-num js-line-number" data-line-number="161"></td>
        <td id="LC161" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L162" class="blob-num js-line-number" data-line-number="162"></td>
        <td id="LC162" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">div</span><span class="pl-e">.epigraph</span> &gt; <span class="pl-ent">blockquote</span> &gt; <span class="pl-ent">footer</span> { <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">normal</span>; }</td>
      </tr>
      <tr>
        <td id="L163" class="blob-num js-line-number" data-line-number="163"></td>
        <td id="LC163" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L164" class="blob-num js-line-number" data-line-number="164"></td>
        <td id="LC164" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">div</span><span class="pl-e">.epigraph</span> &gt; <span class="pl-ent">blockquote</span> &gt; <span class="pl-ent">footer</span> &gt; <span class="pl-ent">cite</span> { <span class="pl-c1"><span class="pl-c1">font-style</span></span>: <span class="pl-c1">italic</span>; }</td>
      </tr>
      <tr>
        <td id="L165" class="blob-num js-line-number" data-line-number="165"></td>
        <td id="LC165" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L166" class="blob-num js-line-number" data-line-number="166"></td>
        <td id="LC166" class="blob-code blob-code-inner js-file-line"><span class="pl-c">/* end chapter epigraphs styles */</span></td>
      </tr>
      <tr>
        <td id="L167" class="blob-num js-line-number" data-line-number="167"></td>
        <td id="LC167" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L168" class="blob-num js-line-number" data-line-number="168"></td>
        <td id="LC168" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">blockquote</span> { <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.4<span class="pl-k">rem</span></span>; }</td>
      </tr>
      <tr>
        <td id="L169" class="blob-num js-line-number" data-line-number="169"></td>
        <td id="LC169" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L170" class="blob-num js-line-number" data-line-number="170"></td>
        <td id="LC170" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">blockquote</span> <span class="pl-ent">p</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">50<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L171" class="blob-num js-line-number" data-line-number="171"></td>
        <td id="LC171" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L172" class="blob-num js-line-number" data-line-number="172"></td>
        <td id="LC172" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">blockquote</span> <span class="pl-ent">footer</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">50<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L173" class="blob-num js-line-number" data-line-number="173"></td>
        <td id="LC173" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L174" class="blob-num js-line-number" data-line-number="174"></td>
        <td id="LC174" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">text-align</span></span>: <span class="pl-c1">right</span>; }</td>
      </tr>
      <tr>
        <td id="L175" class="blob-num js-line-number" data-line-number="175"></td>
        <td id="LC175" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L176" class="blob-num js-line-number" data-line-number="176"></td>
        <td id="LC176" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">ol</span>, <span class="pl-ent">ul</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">45<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L177" class="blob-num js-line-number" data-line-number="177"></td>
        <td id="LC177" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1">-webkit-<span class="pl-c1">padding</span>-start</span>: <span class="pl-c1">5<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L178" class="blob-num js-line-number" data-line-number="178"></td>
        <td id="LC178" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1">-webkit-<span class="pl-c1">padding</span>-end</span>: <span class="pl-c1">5<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L179" class="blob-num js-line-number" data-line-number="179"></td>
        <td id="LC179" class="blob-code blob-code-inner js-file-line">         </td>
      </tr>
      <tr>
        <td id="L180" class="blob-num js-line-number" data-line-number="180"></td>
        <td id="LC180" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">ul</span> { <span class="pl-c1"><span class="pl-c1">list-style-type</span></span>: <span class="pl-c1">none</span>; }</td>
      </tr>
      <tr>
        <td id="L181" class="blob-num js-line-number" data-line-number="181"></td>
        <td id="LC181" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L182" class="blob-num js-line-number" data-line-number="182"></td>
        <td id="LC182" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">li</span> { <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0.5<span class="pl-k">rem</span></span> <span class="pl-c1">0</span>; }</td>
      </tr>
      <tr>
        <td id="L183" class="blob-num js-line-number" data-line-number="183"></td>
        <td id="LC183" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L184" class="blob-num js-line-number" data-line-number="184"></td>
        <td id="LC184" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">figure</span> { <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L185" class="blob-num js-line-number" data-line-number="185"></td>
        <td id="LC185" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L186" class="blob-num js-line-number" data-line-number="186"></td>
        <td id="LC186" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">100<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L187" class="blob-num js-line-number" data-line-number="187"></td>
        <td id="LC187" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">font</span></span>: <span class="pl-c1">inherit</span>;</td>
      </tr>
      <tr>
        <td id="L188" class="blob-num js-line-number" data-line-number="188"></td>
        <td id="LC188" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">vertical-align</span></span>: <span class="pl-c1">baseline</span>;</td>
      </tr>
      <tr>
        <td id="L189" class="blob-num js-line-number" data-line-number="189"></td>
        <td id="LC189" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">max-width</span></span>: <span class="pl-c1">55<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L190" class="blob-num js-line-number" data-line-number="190"></td>
        <td id="LC190" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1">-webkit-<span class="pl-c1">margin</span>-start</span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L191" class="blob-num js-line-number" data-line-number="191"></td>
        <td id="LC191" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1">-webkit-<span class="pl-c1">margin</span>-end</span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L192" class="blob-num js-line-number" data-line-number="192"></td>
        <td id="LC192" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span> <span class="pl-c1">0</span> <span class="pl-c1">3<span class="pl-k">em</span></span> <span class="pl-c1">0</span>; }</td>
      </tr>
      <tr>
        <td id="L193" class="blob-num js-line-number" data-line-number="193"></td>
        <td id="LC193" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L194" class="blob-num js-line-number" data-line-number="194"></td>
        <td id="LC194" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">figcaption</span> { <span class="pl-c1"><span class="pl-c1">float</span></span>: <span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L195" class="blob-num js-line-number" data-line-number="195"></td>
        <td id="LC195" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">clear</span></span>: <span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L196" class="blob-num js-line-number" data-line-number="196"></td>
        <td id="LC196" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">-48<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L197" class="blob-num js-line-number" data-line-number="197"></td>
        <td id="LC197" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L198" class="blob-num js-line-number" data-line-number="198"></td>
        <td id="LC198" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L199" class="blob-num js-line-number" data-line-number="199"></td>
        <td id="LC199" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L200" class="blob-num js-line-number" data-line-number="200"></td>
        <td id="LC200" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1.6</span>;</td>
      </tr>
      <tr>
        <td id="L201" class="blob-num js-line-number" data-line-number="201"></td>
        <td id="LC201" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">vertical-align</span></span>: <span class="pl-c1">baseline</span>;</td>
      </tr>
      <tr>
        <td id="L202" class="blob-num js-line-number" data-line-number="202"></td>
        <td id="LC202" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">position</span></span>: <span class="pl-c1">relative</span>;</td>
      </tr>
      <tr>
        <td id="L203" class="blob-num js-line-number" data-line-number="203"></td>
        <td id="LC203" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">max-width</span></span>: <span class="pl-c1">40<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L204" class="blob-num js-line-number" data-line-number="204"></td>
        <td id="LC204" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L205" class="blob-num js-line-number" data-line-number="205"></td>
        <td id="LC205" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">figure</span><span class="pl-e">.fullwidth</span> <span class="pl-ent">figcaption</span> { <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">24<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L206" class="blob-num js-line-number" data-line-number="206"></td>
        <td id="LC206" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L207" class="blob-num js-line-number" data-line-number="207"></td>
        <td id="LC207" class="blob-code blob-code-inner js-file-line"><span class="pl-c">/* Links: replicate underline that clears descenders */</span></td>
      </tr>
      <tr>
        <td id="L208" class="blob-num js-line-number" data-line-number="208"></td>
        <td id="LC208" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">a</span><span class="pl-e">:link</span>, <span class="pl-ent">a</span><span class="pl-e">:visited</span> { <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">inherit</span>; }</td>
      </tr>
      <tr>
        <td id="L209" class="blob-num js-line-number" data-line-number="209"></td>
        <td id="LC209" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L210" class="blob-num js-line-number" data-line-number="210"></td>
        <td id="LC210" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">a</span><span class="pl-e">:link</span> { <span class="pl-c1"><span class="pl-c1">text-decoration</span></span>: <span class="pl-c1">none</span>;</td>
      </tr>
      <tr>
        <td id="L211" class="blob-num js-line-number" data-line-number="211"></td>
        <td id="LC211" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">background</span></span>: -webkit-linear-gradient(<span class="pl-c1">#fffff8</span>, <span class="pl-c1">#fffff8</span>), -webkit-linear-gradient(<span class="pl-c1">#fffff8</span>, <span class="pl-c1">#fffff8</span>), -webkit-linear-gradient(<span class="pl-c1">#333</span>, <span class="pl-c1">#333</span>);</td>
      </tr>
      <tr>
        <td id="L212" class="blob-num js-line-number" data-line-number="212"></td>
        <td id="LC212" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">background</span></span>: linear-gradient(<span class="pl-c1">#fffff8</span>, <span class="pl-c1">#fffff8</span>), linear-gradient(<span class="pl-c1">#fffff8</span>, <span class="pl-c1">#fffff8</span>), linear-gradient(<span class="pl-c1">#333</span>, <span class="pl-c1">#333</span>);</td>
      </tr>
      <tr>
        <td id="L213" class="blob-num js-line-number" data-line-number="213"></td>
        <td id="LC213" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1">-webkit-<span class="pl-c1">background-size</span></span>: <span class="pl-c1">0.05<span class="pl-k">em</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>, <span class="pl-c1">0.05<span class="pl-k">em</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>, <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>;</td>
      </tr>
      <tr>
        <td id="L214" class="blob-num js-line-number" data-line-number="214"></td>
        <td id="LC214" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1">-moz-<span class="pl-c1">background-size</span></span>: <span class="pl-c1">0.05<span class="pl-k">em</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>, <span class="pl-c1">0.05<span class="pl-k">em</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>, <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>;</td>
      </tr>
      <tr>
        <td id="L215" class="blob-num js-line-number" data-line-number="215"></td>
        <td id="LC215" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">background-size</span></span>: <span class="pl-c1">0.05<span class="pl-k">em</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>, <span class="pl-c1">0.05<span class="pl-k">em</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>, <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">1<span class="pl-k">px</span></span>;</td>
      </tr>
      <tr>
        <td id="L216" class="blob-num js-line-number" data-line-number="216"></td>
        <td id="LC216" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">background-repeat</span></span>: <span class="pl-c1">no-repeat</span>, <span class="pl-c1">no-repeat</span>, <span class="pl-c1">repeat-x</span>;</td>
      </tr>
      <tr>
        <td id="L217" class="blob-num js-line-number" data-line-number="217"></td>
        <td id="LC217" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">text-shadow</span></span>: <span class="pl-c1">0.03<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">-0.03<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">0</span> <span class="pl-c1">0.03<span class="pl-k">em</span></span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">0</span> <span class="pl-c1">-0.03<span class="pl-k">em</span></span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">0.06<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">-0.06<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">0.09<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">-0.09<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">0.12<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">-0.12<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">0.15<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>, <span class="pl-c1">-0.15<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#fffff8</span>;</td>
      </tr>
      <tr>
        <td id="L218" class="blob-num js-line-number" data-line-number="218"></td>
        <td id="LC218" class="blob-code blob-code-inner js-file-line">         <span class="pl-c1"><span class="pl-c1">background-position</span></span>: <span class="pl-c1">0<span class="pl-k">%</span></span> <span class="pl-c1">93<span class="pl-k">%</span></span>, <span class="pl-c1">100<span class="pl-k">%</span></span> <span class="pl-c1">93<span class="pl-k">%</span></span>, <span class="pl-c1">0<span class="pl-k">%</span></span> <span class="pl-c1">93<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L219" class="blob-num js-line-number" data-line-number="219"></td>
        <td id="LC219" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L220" class="blob-num js-line-number" data-line-number="220"></td>
        <td id="LC220" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@media</span> <span class="pl-c1">screen</span> <span class="pl-k">and</span> (-webkit-min-device-pixel-ratio: <span class="pl-c1">0</span>) { <span class="pl-ent">a</span><span class="pl-e">:link</span> { <span class="pl-c1"><span class="pl-c1">background-position</span>-<span class="pl-c1">y</span></span>: <span class="pl-c1">87<span class="pl-k">%</span></span>, <span class="pl-c1">87<span class="pl-k">%</span></span>, <span class="pl-c1">87<span class="pl-k">%</span></span>; } }</td>
      </tr>
      <tr>
        <td id="L221" class="blob-num js-line-number" data-line-number="221"></td>
        <td id="LC221" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L222" class="blob-num js-line-number" data-line-number="222"></td>
        <td id="LC222" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">a</span><span class="pl-e">:link</span><span class="pl-e">::selection</span> { <span class="pl-c1"><span class="pl-c1">text-shadow</span></span>: <span class="pl-c1">0.03<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.03<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0</span> <span class="pl-c1">0.03<span class="pl-k">em</span></span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0</span> <span class="pl-c1">-0.03<span class="pl-k">em</span></span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.06<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.06<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.09<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.09<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.12<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.12<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.15<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.15<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>;</td>
      </tr>
      <tr>
        <td id="L223" class="blob-num js-line-number" data-line-number="223"></td>
        <td id="LC223" class="blob-code blob-code-inner js-file-line">                    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#b4d5fe</span>; }</td>
      </tr>
      <tr>
        <td id="L224" class="blob-num js-line-number" data-line-number="224"></td>
        <td id="LC224" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L225" class="blob-num js-line-number" data-line-number="225"></td>
        <td id="LC225" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">a</span><span class="pl-e">:link</span>::-moz-selection { <span class="pl-c1"><span class="pl-c1">text-shadow</span></span>: <span class="pl-c1">0.03<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.03<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0</span> <span class="pl-c1">0.03<span class="pl-k">em</span></span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0</span> <span class="pl-c1">-0.03<span class="pl-k">em</span></span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.06<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.06<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.09<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.09<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.12<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.12<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">0.15<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>, <span class="pl-c1">-0.15<span class="pl-k">em</span></span> <span class="pl-c1">0</span> <span class="pl-c1">#b4d5fe</span>;</td>
      </tr>
      <tr>
        <td id="L226" class="blob-num js-line-number" data-line-number="226"></td>
        <td id="LC226" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#b4d5fe</span>; }</td>
      </tr>
      <tr>
        <td id="L227" class="blob-num js-line-number" data-line-number="227"></td>
        <td id="LC227" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L228" class="blob-num js-line-number" data-line-number="228"></td>
        <td id="LC228" class="blob-code blob-code-inner js-file-line"><span class="pl-c">/* Sidenotes, margin notes, figures, captions */</span></td>
      </tr>
      <tr>
        <td id="L229" class="blob-num js-line-number" data-line-number="229"></td>
        <td id="LC229" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">img</span> { <span class="pl-c1"><span class="pl-c1">max-width</span></span>: <span class="pl-c1">100<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L230" class="blob-num js-line-number" data-line-number="230"></td>
        <td id="LC230" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L231" class="blob-num js-line-number" data-line-number="231"></td>
        <td id="LC231" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.sidenote</span>, <span class="pl-e">.marginnote</span> { <span class="pl-c1"><span class="pl-c1">float</span></span>: <span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L232" class="blob-num js-line-number" data-line-number="232"></td>
        <td id="LC232" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">clear</span></span>: <span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L233" class="blob-num js-line-number" data-line-number="233"></td>
        <td id="LC233" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">-60<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L234" class="blob-num js-line-number" data-line-number="234"></td>
        <td id="LC234" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">50<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L235" class="blob-num js-line-number" data-line-number="235"></td>
        <td id="LC235" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L236" class="blob-num js-line-number" data-line-number="236"></td>
        <td id="LC236" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L237" class="blob-num js-line-number" data-line-number="237"></td>
        <td id="LC237" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L238" class="blob-num js-line-number" data-line-number="238"></td>
        <td id="LC238" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1.3</span>;</td>
      </tr>
      <tr>
        <td id="L239" class="blob-num js-line-number" data-line-number="239"></td>
        <td id="LC239" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">vertical-align</span></span>: <span class="pl-c1">baseline</span>;</td>
      </tr>
      <tr>
        <td id="L240" class="blob-num js-line-number" data-line-number="240"></td>
        <td id="LC240" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">position</span></span>: <span class="pl-c1">relative</span>; }</td>
      </tr>
      <tr>
        <td id="L241" class="blob-num js-line-number" data-line-number="241"></td>
        <td id="LC241" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L242" class="blob-num js-line-number" data-line-number="242"></td>
        <td id="LC242" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.table-caption</span> { <span class="pl-c1"><span class="pl-c1">float</span></span>:<span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L243" class="blob-num js-line-number" data-line-number="243"></td>
        <td id="LC243" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">clear</span></span>:<span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L244" class="blob-num js-line-number" data-line-number="244"></td>
        <td id="LC244" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">-60<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L245" class="blob-num js-line-number" data-line-number="245"></td>
        <td id="LC245" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">50<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L246" class="blob-num js-line-number" data-line-number="246"></td>
        <td id="LC246" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L247" class="blob-num js-line-number" data-line-number="247"></td>
        <td id="LC247" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">0</span>;</td>
      </tr>
      <tr>
        <td id="L248" class="blob-num js-line-number" data-line-number="248"></td>
        <td id="LC248" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.0<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L249" class="blob-num js-line-number" data-line-number="249"></td>
        <td id="LC249" class="blob-code blob-code-inner js-file-line">                 <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1.6</span>; }</td>
      </tr>
      <tr>
        <td id="L250" class="blob-num js-line-number" data-line-number="250"></td>
        <td id="LC250" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L251" class="blob-num js-line-number" data-line-number="251"></td>
        <td id="LC251" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.sidenote-number</span> { <span class="pl-c1"><span class="pl-c1">counter-increment</span></span>: sidenote-counter; }</td>
      </tr>
      <tr>
        <td id="L252" class="blob-num js-line-number" data-line-number="252"></td>
        <td id="LC252" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L253" class="blob-num js-line-number" data-line-number="253"></td>
        <td id="LC253" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.sidenote-number</span><span class="pl-e">:after</span>, <span class="pl-e">.sidenote</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-c1">counter</span>(<span class="pl-v">sidenote-counter</span>) <span class="pl-s"><span class="pl-pds">&quot;</span> <span class="pl-pds">&quot;</span></span>;</td>
      </tr>
      <tr>
        <td id="L254" class="blob-num js-line-number" data-line-number="254"></td>
        <td id="LC254" class="blob-code blob-code-inner js-file-line">                                           <span class="pl-c1"><span class="pl-c1">font-family</span></span>: et-bembo-roman-old-style;</td>
      </tr>
      <tr>
        <td id="L255" class="blob-num js-line-number" data-line-number="255"></td>
        <td id="LC255" class="blob-code blob-code-inner js-file-line">                                           <span class="pl-c1"><span class="pl-c1">position</span></span>: <span class="pl-c1">relative</span>;</td>
      </tr>
      <tr>
        <td id="L256" class="blob-num js-line-number" data-line-number="256"></td>
        <td id="LC256" class="blob-code blob-code-inner js-file-line">                                           <span class="pl-c1"><span class="pl-c1">vertical-align</span></span>: <span class="pl-c1">baseline</span>; }</td>
      </tr>
      <tr>
        <td id="L257" class="blob-num js-line-number" data-line-number="257"></td>
        <td id="LC257" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L258" class="blob-num js-line-number" data-line-number="258"></td>
        <td id="LC258" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.sidenote-number</span><span class="pl-e">:after</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-c1">counter</span>(<span class="pl-v">sidenote-counter</span>);</td>
      </tr>
      <tr>
        <td id="L259" class="blob-num js-line-number" data-line-number="259"></td>
        <td id="LC259" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L260" class="blob-num js-line-number" data-line-number="260"></td>
        <td id="LC260" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">top</span></span>: <span class="pl-c1">-0.5<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L261" class="blob-num js-line-number" data-line-number="261"></td>
        <td id="LC261" class="blob-code blob-code-inner js-file-line">                         <span class="pl-c1"><span class="pl-c1">left</span></span>: <span class="pl-c1">0.1<span class="pl-k">rem</span></span>; }</td>
      </tr>
      <tr>
        <td id="L262" class="blob-num js-line-number" data-line-number="262"></td>
        <td id="LC262" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L263" class="blob-num js-line-number" data-line-number="263"></td>
        <td id="LC263" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.sidenote</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-c1">counter</span>(<span class="pl-v">sidenote-counter</span>) <span class="pl-s"><span class="pl-pds">&quot;</span> <span class="pl-pds">&quot;</span></span>;</td>
      </tr>
      <tr>
        <td id="L264" class="blob-num js-line-number" data-line-number="264"></td>
        <td id="LC264" class="blob-code blob-code-inner js-file-line">                   <span class="pl-c1"><span class="pl-c1">top</span></span>: <span class="pl-c1">-0.5<span class="pl-k">rem</span></span>; }</td>
      </tr>
      <tr>
        <td id="L265" class="blob-num js-line-number" data-line-number="265"></td>
        <td id="LC265" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L266" class="blob-num js-line-number" data-line-number="266"></td>
        <td id="LC266" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">p</span>, <span class="pl-ent">footer</span>, <span class="pl-ent">div</span><span class="pl-e">.table-wrapper</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">55<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L267" class="blob-num js-line-number" data-line-number="267"></td>
        <td id="LC267" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L268" class="blob-num js-line-number" data-line-number="268"></td>
        <td id="LC268" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">div</span><span class="pl-e">.table-wrapper</span> { <span class="pl-c1"><span class="pl-c1">overflow-x</span></span>: <span class="pl-c1">scroll</span>; }</td>
      </tr>
      <tr>
        <td id="L269" class="blob-num js-line-number" data-line-number="269"></td>
        <td id="LC269" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L270" class="blob-num js-line-number" data-line-number="270"></td>
        <td id="LC270" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@media</span> <span class="pl-c1">screen</span> <span class="pl-k">and</span> (<span class="pl-c1">max-width</span>: <span class="pl-c1">760<span class="pl-k">px</span></span>) { <span class="pl-ent">p</span>, <span class="pl-ent">footer</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">90<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L271" class="blob-num js-line-number" data-line-number="271"></td>
        <td id="LC271" class="blob-code blob-code-inner js-file-line">                                       <span class="pl-ent">pre</span><span class="pl-e">.code</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">87.5<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L272" class="blob-num js-line-number" data-line-number="272"></td>
        <td id="LC272" class="blob-code blob-code-inner js-file-line">                                       <span class="pl-ent">ul</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">85<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L273" class="blob-num js-line-number" data-line-number="273"></td>
        <td id="LC273" class="blob-code blob-code-inner js-file-line">                                       <span class="pl-ent">figure</span> { <span class="pl-c1"><span class="pl-c1">max-width</span></span>: <span class="pl-c1">90<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L274" class="blob-num js-line-number" data-line-number="274"></td>
        <td id="LC274" class="blob-code blob-code-inner js-file-line">                                       <span class="pl-ent">figcaption</span>, <span class="pl-ent">figure</span><span class="pl-e">.fullwidth</span> <span class="pl-ent">figcaption</span> { <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">0<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L275" class="blob-num js-line-number" data-line-number="275"></td>
        <td id="LC275" class="blob-code blob-code-inner js-file-line">                                                                                 <span class="pl-c1"><span class="pl-c1">max-width</span></span>: <span class="pl-c1">none</span>; }</td>
      </tr>
      <tr>
        <td id="L276" class="blob-num js-line-number" data-line-number="276"></td>
        <td id="LC276" class="blob-code blob-code-inner js-file-line">                                       <span class="pl-ent">blockquote</span> <span class="pl-ent">p</span>, <span class="pl-ent">blockquote</span> <span class="pl-ent">footer</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">90<span class="pl-k">%</span></span>; }}</td>
      </tr>
      <tr>
        <td id="L277" class="blob-num js-line-number" data-line-number="277"></td>
        <td id="LC277" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L278" class="blob-num js-line-number" data-line-number="278"></td>
        <td id="LC278" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.sans</span> { <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">&quot;</span>Gill Sans<span class="pl-pds">&quot;</span></span>, <span class="pl-s"><span class="pl-pds">&quot;</span>Gill Sans MT<span class="pl-pds">&quot;</span></span>, Calibri, <span class="pl-c1">sans-serif</span>;</td>
      </tr>
      <tr>
        <td id="L279" class="blob-num js-line-number" data-line-number="279"></td>
        <td id="LC279" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">letter-spacing</span></span>: <span class="pl-c1">.03<span class="pl-k">em</span></span>; }</td>
      </tr>
      <tr>
        <td id="L280" class="blob-num js-line-number" data-line-number="280"></td>
        <td id="LC280" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L281" class="blob-num js-line-number" data-line-number="281"></td>
        <td id="LC281" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.code</span> { <span class="pl-c1"><span class="pl-c1">font-family</span></span>: Consolas, <span class="pl-s"><span class="pl-pds">&quot;</span>Liberation Mono<span class="pl-pds">&quot;</span></span>, Menlo, <span class="pl-c1">Courier</span>, <span class="pl-c1">monospace</span>;</td>
      </tr>
      <tr>
        <td id="L282" class="blob-num js-line-number" data-line-number="282"></td>
        <td id="LC282" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.125<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L283" class="blob-num js-line-number" data-line-number="283"></td>
        <td id="LC283" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">1.6</span>; }</td>
      </tr>
      <tr>
        <td id="L284" class="blob-num js-line-number" data-line-number="284"></td>
        <td id="LC284" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L285" class="blob-num js-line-number" data-line-number="285"></td>
        <td id="LC285" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">h1</span> <span class="pl-e">.code</span>, <span class="pl-ent">h2</span> <span class="pl-e">.code</span>, <span class="pl-ent">h3</span> <span class="pl-e">.code</span> { <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">0.80<span class="pl-k">em</span></span>; }</td>
      </tr>
      <tr>
        <td id="L286" class="blob-num js-line-number" data-line-number="286"></td>
        <td id="LC286" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L287" class="blob-num js-line-number" data-line-number="287"></td>
        <td id="LC287" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.marginnote</span> <span class="pl-e">.code</span>, <span class="pl-e">.sidenote</span> <span class="pl-e">.code</span> { <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>; }</td>
      </tr>
      <tr>
        <td id="L288" class="blob-num js-line-number" data-line-number="288"></td>
        <td id="LC288" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L289" class="blob-num js-line-number" data-line-number="289"></td>
        <td id="LC289" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">pre</span><span class="pl-e">.code</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">52.5<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L290" class="blob-num js-line-number" data-line-number="290"></td>
        <td id="LC290" class="blob-code blob-code-inner js-file-line">           <span class="pl-c1"><span class="pl-c1">padding-left</span></span>: <span class="pl-c1">2.5<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L291" class="blob-num js-line-number" data-line-number="291"></td>
        <td id="LC291" class="blob-code blob-code-inner js-file-line">           <span class="pl-c1"><span class="pl-c1">overflow-x</span></span>: <span class="pl-c1">scroll</span>; }</td>
      </tr>
      <tr>
        <td id="L292" class="blob-num js-line-number" data-line-number="292"></td>
        <td id="LC292" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L293" class="blob-num js-line-number" data-line-number="293"></td>
        <td id="LC293" class="blob-code blob-code-inner js-file-line"><span class="pl-e">.fullwidth</span> { <span class="pl-c1"><span class="pl-c1">max-width</span></span>: <span class="pl-c1">90<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L294" class="blob-num js-line-number" data-line-number="294"></td>
        <td id="LC294" class="blob-code blob-code-inner js-file-line">             <span class="pl-c1"><span class="pl-c1">clear</span></span>:<span class="pl-c1">both</span>; }</td>
      </tr>
      <tr>
        <td id="L295" class="blob-num js-line-number" data-line-number="295"></td>
        <td id="LC295" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L296" class="blob-num js-line-number" data-line-number="296"></td>
        <td id="LC296" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">span</span><span class="pl-e">.newthought</span> { <span class="pl-c1"><span class="pl-c1">font-variant</span></span>: <span class="pl-c1">small-caps</span>;</td>
      </tr>
      <tr>
        <td id="L297" class="blob-num js-line-number" data-line-number="297"></td>
        <td id="LC297" class="blob-code blob-code-inner js-file-line">                  <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">1.2<span class="pl-k">em</span></span>; }</td>
      </tr>
      <tr>
        <td id="L298" class="blob-num js-line-number" data-line-number="298"></td>
        <td id="LC298" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L299" class="blob-num js-line-number" data-line-number="299"></td>
        <td id="LC299" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">input</span><span class="pl-e">.margin-toggle</span> { <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">none</span>; }</td>
      </tr>
      <tr>
        <td id="L300" class="blob-num js-line-number" data-line-number="300"></td>
        <td id="LC300" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L301" class="blob-num js-line-number" data-line-number="301"></td>
        <td id="LC301" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">label</span><span class="pl-e">.sidenote-number</span> { <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">inline</span>; }</td>
      </tr>
      <tr>
        <td id="L302" class="blob-num js-line-number" data-line-number="302"></td>
        <td id="LC302" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L303" class="blob-num js-line-number" data-line-number="303"></td>
        <td id="LC303" class="blob-code blob-code-inner js-file-line"><span class="pl-ent">label</span><span class="pl-e">.margin-toggle</span><span class="pl-e">:not</span>(<span class="pl-e">.sidenote-number</span>) { <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">none</span>; }</td>
      </tr>
      <tr>
        <td id="L304" class="blob-num js-line-number" data-line-number="304"></td>
        <td id="LC304" class="blob-code blob-code-inner js-file-line">
</td>
      </tr>
      <tr>
        <td id="L305" class="blob-num js-line-number" data-line-number="305"></td>
        <td id="LC305" class="blob-code blob-code-inner js-file-line"><span class="pl-k">@media</span> (<span class="pl-c1">max-width</span>: <span class="pl-c1">760<span class="pl-k">px</span></span>) { <span class="pl-ent">label</span><span class="pl-e">.margin-toggle</span><span class="pl-e">:not</span>(<span class="pl-e">.sidenote-number</span>) { <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">inline</span>; }</td>
      </tr>
      <tr>
        <td id="L306" class="blob-num js-line-number" data-line-number="306"></td>
        <td id="LC306" class="blob-code blob-code-inner js-file-line">                            <span class="pl-e">.sidenote</span>, <span class="pl-e">.marginnote</span> { <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">none</span>; }</td>
      </tr>
      <tr>
        <td id="L307" class="blob-num js-line-number" data-line-number="307"></td>
        <td id="LC307" class="blob-code blob-code-inner js-file-line">                            <span class="pl-e">.margin-toggle</span><span class="pl-e">:checked</span> + <span class="pl-e">.sidenote</span>,</td>
      </tr>
      <tr>
        <td id="L308" class="blob-num js-line-number" data-line-number="308"></td>
        <td id="LC308" class="blob-code blob-code-inner js-file-line">                            <span class="pl-e">.margin-toggle</span><span class="pl-e">:checked</span> + <span class="pl-e">.marginnote</span> { <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span>;</td>
      </tr>
      <tr>
        <td id="L309" class="blob-num js-line-number" data-line-number="309"></td>
        <td id="LC309" class="blob-code blob-code-inner js-file-line">                                                                   <span class="pl-c1"><span class="pl-c1">float</span></span>: <span class="pl-c1">left</span>;</td>
      </tr>
      <tr>
        <td id="L310" class="blob-num js-line-number" data-line-number="310"></td>
        <td id="LC310" class="blob-code blob-code-inner js-file-line">                                                                   <span class="pl-c1"><span class="pl-c1">left</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L311" class="blob-num js-line-number" data-line-number="311"></td>
        <td id="LC311" class="blob-code blob-code-inner js-file-line">                                                                   <span class="pl-c1"><span class="pl-c1">clear</span></span>: <span class="pl-c1">both</span>;</td>
      </tr>
      <tr>
        <td id="L312" class="blob-num js-line-number" data-line-number="312"></td>
        <td id="LC312" class="blob-code blob-code-inner js-file-line">                                                                   <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">95<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L313" class="blob-num js-line-number" data-line-number="313"></td>
        <td id="LC313" class="blob-code blob-code-inner js-file-line">                                                                   <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span> <span class="pl-c1">2.5<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L314" class="blob-num js-line-number" data-line-number="314"></td>
        <td id="LC314" class="blob-code blob-code-inner js-file-line">                                                                   <span class="pl-c1"><span class="pl-c1">vertical-align</span></span>: <span class="pl-c1">baseline</span>;</td>
      </tr>
      <tr>
        <td id="L315" class="blob-num js-line-number" data-line-number="315"></td>
        <td id="LC315" class="blob-code blob-code-inner js-file-line">                                                                   <span class="pl-c1"><span class="pl-c1">position</span></span>: <span class="pl-c1">relative</span>; }</td>
      </tr>
      <tr>
        <td id="L316" class="blob-num js-line-number" data-line-number="316"></td>
        <td id="LC316" class="blob-code blob-code-inner js-file-line">                            <span class="pl-ent">label</span> { <span class="pl-c1"><span class="pl-c1">cursor</span></span>: <span class="pl-c1">pointer</span>; }</td>
      </tr>
      <tr>
        <td id="L317" class="blob-num js-line-number" data-line-number="317"></td>
        <td id="LC317" class="blob-code blob-code-inner js-file-line">                            <span class="pl-ent">pre</span><span class="pl-e">.code</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">90<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L318" class="blob-num js-line-number" data-line-number="318"></td>
        <td id="LC318" class="blob-code blob-code-inner js-file-line">                                       <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>; }</td>
      </tr>
      <tr>
        <td id="L319" class="blob-num js-line-number" data-line-number="319"></td>
        <td id="LC319" class="blob-code blob-code-inner js-file-line">                            <span class="pl-e">.table-caption</span> { <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span>;</td>
      </tr>
      <tr>
        <td id="L320" class="blob-num js-line-number" data-line-number="320"></td>
        <td id="LC320" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">float</span></span>: <span class="pl-c1">right</span>;</td>
      </tr>
      <tr>
        <td id="L321" class="blob-num js-line-number" data-line-number="321"></td>
        <td id="LC321" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">clear</span></span>: <span class="pl-c1">both</span>;</td>
      </tr>
      <tr>
        <td id="L322" class="blob-num js-line-number" data-line-number="322"></td>
        <td id="LC322" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">98<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L323" class="blob-num js-line-number" data-line-number="323"></td>
        <td id="LC323" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">1<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L324" class="blob-num js-line-number" data-line-number="324"></td>
        <td id="LC324" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">0.5<span class="pl-k">rem</span></span>;</td>
      </tr>
      <tr>
        <td id="L325" class="blob-num js-line-number" data-line-number="325"></td>
        <td id="LC325" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">margin-left</span></span>: <span class="pl-c1">1<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L326" class="blob-num js-line-number" data-line-number="326"></td>
        <td id="LC326" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">1<span class="pl-k">%</span></span>;</td>
      </tr>
      <tr>
        <td id="L327" class="blob-num js-line-number" data-line-number="327"></td>
        <td id="LC327" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">vertical-align</span></span>: <span class="pl-c1">baseline</span>;</td>
      </tr>
      <tr>
        <td id="L328" class="blob-num js-line-number" data-line-number="328"></td>
        <td id="LC328" class="blob-code blob-code-inner js-file-line">                                             <span class="pl-c1"><span class="pl-c1">position</span></span>: <span class="pl-c1">relative</span>; }</td>
      </tr>
      <tr>
        <td id="L329" class="blob-num js-line-number" data-line-number="329"></td>
        <td id="LC329" class="blob-code blob-code-inner js-file-line">                            <span class="pl-ent">div</span><span class="pl-e">.table-wrapper</span>, <span class="pl-ent">table</span>, <span class="pl-ent">table</span><span class="pl-e">.booktabs</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">85<span class="pl-k">%</span></span>; }</td>
      </tr>
      <tr>
        <td id="L330" class="blob-num js-line-number" data-line-number="330"></td>
        <td id="LC330" class="blob-code blob-code-inner js-file-line">                            <span class="pl-ent">div</span><span class="pl-e">.table-wrapper</span> { <span class="pl-c1"><span class="pl-c1">border-right</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">#efefef</span>; }</td>
      </tr>
      <tr>
        <td id="L331" class="blob-num js-line-number" data-line-number="331"></td>
        <td id="LC331" class="blob-code blob-code-inner js-file-line">                            <span class="pl-ent">img</span> { <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">%</span></span>; } }</td>
      </tr>
</table>

  </div>

</div>

<a href="#jump-to-line" rel="facebox[.linejump]" data-hotkey="l" style="display:none">Jump to Line</a>
<div id="jump-to-line" style="display:none">
  <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="" class="js-jump-to-line-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
    <input class="linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line&hellip;" aria-label="Jump to line" autofocus>
    <button type="submit" class="btn">Go</button>
</form></div>

        </div>
      </div>
      <div class="modal-backdrop"></div>
    </div>
  </div>


    </div>

      <div class="container">
  <div class="site-footer" role="contentinfo">
    <ul class="site-footer-links right">
        <li><a href="https://status.github.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
      <li><a href="https://developer.github.com" data-ga-click="Footer, go to api, text:api">API</a></li>
      <li><a href="https://training.github.com" data-ga-click="Footer, go to training, text:training">Training</a></li>
      <li><a href="https://shop.github.com" data-ga-click="Footer, go to shop, text:shop">Shop</a></li>
        <li><a href="https://github.com/blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
        <li><a href="https://github.com/about" data-ga-click="Footer, go to about, text:about">About</a></li>
        <li><a href="https://github.com/pricing" data-ga-click="Footer, go to pricing, text:pricing">Pricing</a></li>

    </ul>

    <a href="https://github.com" aria-label="Homepage">
      <span class="mega-octicon octicon-mark-github" title="GitHub"></span>
</a>
    <ul class="site-footer-links">
      <li>&copy; 2015 <span title="0.04634s from github-fe132-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
        <li><a href="https://github.com/site/terms" data-ga-click="Footer, go to terms, text:terms">Terms</a></li>
        <li><a href="https://github.com/site/privacy" data-ga-click="Footer, go to privacy, text:privacy">Privacy</a></li>
        <li><a href="https://github.com/security" data-ga-click="Footer, go to security, text:security">Security</a></li>
        <li><a href="https://github.com/contact" data-ga-click="Footer, go to contact, text:contact">Contact</a></li>
        <li><a href="https://help.github.com" data-ga-click="Footer, go to help, text:help">Help</a></li>
    </ul>
  </div>
</div>


    <div id="ajax-error-message" class="flash flash-error">
      <span class="octicon octicon-alert"></span>
      <button type="button" class="flash-close js-flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
        <span class="octicon octicon-x"></span>
      </button>
      Something went wrong with that request. Please try again.
    </div>


      <script crossorigin="anonymous" src="https://assets-cdn.github.com/assets/frameworks-f8473dece7242da6a20d52313634881b3975c52cebaa1e6c38157c0f26185691.js"></script>
      <script async="async" crossorigin="anonymous" src="https://assets-cdn.github.com/assets/github-7ac34dfed34a13a6e71de82dce5115d023d7db48bfba91b2250fc03803c4b7b6.js"></script>
      
      
    <div class="js-stale-session-flash stale-session-flash flash flash-warn flash-banner hidden">
      <span class="octicon octicon-alert"></span>
      <span class="signed-in-tab-flash">You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
      <span class="signed-out-tab-flash">You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
    </div>
  </body>
</html>