diff --git a/header.tpl b/header.tpl
index 101e271..52f8ae5 100644
--- a/header.tpl
+++ b/header.tpl
@@ -10,7 +10,7 @@
   <style type="text/css">
   body {
     font-family: Roboto,Helvetica,sans-serif;
-    background: #e7e7e7;
+    background: #ddd;
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
@@ -23,14 +23,14 @@
   }
   h1 {
     font-size: 25px;
-    color: #eee;
+    color: #efefef;
     width: 80%;
     float: left;
   }
   ul {
     border-radius: 10px;
     border:1px solid #c0c0c0;
-    background:white;
+    background: #efefef;
     box-shadow: 2px 2px 5px #bbb;
   }
   ul.a {
@@ -62,45 +62,6 @@
   .other {
     color: #666;
   }
-  #header {
-    background: white;
-    border-radius: 10px;
-    border: 1px solid #c0c0c0;
-    text-align: justify;
-    overflow: hidden;
-    box-shadow: 2px 2px 5px #bbb;
-  }
-  #header-top {
-    text-align: center;
-    background: #333;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid #c0c0c0;
-    overflow: auto;
-  }
-  #header-left {
-    float: left;
-    width: 75%;
-    padding: 20px;
-  }
-  #header-right {
-    float: right;
-    padding: 20px;
-    padding-left: 0px;
-    font-size: 14px;
-  }
-  .header-right img {
-    height: 100%;
-  }
-  #header-bottom {
-    text-align: center;
-    padding-bottom: 20px;
-  }
-  #oalogo {
-    float: left;
-    padding-left: 20px;
-    height: 100px;
-  }
   #footer {
     text-align: center;
     line-height: 20px;
@@ -122,12 +83,6 @@
   .menu-item {
     padding-bottom: 5px;
   }
-  #openaccess-logo {
-    float: right;
-    height: 4em;
-    vertical-align: middle;
-    padding-right: 20px;
-  }
   .url {
     font-family: monospace;
     font-size: 12px;
@@ -135,58 +90,131 @@
   :target {
     background-color: #f6ba81;
   }
+  #left-header {
+    flex: 4;
+    background: #efefef;
+    margin-right: 0.5em;
+    border-radius: 10px;
+    border: 1px solid #c0c0c0;
+    box-shadow: 2px 2px 5px #bbb;
+    overflow: hidden; /* For child elements to inherit rounded corners. */
+  }
+  #right-header {
+    flex: 1;
+    background: #efefef;
+    margin-left: 0.5em;
+    background: #333 url('img/research-power-tools-cover.jpg') no-repeat;
+    background-size: 100%;
+  }
+  .round-shadow {
+    border-radius: 10px;
+    border: 1px solid #c0c0c0;
+    box-shadow: 2px 2px 5px #bbb;
+    overflow: hidden; /* For child elements to inherit rounded corners. */
+  }
+  .flex-row {
+    display: flex;
+  }
+  .flex-column {
+    display: flex;
+    flex-direction: column;
+  }
+  #title-box {
+    text-align: center;
+    background: #333 url('open-access.svg') right/25% no-repeat;
+  }
+  #censorbib-description {
+    padding: 1em;
+    flex: 5;
+  }
+  #censorbib-links {
+    padding: 1em;
+    flex: 2;
+    font-size: 0.9em;
+  }
+  #book-info {
+    text-align: center;
+    padding: 0.5em;
+    background: #333;
+    color: #efefef;
+  }
+  #book-info > a:link {
+    color: #d94b7b
+  }
+  #book-info > a:visited {
+    color: #d94b7b
+  }
   </style>
 </head>
 
 <body>
 
-  <div id="header">
+  <div class="flex-row">
 
-    <div id="header-top">
-      <h1>Selected Research Papers in Internet Censorship</h1>
-      <a href="https://en.wikipedia.org/wiki/Open_access">
-        <img id="openaccess-logo" src="open-access.svg" alt="open access logo"/>
-      </a>
-    </div>
+    <div id="left-header" class="flex-column" class="round-shadow">
 
