/* ============================================================ 
                       STYLE.CSS OUTLINE
    - GENERAL TAG DEFAULTS

    - HEADER
    - - NAVIGATION
    - - TABLE OF CONTENTS
    
    - PAGE CONTAINER
    - - CONTENT
    - - MUSING
    - - PAGINATION
    - - DONATIONS
    - - LISTEN

    - MOBILE

                       STYLE.CSS OUTLINE
   ============================================================ */


/* ------------------------------------------------------ 
                                    GENERAL TAG DEFAULTS
   ------------------------------------------------------ */



h1
  {
    margin: 20px auto;
    text-align: center;
    font-family: 'Tangerine', cursive;
    font-size: 350%;
  }


  h1 > a,
  h1 > a:visited,
  h1 > a:hover
    {
      text-decoration: none;
      color: #336;
    }


h2
  {
    font-size: 150%;
    display: inline-block;
  }


h3
  {
    margin: auto;
    text-align: center;
    font-family: 'Julius Sans One', sans-serif;
    font-size: 125%;
  }


h4
  {
    font-size: 110%;
    color: #666;
    text-indent: 15px;
    display: inline-block;
  }


hr
  {
    margin: 35px 14px;
  }


img
  {
    margin-top: 5px;
    margin-right: 15px;
    padding-left: 10px;
  }


p
  {
    margin-bottom: 23px;
    font-size: 118%;
    line-height: 143%;
    font-family: 'Open Sans', sans-serif;
  }


ul
  {
    text-align: left;
    width: 310px;
    margin: 30px auto;
    list-style-type: none;
  }




/* ------------------------------------------------------ 
                                                  HEADER
   ------------------------------------------------------ */
div.header
  {
    margin: auto;
    margin-top: 10px; 
  }




  /* ------------------------------------------------ 
                                          NAVIGATION
     ------------------------------------------------ */
  div.navigation
    {
      margin: 5px auto;
      font-family: 'Raleway', sans-serif;
      line-height: 210%;
    }
    

    div.navigation a
      {
        font-size: 140%;
      }


      div.navigation a.current-page
        {
          border-bottom: 2px solid;
        }


    div.navigation > ul
      {
        margin: auto;
        text-align: center;
        width: 100%;
      }


      div.navigation li
      {
        display: inline-block;
        padding: 0 3px;
        margin: 0 5px;
        line-height: 110%;
      }




  /* ------------------------------------------------ 
                                   TABLE OF CONTENTS
     ------------------------------------------------ */
  div.table-of-contents
    {
      margin: 12px auto;

    }


    div.table-of-contents ul
      {
        margin: 0 auto;
        width: 400px;
      }


    div.table-of-contents li
      {
        line-height: 150%
      }


    div.return-to-top
      {
        font-size: 118%;
      }




/* ------------------------------------------------------ 
                                          PAGE CONTAINER
   ------------------------------------------------------ */
div.page-container
  {
    margin: 0 auto;
    max-width: 609px;
    padding-bottom: 100px;
  }




  /* ------------------------------------------------ 
                                             CONTENT
     ------------------------------------------------ */
  div.content p
    {
      /* Give the text some breathing room for smaller screens */
      padding-left: 9px;
      padding-right: 1px;
    }



  /* ------------------------------------------------ 
                                              MUSING
     ------------------------------------------------ */
  div.musing
    {
      margin: 3px auto;
    }


    div.musing > img:first-child
      {
        float: left;
      }


    div.musing > h2
      {
        text-align: left;
      }


    div.musing .author
      {
        color: #666;
        margin-left: 15px;
        font-size: 70%;
      }




  /* ------------------------------------------------ 
                                          PAGINATION
     ------------------------------------------------ */
  div.pagination
    {

    }




  /* ------------------------------------------------ 
                                           DONATIONS
     ------------------------------------------------ */
  div.donations
    {
      margin: auto;
      text-align: center;
    }


    div.donations > span /* "Donations...can be made to:" */
      {
         font-size: 160%;
      }


    div.donations ul
      {
        width: 335px;
        padding: 0 6px;
      }


    div.donations li 
      {
        width: 335px;
      }

    div.donations li > a:first-child
      {
        font-size: 125%;
      }


    div.donations li > a:last-child
      {
        color: #333;
        text-decoration: none;
      }


      div.donations li > a:last-child:hover
        {
          color: #333;
        }



  /* ------------------------------------------------ 
                                              LISTEN
     ------------------------------------------------ */
  div.listen
    {
      margin: auto;
      text-align: center;
    }


    div.listen > span /* "Listen to...Service" */
      {
         font-size: 150%;
      }

  iframe 
    {
      margin: 35px auto;
    }




/* ------------------------------------------------------ 
                                                  MOBILE
   ------------------------------------------------------ */