/*
    Present Thoughts site stylesheet
    file: presentthoughts.css
*/
/*
    Colors:
        #0b0733 for all text
        #330907 for site-title
        #073310 for article-title and text-title 
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
  overflow-y: scroll;
}

body {
  height: 100%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100%;
  color: #000064;
  /* background-color: #F8F8F8; */
  background-image: url(../img/lightpaperfibers.png);
}

#site-title {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  line-height: 2.2em;
  color: #330907;
}

ul.menu {
  font-family: Verdana, sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 3px 0;
  text-align: center;
}

li.menu {
  margin: 0 20px;
  display: inline;
}

li.menu:first-child {
  margin: 0 20px 0 0;
}

li.menu:last-child {
  margin: 0 0 0 20px;
}

.article-title {
  font-weight: bold;
  font-size: 1.6em;
  line-height: 1.8em;
  text-align: center;
  color: #073310;
}

.section-title {
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.3em;
  text-align: center;
  color: #073310;
}

.text-title {
  margin: 12px 0 0 0;
  font-weight: bold;
  color: #073310;
}

.list-title {
  margin: 2px 0;
  color: #073310;
  font-size: 1.1em;
  text-align: center;
}

.subtitle {
  font-weight: bold;
  font-size: 1.2em;
  color: #073310;
}

.list-date {
  margin: 2px 0;
  color: #707070;
  font-size: 0.9em;
  text-align: center;
}

.section-head {
  margin: 12px 0 0 0;
  font-weight: bold;
  color: #000064;
}

.backlink {
  margin: 5px auto;
  font-family: Verdana, "sans serif";
  font-size: 0.8em;
  text-align: center;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

ul.normal {
    list-style-position: outside;
    margin-left: 18px;
    padding-left: 20px;
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

ol.normal {
    list-style-position: outside;
    margin-left: 18px;
    padding-left: 20px;
}

ol.roman {
    list-style-type: upper-roman;
    list-style-position: outside;
    margin-left: 18px;
    padding-left: 20px;
}

ol.normal sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  color: #808080;
}

div.quotebox p {
  color: #000000;
}

sub { 
    top: 0.4em; 
}

a { text-decoration: none; }
a:link { color: blue; }
a:active { color: blue; }
a:visited { color: blue; }
a:hover { color: red; }

a.menu:link { color: white; }
a.menu:active { color: black; }
a.menu:visited { color: white; }
a.menu:hover { color: red; }

hr.classic {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

hr.w60 {
  width: 60%;
  margin: 0 auto;
}

/*============== Paragraph styles =================*/
p { margin: 12px 0px 12px 0px; }

p.centered { text-align: center; }

p.footnote {
    text-indent: -1em;
    margin-left:  1em;
    font-size:    0.9em;
    line-height:  1.1em;
}

.indent-line1 { text-indent: 20px; }
.no-top-margin { margin-top: 0; }
.no-bottom-margin { margin-bottom: 0; }
.no-vert-margins { margin-top: 0; margin-bottom: 0; }
.no-margins { margin: 0; }

.in1 { margin-left: 20px; }
.in2 { margin-left: 40px; }
.in3 { margin-left: 60px; }
.in4 { margin-left: 80px; }
/*===========================================================*/