@font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 400;  src: url('fonts/open-sans-v20-latin-regular.eot');   src: local(''),       url('fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'),        url('fonts/open-sans-v20-latin-regular.woff2') format('woff2'),        url('fonts/open-sans-v20-latin-regular.woff') format('woff'),        url('fonts/open-sans-v20-latin-regular.ttf') format('truetype'),        url('fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg'); }
@font-face {  font-family: 'Open Sans';  font-style: italic;  font-weight: 400;  src: url('fonts/open-sans-v20-latin-italic.eot');   src: local(''),       url('fonts/open-sans-v20-latin-italic.eot?#iefix') format('embedded-opentype'),        url('fonts/open-sans-v20-latin-italic.woff2') format('woff2'),        url('fonts/open-sans-v20-latin-italic.woff') format('woff'),        url('fonts/open-sans-v20-latin-italic.ttf') format('truetype'),        url('fonts/open-sans-v20-latin-italic.svg#OpenSans') format('svg'); }
@font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 700;  src: url('fonts/open-sans-v20-latin-700.eot');   src: local(''),       url('fonts/open-sans-v20-latin-700.eot?#iefix') format('embedded-opentype'),        url('fonts/open-sans-v20-latin-700.woff2') format('woff2'),        url('fonts/open-sans-v20-latin-700.woff') format('woff'),        url('fonts/open-sans-v20-latin-700.ttf') format('truetype'),        url('fonts/open-sans-v20-latin-700.svg#OpenSans') format('svg'); }

audio { width: 220px; margin-right: 25px; }
.fblink {  background-image: url("img/FB-f-Logo__blue_29.png"); background-size: 26px 26px; width: 26px; height: 26px; position: relative; top: 14px; opacity: 0.75; }
.header { margin-bottom: 1.5em; padding-bottom: 1em; min-height: 3.1em; border-bottom: 1px solid #D1D1D1; }
.header a:hover, .footer a:hover { border: none !important; }
.header:after { content: ''; clear: both; display: block; }
.logo { float: left; position: relative; top: 0.2em; }
/*.logo a { background-color: #FFEA00; color: black; padding: 0.2em 0.2em; font-size: 1.4em; }*/
.logo a:hover { color: white; }
.menu { float: right; padding: 0; margin: 0; }
.menu li { display: inline-block; padding: 0.4em 0 0.4em 2em; }
.menu a { font-weight: 600; }
.main { min-height: 18em; padding-bottom: 3em; border-bottom: 1px solid #D1D1D1; }
.main a { border-bottom: 2px solid #D1D1D1; }
.main p, .main ul { margin-top: 0; margin-bottom: 0.5em; }
.page { font-size: 0.95em; }
.article { margin-bottom: 4em; font-size: 0.9em; line-height: 1.4em; }
.articleinfo { color: #AAA; margin-bottom: 1em; font-size: 0.9em; }
.articletitle { margin-bottom: 0; }
.footer { padding: 1em 0 2em; font-size: .75em; color: #333; }
.footer .left { float: left; }
.footer .right { float: right; }
.buy { background-color: #333333; color: white; font-size: 0.9em; font-weight: normal; cursor: pointer; padding: 7px 3em; border: 0 !important; }
.buy:hover { border: 0 !important; }

* { margin: 0; }
html { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 1.2em; overflow-y: scroll; }
body { margin: 0 auto; padding: 1em 3em 1em 3em; max-width: 47em; line-height: 1.5em; color: #333; }
a { color: black; text-decoration: none; }
a:hover  { border-bottom: 2px solid #FFEA00 !important; }
img { max-width: 100%; }
h1 { font-size: 2em; font-weight: 300; margin-bottom: .5em; line-height: 1.25em; }
h2 { font-size: 1.95em; font-weight: 300; margin-bottom: .5em; line-height: 1.25em; }
h3 { font-size: 1.4em; font-weight: 400; margin-bottom: .5em; line-height: 1.25em; }
h4 { font-size: 1.2em; font-weight: 600; margin-bottom: .5em; line-height: 1.25em; }
blockquote { background: none; border-left: 3px solid #777; color: #777; padding: 0 0 0 10px; margin-left: 1.2em; }
hr { margin: 2em 0; height: 1px; background-color: #D1D1D1; border: none; }
pre { background-color: #F1F1F1; margin-bottom: 0.7em; line-height: 1.5em; }
iframe, object { max-width: 100%; }

@media (max-width: 640px) { 
  body { padding: 1.25em; }
  .header { padding-bottom: 0; }
  .logo { float:none; } 
  .menu { float:none; margin-top: 2em; } 
  .menu li { display: block; padding: 0.2em 0; margin: 0.2em; border-top: 1px solid #D1D1D1; } 
  .fblink {  top: 2px; }
}