/* 1112-1.0 ... stark but not sterile
 */
body { height: 100%; padding: 0; margin: 0; }
h1 { margin: 0 auto 3em; padding-top: 0.5em; text-align: center; font-size: 1.75em; color: #aaaab8; }
h1+h2 { margin: -3em auto 1em !important; }
h2 { margin: 1.5em auto 0.5em; text-align: center; color: #99a; }
h3, h4, h5, h6, p { margin: 1em; }
a, a:link, a:active { color: #22c; }
a:visited { color: #559; }
a>img { border: 0; } /* generally what we want... */
a.external { padding-right: 15px; background-image: url('/img/icon-external-link.jpg'); background-position: 99% 55%; background-repeat: no-repeat; }
ul { list-style-image: url('/img/icon-gray-arrow.png'); }

/* useful classes */
.centered { margin: auto; text-align: center; }
.small { font-size: 0.85em; }
.hidden { display: none; }
.accessibility { position: absolute; top: -9999em; left: -9999em; } /* better without visibility:hidden */

ul.inline { display: inline; margin: 0; padding: 0; list-style-type: none; }
ul.inline>li { display: inline; background: none; margin: 0; border-left: 0; padding: 0.75em; }
ul.inline>li:first-child { border-left: 0; }
#ul.inline>li:before { content: '... '; }
#ul.inline>li:first-child:before { content: ''; }

div.imagegallery { }
div.imagegallery img { max-width: 300px; max-height: 250px; margin: 1em; vertical-align: middle; }