/* Clearfix from http://nicolasgallagher.com/micro-clearfix-hack/*/

div#sfariViewpointSpecial .cf:before,
div#sfariViewpointSpecial .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

div#sfariViewpointSpecial .cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
div#sfariViewpointSpecial .cf {
    *zoom: 1;
}

/* ##### reset ##### */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

div#sfariViewpointSpecial html,
div#sfariViewpointSpecial body,
div#sfariViewpointSpecial div,
div#sfariViewpointSpecial span,
div#sfariViewpointSpecial applet,
div#sfariViewpointSpecial object,
div#sfariViewpointSpecial iframe,
div#sfariViewpointSpecial h1,
div#sfariViewpointSpecial h2,
div#sfariViewpointSpecial h3,
div#sfariViewpointSpecial h4,
div#sfariViewpointSpecial h5,
div#sfariViewpointSpecial h6,
div#sfariViewpointSpecial p,
div#sfariViewpointSpecial blockquote,
div#sfariViewpointSpecial pre,
div#sfariViewpointSpecial a,
div#sfariViewpointSpecial abbr,
div#sfariViewpointSpecial acronym,
div#sfariViewpointSpecial address,
div#sfariViewpointSpecial big,
div#sfariViewpointSpecial cite,
div#sfariViewpointSpecial code,
div#sfariViewpointSpecial del,
div#sfariViewpointSpecial dfn,
div#sfariViewpointSpecial em,
div#sfariViewpointSpecial img,
div#sfariViewpointSpecial ins,
div#sfariViewpointSpecial kbd,
div#sfariViewpointSpecial q,
div#sfariViewpointSpecial s,
div#sfariViewpointSpecial samp,
div#sfariViewpointSpecial small,
div#sfariViewpointSpecial strike,
div#sfariViewpointSpecial strong,
div#sfariViewpointSpecial sub,
/* div#sfariViewpointSpecial sup, */
div#sfariViewpointSpecial tt,
div#sfariViewpointSpecial var,
div#sfariViewpointSpecial b,
div#sfariViewpointSpecial u,
div#sfariViewpointSpecial i,
div#sfariViewpointSpecial center,
div#sfariViewpointSpecial dl,
div#sfariViewpointSpecial dt,
div#sfariViewpointSpecial dd,
div#sfariViewpointSpecial ol,
div#sfariViewpointSpecial ul,
div#sfariViewpointSpecial li,
div#sfariViewpointSpecial fieldset,
div#sfariViewpointSpecial form,
div#sfariViewpointSpecial label,
div#sfariViewpointSpecial legend,
div#sfariViewpointSpecial table,
div#sfariViewpointSpecial caption,
div#sfariViewpointSpecial tbody,
div#sfariViewpointSpecial tfoot,
div#sfariViewpointSpecial thead,
div#sfariViewpointSpecial tr,
div#sfariViewpointSpecial th,
div#sfariViewpointSpecial td,
div#sfariViewpointSpecial article,
div#sfariViewpointSpecial aside,
div#sfariViewpointSpecial canvas,
div#sfariViewpointSpecial details,
div#sfariViewpointSpecial embed,
div#sfariViewpointSpecial figure,
div#sfariViewpointSpecial figcaption,
div#sfariViewpointSpecial footer,
div#sfariViewpointSpecial header,
div#sfariViewpointSpecial hgroup,
div#sfariViewpointSpecial menu,
div#sfariViewpointSpecial nav,
div#sfariViewpointSpecial output,
div#sfariViewpointSpecial ruby,
div#sfariViewpointSpecial section,
div#sfariViewpointSpecial summary,
div#sfariViewpointSpecial time,
div#sfariViewpointSpecial mark,
div#sfariViewpointSpecial audio,
div#sfariViewpointSpecial video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: sans-serif;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

div#sfariViewpointSpecial article,
div#sfariViewpointSpecial aside,
div#sfariViewpointSpecial details,
div#sfariViewpointSpecial figcaption,
div#sfariViewpointSpecial figure,
div#sfariViewpointSpecial footer,
div#sfariViewpointSpecial header,
div#sfariViewpointSpecial hgroup,
div#sfariViewpointSpecial menu,
div#sfariViewpointSpecial nav,
div#sfariViewpointSpecial section {
  display: block;
}

div#sfariViewpointSpecial ol,
div#sfariViewpointSpecial ul {
  list-style: none;
}

div#sfariViewpointSpecial blockquote,
div#sfariViewpointSpecial q {
  quotes: none;
}

div#sfariViewpointSpecial blockquote:before,
div#sfariViewpointSpecial blockquote:after,
div#sfariViewpointSpecial q:before,
div#sfariViewpointSpecial q:after {
  content: '';
  content: none;
}

div#sfariViewpointSpecial table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ### Plone-specific style overrides ### */

    /* # Remove byline*/
    .documentAuthor {
      display: none;
    }

    /* # Remove publication date */
    .documentModified {
      display: none;
    }

    /* # Remove headline*/
    #parent-fieldname-title {
          display:none;
    }

    /*# Remove related items 1 */
    .relatedItems {
          display: none;
    }

    /*# Remove related items 2 */
    #related-items {
          display: none;
    }

    /* # Hide tags at page's bottom */

    #category {
      display:none;
    }

  div#sfariViewpointSpecial .vpSpecImage {
    float: left;
    margin: 0 15px 15px 0;
  }

/* regular css */ 

  div#sfariViewpointSpecial .vpSpecImageTop {
    margin: 0 0 20px 0;
  }

  div#sfariViewpointSpecial .vpSidebarTop {
    border: 1px solid #e7e7e7;
    padding: 12px 12px 0;
    margin: 10px auto 16px;
    background-color: #f4f4f4;
    font-style: italic;
    font-size: .93em;
  }

  div#sfariViewpointSpecial .vpSidebarInlineRight {
    border: 1px solid #e7e7e7;
    padding: 10px 10px 0;
    margin: 0 0 15px 15px;
    background-color: #f4f4f4;
    font-style: italic;
    font-size: .93em;
    width: 600px;
    float: right;
  }

  div#sfariViewpointSpecial .vpSidebarInlineLeft {
    border: 1px solid #e7e7e7;
    padding: 10px 10px 0;
    margin: 0 15px 15px 0;
    background-color: #f4f4f4;
    font-style: italic;
    font-size: .93em;
    width: 220px;
    float: left;
  }

  div#sfariViewpointSpecial .vpSidebarThumb {
    float: left;
    padding: 0;
    margin: 0 10px 4px 0;
  }

  div#sfariViewpointSpecial p {
    margin: 0 0 12px 0;
  }

  div#sfariViewpointSpecial h2 {
    margin: 16px 0 20px 0;
    font-size: 1.5em;
    text-align: center;
  }

  div#sfariViewpointSpecial h3 {
    margin: 0 0 12px 0;
    font-size: 1.25em;
    color: #000000;
  }

/* headline */

div#sfariViewpointSpecial .vpHeadline {
  font-size: 2.2em;
  font-weight: bold;
  color: #000000;
  margin: 34px 0 20px;
  text-align: center;
}

div#sfariViewpointSpecial .vpPubDate {
  text-align: center;
  margin-bottom: 20px;
}

div#sfariViewpointSpecial .vpByline {
  text-align: center;
}

  /* image credit */

  #sfariViewpointSpecial .vpImageCredit {
    font-style: italic;
    text-align: right;
    font-size: .75em;
    padding: 0 14px 0 0;
  }

  /* dropcap */

  div#sfariViewpointSpecial p span {
    float: left;
    color: #b44241;
    font-size: 40px;
    line-height: 32px;
    padding: 4px 5px 1px 0;
    font-family: serif;
  }

        /* dropcap for IE8 and below, the single colon notation for dropcap*/

        div#sfariViewpointSpecial p span {
          float: left;
          color: #b44241;
          font-size: 40px;
          line-height: 32px;
          padding: 4px 5px 1px 0;
          font-family: serif;
        }