/* grafos-exercicios/front.css */
HTML { 
  color: #000060; 
  background-color: #ffffff; 
  font-size: 20px;
  font-family: "Book Antiqua", "Century Schoolbook L", "Comic Sans MS", "URW Bookman L", "Garamond", "TeXGyrePagella", "DejaVu Serif", "Purisa", serif; 
}
body { 
  margin-left: 8%; 
  margin-right: 8%;
  font-size: 1em;
}
              
/*--- ordinary links ---*/
a:link {
  /* color: #cceeff; */
  /* color: #554433; brown? */
  /* color: #8000e0; */ /* light purple */
  color: #0000ff; /* default color for UNvisited */
  text-decoration: underline;
  text-decoration: none;
} 
a:visited {
  /* color: #00b0b0; */
  /* color: #0040a0; */
  /* color: #551a8b; default color */
  color: #0000d0;
  text-decoration: none;
}
a:hover { /* Must come after :link and :visited */
  color: #d05010; /* orange */
  text-decoration: underline;
}
a:active {
  color: #d05010; /* orange */
  text-decoration: underline;
} 

a.indxh1:link {
  color: #d05010;
  text-decoration: none;
} 
a.indxh1:visited {
  color: #d05010;
  text-decoration: none;
}
a.indxh1:hover { /* Must come after :link and :visited */
  color: red;
  text-decoration: underline;
}
a.indxh1:active {
  color: red;
} 
a.indxh3:link {
  color: #102080;
  text-decoration: none;
} 
a.indxh3:visited {
  color: #102080;
  text-decoration: none;
}
a.indxh3:hover { /* Must come after :link and :visited */
  color: red;
  text-decoration: underline;
}
a.indxh3:active {
  color: red;
} 

/* abbr */
abbr {
   color: #0000ff; /* same as a:link */
   /* text-decoration: underline; */
}
abbr:hover {
   color: #d05010; /* orange */
}

.menu { 
  position: relative; /*yes*/
  display: inline;
  top: 2px;
/*left: 0%; right: 81%;*/
/*margin-left: auto; margin-right: auto; no effect*/
  text-align: center;
  width: 99%; /*??*/
  border: medium solid #ffffff; /*??*/
  font-size: 0.9em;  
  border: 0px solid black; /*scaffold*/
}
a.menutitle { /*not used*/
  color: #000050;
  background-color: #80b0f0; 
  /* font-weight: bold; */
  padding: 1px;
  text-align: center; 
  border-bottom: medium solid #ffffff; 
  text-decoration: none; 
}
a.menuselected { 
  position: relative; /*yes*/
  display: inline; /*important*/
  color: #000050;
  background-color: #80b0f0; 
  font-weight: normal;
  padding: 1px 5px 1px 5px;
/*text-align: left; ??*/
  /*border-top: medium solid #ffffff; */
  border-bottom: medium solid #ffffff; 
  text-decoration: none; 
}
a.menuselected:hover { 
  position: relative; /*yes*/
  display: inline; /*important*/
  color: #000050;
  background-color: #80b0f0; 
  font-weight: normal;
  padding: 1px 5px 1px 5px;
  /*border-top: medium solid #ffffff; */
  border-bottom: medium solid #ffffff; 
  text-decoration: none; 
}
a.menuitem { 
  position: relative; /*yes*/
  display: inline; /*important*/
  color: #000050;
  background-color: #e0f0ff;
  font-weight: normal;
  padding: 1px 5px 1px 5px;
  /*border-top: medium solid #ffffff; */
  border-bottom: medium solid #ffffff; 
  text-decoration: none; 
}
a.menuitem:hover { 
  position: relative; /*yes*/
  display: inline; /*important*/
  color: #000050;
  background-color: #80b0f0;
  font-weight: normal;
  padding: 1px 5px 1px 5px;
  /*border-top: medium solid #ffffff; */
  border-bottom: medium solid #ffffff; 
  text-decoration: none; 
}
a.menuitem:active { 
  position: relative; /*yes*/
  display: inline; /*important*/
  color: white;
  background-color: #0040a0;
  font-weight: normal;
  padding: 1px 5px 1px 5px;
  /*border-top: medium solid #ffffff; */
  border-bottom: medium solid #ffffff; 
  text-decoration: none; 
}



table {
   font-size: 100%;
}
p.petersen {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 0em;
  border: 0px solid black; /*scaffold*/
}
img.petersen { 
/*width:  150px;*/
  height: 150px;
/*float: right;*/
  border: 0px solid black; /*scaffold*/
}
h1.indx {
   /* color: #102080; */ /* almost dark blue */
   /* color: #003080; */
   color: #d05010; /* orange */
   margin-top: 2.5em;
   margin-bottom: 0.5em;
   text-align: center;
}
h2.indx {
   color: #102080;
   margin-top: 1.5em;
   /* margin-bottom: 0em; bad on Explorer, inocuous on Netscape */
   text-align: center;
}
h3.indx {
   color: #102080;
   margin-top: 1.5em;
   /* margin-bottom: 0em; bad on Explorer, inocuous on Netscape */
   text-align: center;
}
h1.std { 
   margin-top: 2em;
   text-align: left; 
   /* color: #1060d0; */
   /* color: #001070; */
   color: #1030a0;
}
h2.std {
  /* color: #1060d0; */
  color: #1030a0; 
  margin-top: 1em; 
  margin-bottom: 0.3em; /* 0em is bad on Explorer and inocuous on Netscape */
}
h2.std-center {
  color: #1030a0; 
  text-align: center;
  margin-top: 1em; 
  margin-bottom: 0.3em; /* 0em is bad on Explorer and inocuous on Netscape */
}
h3.std { 
  text-align: left; 
  color: #1030a0; 
}
              

