html { font-size: 105%; }

body {
    background: #efeee6;
    color: #302820;
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0 30px;
    /* background: #16060d; */
    /* color: #f5c4d9; */
}

#nav {
    position:fixed;
    top: 100px;
    left: 40px;
    width: 200px;
    height: 100%;
    /* background: none repeat scroll 0% 0% rgb(34, 34, 34); */
    overflow-x: hidden;
    overflow-y: auto;
/* border-right: 4px solid rgba(255, 255, 255, 0.75); */
}

h1, h2 {
  font-size: 420%;
  margin: 10 0 0.1em;
  font-family: 'ChunkFiveRegular', serif;
  font-weight: normal;
  /* text-shadow: 1px 1px 10px rgba(0,0,0,0.25); */
}

h1 {
    /* color: #c83675; */
    /* color: #f2b1cd; */
    color: #0088A8;
    font-weight: normal;
    text-decoration: none;
}

h2 {
    /* color: #c83675; */
    font-size: 200%;
}
#intro {
    text-align: center;
}
#subtitle {
    /* color: #85244e; */
}

#header {
    /* background: #F0F0F0; */
    /* text-align: center; */
}

#mp h1 {
    display: none;
}

#mp h2{
    font-family: Helvetica,Arial,Tahoma,Sans-Serif;
    font-size: 100%;
    font-weight: bold;
}

code {
    font-weight: bold;
}

em {
    text-decoration: underline;
    font-style: normal;
}

/* #mp { */
/*     text-align: left; */
/* } */

#wrap {
  width: 50%;
  max-width: 100%;
  min-width: 20em;
  /*width: 760px;*/
  margin: 0 auto;
  padding: 30px 0 0;
}

a {
    text-decoration: none;
    cursor: pointer;
    /* color: #080808; */
    /* color: #c83675; */
    color: #0088A8;
    font-weight: bold;
}

a:hover, a:focus {
    color: #020202;
    text-decoration: none;
}

a:focus { outline: 1px dotted; }

a:visited {  }

a *, button * { cursor: pointer; }

blockquote {
font-family: Georgia;
/* font-size: 18px; */
font-style: italic;
/* width: 500px; */
margin: 0.25em 0;
/* padding: 0.25em 40px; */
/* line-height: 1.45; */
/* position: relative; */
color: #383838;
}

/* blockquote:before { */
/* display: block; */
/* content: "“"; */
/* font-size: 40px; */
/* position: absolute; */
/* left: -10px; */
/* top: -20px; */
/* color: #7a7a7a; */
/* } */
/* blockquote:after { */
/* display: block; */
/* content: "”"; */
/* font-size: 40px; */
/* position: absolute; */
/* right: 10px; */
/* bottom: -30px; */
/* color: #7a7a7a; */
/* } */


blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}