/*                           Styles for Hingstonbrook - HTML5 & CSS3
                             ~~~~~~~~~~~~~~~~~~~~~~~~
logo font is Times New Roman

H-indigo is   #000044 in Photoshop & #000066 in browsers
b-brown  is   #673930 in Photoshop & #774411 in browsers

backgound off white is #fffef9
blues   are   #006, #117, #228, #339
browns  are   #210, #420, #630, #741, #852, #a95, #c1bbb3

*/

/* _________________________________________________________________________________________________ Document-wide */
body { color: #100800 ; }

/* ----------------------------------------------- Navigation in general-- */

/* =================================================================================================== Divisions */
/* __________________________________________________________________________________ Page headings */
header, #pageTop { padding: 10px 0 3ex 45px ; }
  header h1, #pageTop h1 { border-color: #420 ; }
  header img[src*="/Hb."], header img[src*="/hb."] {
      float: right ; width: 36px ; height: 26px ; margin: 2px 0 0 12px ;
  }
  header h2, #pageTop h2 { color: #360 ; }
    header h2 [href="#menu"], #pageTop h2 [href="#menu"] { display: none ; }

/* _________________________________________________________________________________________ Menu */
#menu { right: calc(7ex + 32px) ; } /* Allow for Hb logo & margins */

/* --------------------------------------------------------------------------------- Content areas -- */
#headings { float: left ; margin: 6ex 0 7ex 0 ; padding: 3ex 0 0 14ex ; }
    #headings h3 {
        float: none ; margin: 0 0 0.6ex 0 ;
        color: #741 ; font-size: 160% ; letter-spacing: 0.5em ;
    }
    #headings h4 {
        margin: 0 ;
        color: #111177 ; font-size: 100% ; letter-spacing: 0.2em ;
    }

figure img { border: solid 1px #a95 }

article#pageBody { padding: 4ex 22px 3ex 75px ; }
    table { margin: 2ex auto 2ex auto ; }
        th { white-space: nowrap ; }

/* ---------------------------------------------------------------------- Page foot -- */
footer, #references { border-top: 2px solid #502800 ; }
    footer a { color: #060 ; background: transparent ; }
    footer a:hover { color: #0a0 ; background: #fff ; text-decoration: underline ; }
    footer a:visited { color: #050 ; background: transparent ; }

/* _____________________________________________________________________________________________________________ */