#headline {
  padding: 0.8em;
  color: black;
  font-family: Roboto, sans-serif;
  

}
 #headline {
      padding: 20px 5%;
    }

@media (min-width: 600px) {

}
 


.container {
      margin: auto;
      max-width: 800px;
    } 

 #headline #blurb {
      float: left;
      font-weight: 200;
      width: 70%;
      font-size: 18px;
      box-sizing: border-box;
      padding-right: 50px;
    }
 #headline br {
      clear: both;
    }


table
{
cellpadding: 1px;
border: 1px;
border-style:solid;
}
td
{
cellpadding: 1px;
border: 1px;
border-style:solid;
}

mark
{
background-color: #B2ffff;
}

mark.caution
{
background-color:yellow;
}

p
{
font-family: Roboto, sans-serif;
color: black;
}

p.author
{
color: blue;
font-family: arial, verdana, san-serif; 
font-size: 12px; 
 
}
p.dotted 
{
border-style: dotted; 
border-width: 1px; 
border-color: blue;  
font-size: 14px;} 

p.solid 
{
border-style: solid;  
border-width: 1px;  
border-color: red;
font-size: 14px;} 

h1
{
color: #BE81F7;
font-family: arial, verdana, san-serif;
text-align: left; 
}

h2
{
color: red;
font-family: arial, verdana, san-serif;
text-align: left; 
}
 

h3
{
color: green;
font-family: arial, verdana, san-serif;
text-align: left; 
}
 
h4
{
color: blue;
font-family: arial, verdana, san-serif;
text-align: left; 
}
 
h5
{
color: purple;
font-family: arial, verdana, san-serif;
text-align: left; 
}


textwrap
{
float: right;
margin: 10px;
}

textwrapleft
{
float: left;
margin: 10px;
} 


li
{
padding: 5px;
}


li.index
{
list-style: none;
font-size: 20 px; 
font-family: Roboto, sans-serif;
padding: 5px;
}



li.links
{
list-style: none;
font-size: 22px; 
font-family: Roboto, sans-serif;
padding: 5px;
}