/*-----------------------------------------------
    Base Styles (for all media types)
  ----------------------------------------------- */
  
  /* Remove the border around linked images. */
  a img {
    border-width: 0;
  }

  /* 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: 13px;
    line-height: 1.55;
  }
  /* Maintain a line-height of 17px */
  #content .aside,
  .subscription-intro .section-subscribe .note {
    line-height: 1.7;
  }
  h1,
  #podcasts-page #content-main > h2:first-child,
  #conversations-library-page #content-main > h2:first-child,
  #conversations-promo-page #content-main > h2:first-child {
    /* TRICKY: Use a fixed-size, so the h1's
    won't be affected by the text resize feature. */
    font-size: 18px;
  }
  h2 {
    font-size: 1.27em;
  }
  h3 {
    font-size: 1.09em;
  }
  h4, h5, h6 {
    font-size: 1em;
  }
  #white-papers-page #content-main h2,
  #partner-research-page #content-main h2,
  #suggested-books-page #content-main h2 {
    line-height: 1.28;  /* TBD: Should this be the line-height for all headlines? */
  }
  blockquote {
    margin: 0;
    padding: 0;
  }
  h1, h2, h3, h4, h5, h6,
  p, dl, ul, ol, form, blockquote,
  #content-main .frontline,
  #content-main .research,
  #content-main .newsletter .tags,
  #content-main .newsletter .footer,
  #content-main .discussion {
    margin-top: 1.55em;
    margin-bottom: 0;
  }
  .aside .section div,
  .aside .section p,
  .aside .section ul,
  .aside .section li,
  #content-main .frontline,
  #content-main .mauldin-minute form,
  #content-main .conversations form,
  #content-main .research div,
  #content-main .mauldin-circle,
  #content-main .outside-the-box {
    margin-top: 1em;
  }
  #content-main .research p {
    margin-top: 0;
  }
  /* Only visible if JavaScript is disabled. */
  #content-main audio {
    margin-top: 0.75em;
  }
  #home-page #content-main audio+p {
    margin-top: 0.5em;
  }
  #content .aside .section h2 {
    padding: 4px 10px;
    margin: -10px -10px 0;
    -moz-border-radius-topright     : 2px;
    -moz-border-radius-topleft      : 2px;
    -webkit-border-top-right-radius : 2px;
    -webkit-border-top-left-radius  : 2px;
    border-top-right-radius         : 2px;
    border-top-left-radius          : 2px;
  }
  #content-main .more,
  #content .aside .more {
    text-align: right;
  } 
  #featured {
    text-align: center;
  }

  /* Box Quote */
  .quote {
    margin: 1.55em 30px;
    background-color: #efefef;
    padding: 1em 15px;
    -moz-border-radius      : 6px;
    -webkit-border-radius   : 6px;
    border-radius           : 6px;
  }
  #books-page #content-main .section-intro .cite,
  .quote .cite {
    margin-top: 0.5em;
  }
  .quote cite {
    font-style: italic;
  }
  .quote cite strong {
    font-style: normal;
  }

  /* Pull Quote */
  .pull-quote blockquote p {
    position: relative;
    font-style: italic;
    font-family: Georgia, Times, serif;
    font-size: 1.09em;
    line-height: 1.66;
  }
  .pull-quote cite {
    margin-top: 0;
    font-style: normal;
    font-family: Georgia, Times, serif;
  }

  /* Style */
  #home-page #content-main h2,
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child,
  #content .aside h2,
  #content .aside .nav li,
  #connect h2,
  #content .aside .connect h2,
  #subscribe h2,
  #featured h3,
  #info-page #content-main h4 {
    text-transform: uppercase;
  }
  #content .aside .search h2 {
    text-transform: none;
  }

  /* Weight */
  #home-page #content-main h2,
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child,
  #info-page #content-main h4 {
    font-weight: normal;
  }
  form label span,
  #home-page .aside .nav .active {
    font-weight: bold;
  }

  /* Size */

  /* Make these headlines the same size as the content that follows them. */
  #content .aside .connect h2,
  #content .aside h2,
  #content .aside h3,
  #content-main .newsletter .tags h3,
  #content-main .newsletter-list .newsletter .tags h3,
  #content-main .newsletter .permalink h3,
  #tag-page #content-main .newsletter .item .tags h3,
  #archive-page #content-main .newsletter .item .tags h3 {
    font-size: 1em;
  }

  /* 9px */
  #connect,
  #subscribe,
  #connect h2,
  #subscribe h2,
  #featured .action,
  #content .aside .nav li {
    font-size: 9px;
  }
  #content .aside .connect {
    font-size: 0.81em;
  }

  /* 10px */
  #info,
  #featured .description {
    font-size: 10px;
  }
  #content-main .standard-form .required-note,
  #content .aside .section,
  #content-main .newsletter .copyright,
  #content-main .newsletter .tags,
  #content-main .newsletter .permalink,
  #content-main .newsletter .footer,
  #content-main .comment h3,
  #content-main .comment .time {
    font-size: 0.9em;
  }

  label span, /* Labels shouldn't change size, if the font-resize feature is used. */
  input[type=text],
  input[type=email],
  textarea {
    font-size: 11px;
  }
  #featured h3 {
    font-size: 12px;
  }
  div.faqs h3 a {
    font-size: .95em;
  }
  #content-main .newsletter-list .newsletter h3 a,
  #tag-page #content-main .newsletter h3,
  #archive-page #content-main .newsletter h3 {
  	font-size: 1em;
  }
  #info-page #content-main h4,
  #content-main .newsletter h3 a {
    font-size: 1.09em;
  }
  #content-main .research h3,
  #home-page #content-main .research h2,
  #home-page #content-main .mauldin-minute h3,
  #home-page #content-main .conversations h3 {
    font-size: 13px;
  }
  #content-main .mauldin-circle h3,
  #content-main .outside-the-box h3 {
    font-size: 14px;
  }
  /* Always make the first headline in the main column 14 pixels? */
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child {
    font-size: 14px;
  }
  #archive-page #content-main .newsletter h3:first-child,
  #tag-page #content-main .newsletter h3:first-child {
    font-size: 1.28em;
    line-height: 1.28em;
  }
  #content-main .newsletter h2,
  #content-main .newsletter-list h2 {
    font-size: 1.45em;
    line-height: 1.28em;
  }
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child {
    line-height: 1.7;
  }
  #content-main .frontline h3 {
    font-size: 16px;
  }
  #content-main .newsletter h1 {
    font-size: 1.63em;
    line-height: 1.35em;
  }

  /* Arial */
  h1, h2,
  #home-page #content-main .frontline h3,
  #home-page #content-main .mauldin-circle h3,
  #home-page #content-main .outside-the-box h3,
  #home-page #content-main .research h3,
  #content-main .discussion .comment-count,
  #content-main .discussion h2+ul li,
  #archive-page #content-main .newsletter h3:first-child,
  #info-page #content-main h4 {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  /* Verdana */
  body,
  #topics h2,
  #connect h2,
  #subscribe h2,
  #content .aside h2,
  #content .aside .connect h2,
  #home-page #content-main h2,
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child,
  #archive-page #content-main .newsletter h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  /* Lucida Grande */
  #featured,
  #featured h3,
  input[type=text],
  input[type=email],
  textarea {
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  }
  /* TRICKY: This has to be in a separate rule set (if it's combined with other selectors, Firefox will ignore the entire set). */
  form input::-webkit-input-placeholder {
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  }


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

  /* Sky */
  body {
    background-color: #9dbdc5;
  }

  /* Sky (light) */
  #container {
    background: transparent url(/images/ie/white-20-percent.png);  /* For IE */
    background: rgba(255, 255, 255, 0.2);
  }

  /* Sky (extra light) */
  #content .aside .section {
    background: #e1ebed url(/images/ie/sky-gradient.png) repeat-x 0 100%;  /* For IE */
    background: -moz-linear-gradient(top, rgba(225, 235, 237, 1.0), rgba(225, 235, 237, 0));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 235, 237, 1.0)), to(rgba(225, 235, 237, 0)));
    padding: 10px;
    -moz-border-radius      : 2px;
    -webkit-border-radius   : 2px;
    border-radius           : 2px;
  }

  /* Ocean */
  a,
  #content .aside h3 a:hover,
  #content .aside h3 a:active,
  #content .section li a:hover,
  #content .section li a:active,
  #content .aside .tags li,
  #content .aside .archives li,
  #content .aside .articles li,
  #content-main .publications .subscribe a:hover,
  #content-main .publications .subscribe a:active,
  #content-main .newsletter-list .newsletter h3 a,
  #tag-page #content-main .newsletter h3:first-child a,
  #archive-page #content-main .newsletter h3:first-child a {
    color: #2f6f87;
  }
  #content .aside .more a,
  .subscription-intro .testimonials .more a,
  #partner-research-page #content-main .action a,
  #suggested-books-page #content-main .action a,
  #friends-page #content-main .action a {
    background: transparent url(/images/arrows/ocean.png) no-repeat right;
    padding-right: 8px;
  }

  /* Deep Ocean */
  #content-main .publications .subscribe a,
  #content-main .newsletter-list .nav a,
  #content-main .newsletter .nav a,
  #content-main .mauldin-minute .more a,
  #content-main .conversations .more a,
  .photos .album .grid ul li a {
    color: #1e4666;
    background: transparent url(/images/arrows/deep-ocean.png) no-repeat right;
    padding-right: 8px;
  }
  .photos .album .grid ul .previous a,
  #content-main .newsletter-list .nav .previous a,
  #content-main .newsletter .nav .previous a {
    background: transparent url(/images/arrows/deep-ocean_left.png) no-repeat left;
    padding-right: 0;
    padding-left: 8px;
  }
  .photos .album .grid ul .next a {
    background-position: 100% 60%;
  }
  .photos .album .grid ul .previous a {
    background-position: 0 60%;
  }

  /* Fern */
  #home-page #content-main h2,
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child,
  #content-main .mauldin-minute h3,
  #content-main .conversations h3 {
    color: #4d7836;
  }

  /* Fern (light) */
  #content .aside .section h2 {
    background: #96b883 url(/images/arrows/snow.png) no-repeat left;
  }
  #featured .item {
    border-top: 1px solid #96b883;
  }

  /* Snow */
  #featured,
  #featured a,
  #info a:hover,
  #info a:active,
  #members a:hover,
  #members a:active,
  #language a:hover,
  #language a:active,
  #content .aside .section h2 {
    color: #fff;
  }
  #content {
    background-color: #fff;
  }

  /* Wheat */
  #featured a:hover,
  #featured a:active {
    color: #e7d9a1;
  }

  /* Silver (light) */
  #content-main .mauldin-minute,
  #content-main .conversations {
    background-color: #e1e1e1;
  }
  
  /* Silver */
  #content-main .frontline img,
  #content-main .mauldin-circle img,
  #content-main .outside-the-box img {
    border: 3px solid #c6c6c6;
  }

  /* Magnesium */
  #featured a {
    background: transparent url(/images/arrows/magnesium.png) no-repeat 100% 4px;
    padding-right: 7px;
  }
  #featured a:hover,
  #featured a:active {
    background-position: 100% -46px;
  }

  /* Aluminum */
  #home-page #content-main h2,
  #podcasts-page #content-main > h2:first-child,
  #conversations-library-page #content-main > h2:first-child,
  #conversations-promo-page #content-main > h2:first-child,
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child,
  #content-main > h1:first-child {
    padding-bottom: 0.1em;
    border-bottom: 1px dotted #a8a8a8;
  }
  #content-main .newsletter > h2:first-child,
  #content-main .newsletter-list > h2:first-child,
  #podcasts-page #content-main > h2,
  #conversations-library-page #content-main > h2,
  #conversations-promo-page #content-main > h2,
  #content-main > h1:first-child {
    padding-right: 90px;  /* Make space for the text resize buttons. */
    margin-top: -0.27em;  /* Align the top of the headline with the navigation. Formula: (line-height - 1em) / 2 */
  }
  #content-main .comment,
  #content-main .comment+.paging {
    border-top: 1px dotted #a8a8a8;
  }
  #content-main .comment+.paging {
    padding-top: 0.75em;
  }
  #content-main .newsletter .nav-container,
  #content-main .newsletter .activity {
    border-width: 1px 0;
    border-style: dotted;
    border-color: #a8a8a8;
  }
  #content-main .newsletter .nav-container {
    border-width: 0 0 1px 0;
  }
  #content-main .newsletter .nav-container.top {
    border-width: 0;
  }

  /* Tin */
  #featured {
    background: #72787a;
    background: rgba(105, 111, 112, 0.9);
  }

  /* Steel */
  #members,
  #members a,
  #info,
  #info a,
  #connect,
  #subscribe {
    color: #666;
  }

  /* Iron */
  .aside .search h2,
  #content-main .comment .time,
  #content-main .discussion .comment-count,
  #content .aside .vevent .dtstart {
    color: #4b4b4b;
  }

  /* Tungsten */
  #modal form .required-note,
  #content-main .standard-form .required-note {
    color: #333;
  }

  /* Licorice */
  body,
  #content .aside h3 a,
  #content .section li a,
  #content-main .newsletter h2 a,
  #content-main .newsletter h3 a,
  div.faqs h3 a {
    color: #000;
  }


