/*-----------------------------------------------
    Base Styles (for all media types)
  ----------------------------------------------- */

  /* Hidden */
  #nav h2 {
    display: block;
    position: absolute;
    left: -99999px;
  }
  
  /* Remove the border around linked images. */
  a img {
    border-width: 0;
  }

  /* Remove the dotted outline Firefox puts around focused elements. */
  a:focus {
    outline: none;
  }
  input::-moz-focus-inner,
  button::-moz-focus-inner {
    border: 0;
  }

  /* Make buttons appear more clickable. */
  button {
    cursor: pointer;
  }


/*  =Typography
  ----------------------------------------------- */
  body {
    font-size: 11px;
    line-height: 1.55;
  }
  input,
  textarea,
  select {
    font-size: 11px;
  }
  blockquote {
    margin: 0;
    padding: 0;
  }
  h1, h2, h3, h4, h5, h6,
  p, dl, ul, ol, li, form {
    margin-top: 1.55em;
    margin-bottom: 0;
  }
  h1 {
    font-size: 18px;
  }
  h2 {
    font-size: 14px;
  }
  h3, h4, h5, h6 {
    font-size: 12px;
  }

  /* Style */
  #branding blockquote h3,
  #branding p {
    font-style: italic;
  }
  #privacy-page #content h3 {
    text-transform: uppercase;
  }

  /* Weight */
  #info #primary-site {
    font-weight: bold;
  }
  #privacy-page #content h3 {
    font-weight: normal;
  }

  /* Size */
  #home-page #signup h1 {
    font-size: 36px;
  }
  #videos-page h1 {
    font-size: 24px;
  }
  #home-page #expertise h2 {
    font-size: 22px;
  }
  #branding blockquote h3 {
    font-size: 20px;
  }
  #home-page #expertise h3 {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 1em;
  }
  #home-page #expertise h3 a:hover,
  #home-page #expertise h3 a:active {
    color: black !important;
  }
  #modal #profile-page form label span {
    font-size: 18px;
  }
  #branding p,
  #home-page #expertise .signup {
    font-size: 16px;
  }
  #home-page #expertise p {
    font-size: 15px;
    line-height: 1.4;
  }
  #home-page #expertise ul,
  #privacy-page #content h2,
  #risks-page #signup p,
  #risks-page #hedge-fund h1 {
    font-size: 14px;
    line-height: 1.3;
  }
  #registration-page .title,
  #footer-disclosure,
  #risks-page #content .risks-disclosure {
    font-size: 12px;
  }
  #nav {
    font-size: 11px;
  }
  #info {
    font-size: 9px;
  }
  #registration-page .smtextwt,
  #registration-page .smtext {
    font-size: 9px;
  }
  #registration-page #content-footnotes,
  #registration-page #content-legal,
  #videos-page #content-footnotes {
    font-size: 10px;
  }

  /* Verdana */
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  /* Arial */
  h1, h2, h3, h4, h5, h6,
  #home-page #expertise,
  #risks-page #signup p,
  #risks-page #content .risks-disclosure {
    font-family: Arial, Helvetica, sans-serif;
  }

  /* Helvetica Neue (light) */
  #branding blockquote h3,
  #branding p,
  #home-page #expertise h2,
  #home-page #expertise h3,
  #home-page #expertise .signup,
  #modal #profile-page form label span {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 200;
  }


/*  =Color
  ----------------------------------------------- */

  /* Mocha */
  a,
  #benefits-page #content li {
    color: #785a1e;
  }
  #registration-page #content a:hover,
  #registration-page #content a:active,
  #modal .close-last a:hover,
  #modal .close-last a:active {
    color: #785a1e !important;
  }

/* Steel */
  #footer-disclosure {
    color: #787878;
  }
  
  /* Fern */
  #required-note em,
  #registration-page .title,
  #registration-page .VAMValSummary,
  #registration-page form .VAMRequiredFieldMarker {
    color: #5a781e;
  }

  /* Lead */
  body,
  #home-page #expertise h2,
  #home-page #expertise h3,
  #home-page #content a,
  #risks-page #content a,
  #benefits-page #content li span,
  #privacy-page #content h2 {
    color: #1e1e1e;
  }

  /* Tungsten */
  #content h2 {
    color: #333;
  }