+#content img.left {
+ margin:0 1em 1em 0;
+ float:left;
+ clear:left;
+}
+
+#content img.center {
+ display: block;
+ margin:1em auto 1em auto;
+ clear: both;
+}
+
+#content img.mini {
+ width:200px;
+}
+
+#content img.mini:hover {
+ width: 100%;
+ /*transition: width .5s ease; doesn't work on right-floated figures */
+}
+
+#content p.center {
+ text-align:center;
+}
+
+#content .note,
+#content .warning,
+#content .fixme {
+ min-height: 1.5ex;
+ padding: 1em;
+ margin-bottom: 1em;
+ border-style: solid;
+ border-width: 1px 1px 1px 8px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+#content code {
+ font-size: .9em;
+ color: #555;
+}
+
+#content .note {
+ border-color: #e3e3e3;
+ background-color: #f5f5f5;
+}
+
+#content .warning {
+ border-color: #995555;
+ background-color: #ffeeee;
+}
+
+#content .fixme {
+ border-color: #999944;
+ background-color: #f0f0e0;
+ font-weight:bold;
+}
+
+.fixme:before {
+ content:'FIXME: ';
+ font-style: italic;
+ font-size:2em;
+}
+
+/* Keyboard modifiers */
+.mod1:before { content: "Ctrl ";}
+.mod2:before { content: "Alt ";}
+.mod3:before { content: "Shift ";}
+.mod4:before { content: "Win ";}
+.mod12:before { content: "Ctrl Alt ";}
+.mod13:before { content: "Ctrl Shift ";}
+.mod14:before { content: "Ctrl Win ";}
+.mod23:before { content: "Alt Shift ";}
+.kp:before { content: "Keypad ";}
+/* Variants *without* space after them (yes, these are needed!) */
+.mod1n:before { content: "Ctrl";}
+.mod2n:before { content: "Alt";}
+.mod3n:before { content: "Shift";}
+.mod4n:before { content: "Win";}
+.mod12n:before { content: "Ctrl Alt";}
+.mod13n:before { content: "Ctrl Shift";}
+.mod14n:before { content: "Ctrl Win";}
+.mod23n:before { content: "Alt Shift";}
+/* Automagic translation for Mac based display */
+.mac .mod1:before { content: "Cmd ";}
+.mac .mod2:before { content: "Ctrl ";}
+.mac .mod3:before { content: "Shift ";}
+.mac .mod4:before { content: "Opt ";}
+.mac .mod12:before { content: "Cmd Ctrl ";}
+.mac .mod13:before { content: "Cmd Shift ";}
+.mac .mod14:before { content: "Cmd Opt ";}
+.mac .mod23:before { content: "Ctrl Shift ";}
+/* No space variants (Mac based) */
+.mac .mod1n:before { content: "Cmd";}
+.mac .mod2n:before { content: "Ctrl";}
+.mac .mod3n:before { content: "Shift";}
+.mac .mod4n:before { content: "Opt";}
+.mac .mod12n:before { content: "Cmd Ctrl";}
+.mac .mod13n:before { content: "Cmd Shift";}
+.mac .mod14n:before { content: "Cmd Opt";}
+.mac .mod23n:before { content: "Ctrl Shift";}
+
+@media (max-width: 800px) {
+ #tree {
+ position: relative;
+ height: 250px;
+ width: 100%;
+ margin-top: 20px;
+ }
+ #content {
+ padding-left: 20px;
+ margin-top: 0px;
+ }
+}
+
+/* for the TOC */
+#content p.chapter,
+#content p.subchapter,
+#content p.section,
+#content p.subsection {
+ line-height:1em;
+}
+#content p.chapter { padding-top: 1em; padding-left: 1em; padding-bottom:1em; }
+#content p.subchapter { padding-left: 4em; }
+#content p.section { padding-left: 6em; }
+#content p.subsection { padding-left: 8em; }
+
+/* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
+.container { position: relative; border: none; }
+.hoverimg { position: absolute; border: none; }
+.hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }