/*
  Time-stamp: <31 July 2025 / patrickmaier.css>

  Style file for personal web pages

  Patrick Maier
*/

body,p,td,ul
 { font-family: sans-serif; color: black; background-color:
 white }

pre, tt, code, kbd, samp { font-family: monospace } 


/* Limit the size of the text -- too wide is unreadable, but I do want to fill
   the window most of the time */
body { max-width: 67em; padding: 0 }
p,dl,ol,ul,blockquote { max-width: 57em }

/* Arrange to center everything when the window is large */
body { margin: auto }


/* Use padding and margins to get the background 
   on the headers to stretch to the edges. */ 
h1,h2,h3,h4,h5,h6,p,dl,ol,ul,table,pre 
   { padding: 0 3%; margin-left: 0; margin-right: 0 }

li { margin-left: 2em }
li p { padding: 0 }

/* Colours for links */
a { color: rgb(0,51,102) }
a:link { color: rgb(51,102,153) }
a:hover, a:focus, a:active { color: purple; text-decoration: underline }


/* Banners on headers 1,3+4, hide links on all */
h1, h3, h4 { background-color: rgb(213,234,255) }
h1 a, h2 a, h3 a, h4 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link 
  { color: black }


/* Space out description lists */
dt { font-weight: bold; margin-top: 1em }
dd { margin-bottom: 1em }


/* Various things come in smaller sizes: time-stamp in the footer, keywords, a
   footnote, cute quotes, and notes of supporting funding */
h4, .keywords, .support, .footnote, .cutequote
{ font-weight: normal; font-size: smaller; }

.cutequote { text-align: right; margin-left: 2em; }

/* Those that are still part of the body text need a larger maximum width */
.keywords, .support, .footnote, .cutequote { max-width: 68em }


/* End of file */