/*
   Base stylesheet for EPICS v4, for inclusion in all web pages (those
   intended for display, like index.html, and those intended as documents
   like gettingStarted.html). 
 
   Auth: Greg White, SLAC 2014
   Based on the w3c base.css but extended and modified quite a lot.
 */

body {
  margin: 0;
  font-family: sans-serif;
  font-size: 85%;
  font-weight: normal;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

a:link { text-decoration: none; color: blue }
a:visited { text-decoration: none; color: blue }
a:hover { text-decoration: underline; color: blue }
a.priv { color:rgb(150,0,0) } /* private class is to indicate a link only accessible within SLAC */
a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

th, td { /* ns 4 */
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 { text-align: left }
/* background should be transparent, but WebTV has a bug */
/* w3c blue #005A9C */
/* Our light blue #6C6BF4 */
/* Our darker blue #6C4BF4 */

/* SLAC web pages light blue = #498BA1. Style all headers in that. */
h1, h2, h3,h4 { 
    color: #498BA1; 
    background: white; 
    margin-bottom: 0;
    padding-bottom: 0.15em;
    font-weight: normal;
}
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif;  padding-top: .9em }
h4 { font: bold 100% sans-serif; margin-bottom: 0.5em }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }
h2 { margin-top: 1.5em;  
     border-bottom: 1px solid #ccc; 
}
h2.first { margin-top: 1.0em }   /* First h2 not so big top space, so doesn't look weird */

.hide { display: none }

div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }

/* Copyright notice, really small */
p.copyright { font-size: small }
p.copyright small { font-size: small }

/* The ed class of paragraphs and spans is for editors notes. Put them in red with [] around text */
p.ed { color:red }
p.ed:before { content:"[" }
p.ed:after { content:"]" }
span.ed { color:red }
span.ed:before { content:"[" }
span.ed:after { content:"]" }

/* Caption paragraphs, as used to caption pre etc */
p.caption { font-size:smaller;font-style:italic;margin-left:2em;margin-right:2em }

/* "bib" class of <a> tags is used for constructing a link to a 
bibliography section. bib class of dt puts [ ] around text of the definition, and takes the
name of the target as the link text. <a> tag class "bibref" is for the link to the external
content, it just help you avoid typing the URL twice, once as the content of the href and
once as the <a> tag text.  */
a.bib:before { content:"["attr(href) }
a.bib:after { content:"]" }
dt.bib:before { content:"["attr(id) }
dt.bib:after { content:"]" }
a.bibref:before {font-style:italic; content:attr(href) }

/* Indent pre */
pre { margin-left: 2em }
pre, code { font-family: monospace } /* navigator 4 requires this */

/* Definition lists, space so each definition has space between last and dt of the next */
dt { margin-top: .5em; margin-bottom: 0 } /* opera 3.50 */
dd { margin-top: 0; margin-bottom: .5em }
dt { font-weight: bold }

/* Make lists a little more spaced out */
li { margin-bottom:0.5em }
ul, ol li:first-child { margin-top:0.3em }

ul.toc, ol.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

/* Add a class to help centering */

.centeredImage
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

@media print {
     body { margin-right: 1%;
            font-size: smaller
     }
}
@media screen {
    body { margin: 1em 2em 2em 2em }
    a[href]:hover { background: #fff }
}   
h4, h5, blockquote { margin-left: 1em }

/*
@media screen {  hide from IE3
a[href]:hover { background: #ffa }
}
*/

@media aural {  
  h1, h2, h3,h4 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}