.meta            { font-style: normal; 
                   text-align: left; 
                 }
              
p.right {
   text-align: right;
}

p.one {
   margin-top: 0.1em;
   margin-bottom: 0.1em;
   margin-left: 0;
}
p.one-letter {
   margin-top: 1em;
   margin-bottom: 0.1em;
   font-size: 1.3em;
}
p.two {
   margin-top: 0.1em;
   margin-bottom: 0.1em;
   margin-left: 2em;
}
p.three {
   margin-top: 0.1em;
   margin-bottom: 0.1em;
   margin-left: 4em;
}

li.sp {
  margin-top: 0.5em;
}
/*--- bib page ---*/
li.bib {
   margin-top: 0.3em;
   margin-left: -0.5em;
}
li.bibhide {
   margin-top: 0.5em;
   margin-left: -0.5em;
   color: black;
   background-color: #d0ffd0;
}
p.bib {
   margin-top: 0.5em;
}
p.bibhide {
   margin-top: 0em;
   margin-left: 0.5em;
   margin-bottom: 1.0em;
   color: black;
   background-color: #d0ffd0;
}
div.bibhide {
   color: black;
   background-color: #d0ffd0;
}
p.bibcomment {
  margin-top: 0em;
  margin-left: 0.5em;
  margin-bottom: 1.0em;
  color: #808080;
}
span.bibcomment {
  color: #808080;
}
/* end of bib page */

span.firstcapital { 
   font-size: 150%;
}

span.bar {
  text-decoration: overline;
}
span.sans {
  font-family: sans-serif, Arial, Helvetica; 
}

/*--- gray stuff ---*/
span.gray {
   color: #808080;
}
a.gray:link {
  /* color: #8050b0; gray-green */
  color: #6060e0;
  /* text-decoration: none; */
} 
a.gray:visited {
  /* color: #8050b0; gray-green */
  color: #6060c0;
  text-decoration: none;
}
a.gray:hover { /* Must come after :link and :visited */
  color: #d05010; /* orange */
  text-decoration: underline;
}
a.gray:active {
  color: #d05010; /* orange */
} 

span.highlight { /* substitute for italic */
   background: #ffffb0; 
}
span.sc {
   font-variant: small-caps;
}
span.wordspacing {
   word-spacing: -.2em;
}
.red {
  color: red;
}
.hide {
   /* color: #80a080; */
   /* visibility: hidden; not the desired effect */
   /* visibility: collapse; same as hidden */
   color: black;
   background-color: #d0ffd0;
}

div.small {
   font-size: 87%; /*same as small; because of MS-IE*/
}

small {
   font-size: 87%; /*because of MS-IE*/
}
ol.abc {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style-type: lower-latin;
}
ol.ABC {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style-type: upper-latin;
}
ol.none {
  margin-left: -1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style-type: none;
}
ul.none {
  margin-left: -2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style-type: none;
}

p.epigraph {
  margin-top: 2.5em;
  margin-bottom: 0.0em;
  text-align: right;
/*font-size: x-small; the "x-" is to appease MS-IE*/
  font-size: 87%; /*same as small; because of MS-IE*/
}
p.epigraph2ndparagraph {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: right;
/*font-size: x-small; the "x-" is to appease MS-IE*/
  font-size: 87%; /*same as small; because of MS-IE*/
}
p.epigraphsignature {
  margin-top: 0.3em;
  margin-bottom: 2em;
  text-align: right;
/*font-size: x-small; the "x-" is to appease MS-IE*/
  font-size: 87%; /*same as small; because of MS-IE*/
}

.nw {
  white-space: nowrap;
}

sup, sub {
/* 
https://css-tricks.com/snippets/css/prevent-superscripts-and-subscripts-from-affecting-line-height/
*/
  vertical-align: baseline; /*baseline top super*/
  position: relative;
  top: -0.4em;
  line-height: 0; /*add for sup when font is too big */
  border: 0px solid black; /*scaffold*/
}
sup {
  font-size: 0.8333em; /*15px*/
  font-size: 0.7777em; /*14px*/
  padding-left: 0px; /*global letter-spacing is no help?*/
  top: -0.5em; /*CSS tricks*/
}
sub {
  font-size: 0.7777em; /*14px*/
  font-size: 0.8333em; /*15px*/
  top: 0.3em; /*CSS tricks*/
}

div.footer {
  margin-top: 3em;
  margin-bottom: 15em;
  font-size: 0.8533em; /*15px*/
  font-size: 0.8888em; /*16px*/
}
div.footer hr {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div.footer p {
  margin-top: 0em;
  margin-bottom: 0em;
}

div.clear {
  clear: both;
}