+<h3>Menu Items</h3>
+<p>
+ Menu items are indicated like this:<br />
+ <kbd class="menu">Top > Next > Deeper</kbd>.<br />
+ Each ">"-separated item indicates one level of a nested (sub-)menu.
+</p>
+
+<h3>Preference/Dialog Options</h3>
+<p>
+ Choices in various dialogs, notably the Preferences and Properties dialog, are
+ indicated like this:<br />
+ <kbd class="option">Edit > Preferences > Audio > Some
+ Option</kbd>.<br />
+ Each successive item indicates either a (sub-) menu or a tabbed dialog
+ navigation. The final item is the one to choose or select.
+</p>
+<p>
+ If you are requested to deselect an option, you will see something like
+ this:<br />
+ <kbd class="optoff">Edit > Preferences > Audio > Some other
+ Option</kbd>.<br />
+</p>
+
+<h3>User Input</h3>
+<p>
+ Some dialogs or features may require you to type in some <kbd class="input">data
+ such as this</kbd>. In rare cases, you will be required to perform certain
+ operations at the command line of your operating system:
+</p>
+<kbd class="lincmd">cat /proc/cpuinfo</kbd>
+<kbd class="maccmd">sleep 3600</kbd>
+<kbd class="wincmd">ping www.google.com</kbd>
+
+<h3>Program Output</h3>
+<p>
+ Important messages from Ardour or other programs will be displayed
+ <samp>like this</samp>.
+</p>
+
+<h3>Notes</h3>
+<p class="note">
+ Important notes about things that might not otherwise be obvious are shown in
+ this format.
+</p>
+
+<h3>Warnings</h3>
+<p class="warning">
+ Hairy issues that might cause things to go wrong, lose data, impair sound
+ quality, or eat your proverbial goldfish are displayed in this way.
+</p>
+