/*  =Special Effects
  ----------------------------------------------- */
  a {
    -moz-transition:    color 0.2s, background-color 0.2s;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition:         color 0.2s, background-color 0.2s;
    text-decoration: none;
  }
  #modal .close-last a,
  #topics a:hover,
  #topics a:active,
  #content a:hover,
  #content a:active,
  #subscribe-options .note a:hover,
  #subscribe-options .note a:active,
  #content-main .newsletter-list .newsletter h3 a:hover,
  #content-main .newsletter-list .newsletter h3 a:active,
  #tag-page #content-main .newsletter h3 a:hover,
  #tag-page #content-main .newsletter h3 a:active,
  #archive-page #content-main .newsletter h3:first-child a:hover,
  #archive-page #content-main .newsletter h3:first-child a:active {
    padding-bottom: 0;
    border-bottom: 1px dotted;
  }
  #content .aside h3 a:hover,
  #content .aside h3 a:active,
  #content .aside .ad a:hover,
  #content .aside .ad a:active,
  #content .aside .ad a:hover,
  #content .aside .ad a:active,
  #content .aside .section li a:hover,
  #content .aside .section li a:active,
  #content-main .publications .subscribe a:hover,
  #content-main .publications .subscribe a:active,
  #active-conversations-library-item a:hover,
  #active-conversations-library-item a:active,
  #content-main .newsletter h2 a:hover,
  #content-main .newsletter h2 a:active,
  #content-main .newsletter h3 a:hover,
  #content-main .newsletter h3 a:active,
  #content-main div.faqs h3 a:hover,
  #content-main div.faqs h3 a:active,
  #content-main .newsletter .stratfor a:hover,
  #content-main .newsletter .stratfor a:active,
  #content-main .newsletter img a:hover,
  #content-main .newsletter img a:active,
  #archive-page #content-main .newsletter h3 a:hover,
  #archive-page #content-main .newsletter h3 a:active {
    border-bottom: 1px dotted transparent;
  }
  #nav-sub a,
  #content-main .rss,
  #content .aside .connect a,
  #content-main .comment .reply a {
    border-bottom-width: 0 !important;
  }


/*  =Newsletter
  ----------------------------------------------- */
  #content-main .newsletter .byline,
  #content-main .newsletter .date {
    color: #333;
    margin-top: 0.2em;
  }
  #content-main .newsletter .byline {
    float: left;
    background: transparent url(/images/delimiters/steel.png) no-repeat right;
    padding-right: 1em;
    margin-right: 1em;
  }
  #content-main .newsletter ul.links,
  #content-main .newsletter ul.links li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    font-weight: bold;
  }
  #content-main .newsletter .signature em,
  #note-page .signature em {
    min-width: 171px;
    padding-top: 70px;
    display: block;
    background: transparent url(/images/newsletter/signature.png) no-repeat 0 5px;
    font-style: normal;
  }
  #content-main .newsletter .email {
    margin-top: 0;
  }
  #content-main .newsletter li {
    margin-bottom: 1.27em;
  }