-    <div id="header-left">
-      <p>
-        CensorBib is an online archive of selected research papers in the field
-        of Internet censorship.  Most papers on CensorBib approach the topic
-        from a technical angle, by proposing designs that circumvent censorship
-        systems, or by measuring how censorship works.  The icons next to each
-        paper make it easy to download, cite, and link to papers.  If you think
-        I missed a paper,
-        <a href="https://nymity.ch/contact.txt">let me know</a>.
-        You can sort papers by
-        <a href="year.html">year</a>,
-        <a href="year_reverse.html">reverse year</a> (default),
-        <a href="author.html">author</a>, and
-        <a href="author_reverse.html">reverse author</a>.
-        Finally, the
-        <a href="https://github.com/net4people/bbs/issues">net4people/bbs forum</a>
-        has reading groups for many of the papers listed below.
-      </p>
-    </div>
+      <div id="title-box">
+        <h1>Selected Research Papers<br>in Internet Censorship</h1>
+      </div>
+
+      <div class="flex-row">
+
+        <div id="censorbib-description">
+          CensorBib is an online archive of selected research papers in the field
+          of Internet censorship.  Most papers on CensorBib approach the topic
+          from a technical angle, by proposing designs that circumvent censorship
+          systems, or by measuring how censorship works.  The icons next to each
+          paper make it easy to download, cite, and link to papers.  If you think
+          I missed a paper,
+          <a href="https://nymity.ch/contact.txt">let me know</a>.
+          You can sort papers by
+          <a href="year.html">year</a>,
+          <a href="year_reverse.html">reverse year</a> (default),
+          <a href="author.html">author</a>, and
+          <a href="author_reverse.html">reverse author</a>.
+          Finally, the
+          <a href="https://github.com/net4people/bbs/issues">net4people/bbs forum</a>
+          has reading groups for many of the papers listed below.
+        </div> <!-- censorbib-description -->
+
+        <div id="censorbib-links">
+          <div class="menu-item">
+              <img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/>
+              <a href="http://putnst3yv7k6vvb3avdqgdutrz3kaufitaiwbjhjox7o3daakr43fhad.onion">Onion service mirror</a>
+          </div>
+          <div class="menu-item">
+            <img class="top-icon" src="img/code-icon.svg" alt="source code icon"/>
+            <a href="https://github.com/NullHypothesis/censorbib">CensorBib code</a>
+          </div>
+          <div class="menu-item">
+            <img class="top-icon" src="img/update-icon.svg" alt="update icon"/>
+            <a
+            href="https://github.com/NullHypothesis/censorbib/commits/master">Last update: 2023-02-26</a>
+          </div>
+          <div class="menu-item">
+            <img class="top-icon" src="img/donate-icon.svg" alt="donate icon"/>
+            <a href="https://nymity.ch/donate.html">Donate</a>
+          </div>
+        </div> <!-- censorbib-links -->
 
-    <div id="header-right">
-      <div class="menu-item">
-        <img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/>
-        <a href="http://putnst3yv7k6vvb3avdqgdutrz3kaufitaiwbjhjox7o3daakr43fhad.onion">Onion service mirror</a>
       </div>
-      <div class="menu-item">
-        <img class="top-icon" src="img/code-icon.svg" alt="source code icon"/>
-        <a href="https://github.com/NullHypothesis/censorbib">CensorBib code</a>
+
+    </div> <!-- left-header -->
+
+    <div id="right-header" class="round-shadow">
+
+      <div class="flex-column" style="height: 100%">
+        <div style="flex: 1 1 auto">
+        </div>
+
+        <div id="book-info" style="flex: 0 1 auto">
+          Are you a researcher? If so, you may like my book
+          <a href="http://research-power-tools.com">Research Power Tools</a>.
+        </div>
       </div>
-      <div class="menu-item">
-        <img class="top-icon" src="img/update-icon.svg" alt="update icon"/>
-        <a
-        href="https://github.com/NullHypothesis/censorbib/commits/master">Last update: 2023-02-26</a>
-      </div>
-      <div class="menu-item">
-        <img class="top-icon" src="img/donate-icon.svg" alt="donate icon"/>
-        <a href="https://nymity.ch/donate.html">Donate</a>
-      </div>
-    </div>
+
+    </div> <!-- right-header -->
 
   </div>
+
+<body>
diff --git a/img/research-power-tools-cover.jpg b/img/research-power-tools-cover.jpg
new file mode 100644
index 0000000..3710552
Binary files /dev/null and b/img/research-power-tools-cover.jpg differ
