/*
  Time-stamp: <Monday 2 September 2013 / stark.css>

  Style file for personal web pages

  Ian Stark
*/

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

/* This is an odd one.  I really do want the following assigment of fonts, but
   if a Firefox user says that their font defaults should override page
   choices then these all appear as the standard proportional font, not
   monospaced.  If I don't explicitly assign them here, a default style (which
   probably does put monospace on all of them) takes over and everything is
   OK.  See Mozilla bug 79074.
*/
/*
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,iframe,table { 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,iframe 
{ padding: 0 3%; margin-left: 0; margin-right: 0 }

p,ul,ol,dl { margin-top: 1.2ex; margin-bottom: 1.2ex }

h4 { margin-top: 2ex; margin-bottom: 1.2ex }

li { margin: 0 0 0.2ex 1.5em }
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 }

/* Colours for links that I want to be there, but need not draw attention to */
a.silent { color: black }

/* Banners on headers 1,3+5 hide links on all */
h1, h3, h5 { 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 }


/* Fix up spacing for description lists */

dt { font-weight: bold; margin-top: 1em }
dd { margin: 1.2ex 0 1.2ex 1em }
dd p { padding: 0 }

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

.keywords, .cutequote { font-size:x-small }
.cutequote { text-align: right }

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

/* End of file */
