#theRecipe pcrane ol {
   list-style-type : decimal;
   margin-left     : 1em;
}

entryLine {
    display        : inline-block; 
    width          : 3em; 
    height         : 1em; 
    border-bottom  : 1px dotted black;
}

h1 {
   font-weight : bold; 
   font-size   : 1.25em;
   color       : #5d6e7e;
}

#headerArea {
   border-bottom: 1px dotted #5d6e7e;
}

.phraseJapanese {
   display : block;
}
.phraseRomaji {
   display : block;
   color          : #C79A83;
}

.phrase {
   margin-bottom : 0.5em;
   border-bottom : 1px dotted grey;
   padding-bottom : 0.5em;
}

.phraseNotes {
   padding-top    : 0.3em;
   display        : inline-block;
   text-align     : justify;
}

.phrase:nth-child(1) {
   padding-top   : 0.5em; 
   border-top    : 1px dotted grey;
}

@media only screen and (min-width:40em)
{
   .logoBase {
      position  : absolute; 
      top       : 850px;
      left      : 10px; 
   }
   
   #theRecipe {
      top         : 4em;
      margin-bottom : 2em;
   }
   
   #headerArea {
      width        : 640px;
   }
}

@media only screen and (max-width:39.999em)
{
   .logoBase {
      margin-top : 1em; 
   }
   #theRecipe {
      position : inherit;
      margin-top : 2em;
   }
   
   #headerArea {
      width        : 100%;
      min-width    : 100%; 
      max-width    : 100%;
   }
   
   #menuHeader {
      width        : 97%;
      min-width    : 97%; 
      max-width    : 97%;
   }
   
}

@media print {
    .phraseBlurb {
       position : relative; 
       top      : 1em;
    }
}