/*!
 * Project:   HCFANY (print)
 * Date:      2013/08/27
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: black; font-family: Calibri,Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.5; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.5em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! layout -------- */

#root { }
 #top { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ccc; }
  #logo { font: bold 2.4em Cambria,Georgia,serif; }
   #logo a { color: #000; text-decoration: none; }
    #logo img { display: block; width: 100px; height: auto; margin: 0; }
  #skips { display: none; }
  #nav { display: none; }
 #content { }
  #content a:after { content: " (" attr(href) ")"; color: #555; font-size: 0.8em; font-style: italic; }
  #content a[href^="#"]:after { content: ""; }
 #footer { overflow: hidden; margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #ccc; }
  #footer ul { display: none; }
  #footer .logo { float: left; width: 29%; margin: 0; }
   #footer .logo img { display: block; margin: 0; }
  #footer .info-a { float: right; width: 59%; margin: 0; text-align: right; }

/*! containers ---- */

aside,
nav,
a.rss,
p.action,
p.more,
.add-comment-a,
.member-a,
.partners-a,
.search-a,
.share-a,
.story-a iframe,
.twitter-a,
.updates-a { display: none; }

.comment-a { margin: 30px 0; }
 .comment-a p { margin: 0 0 10px; font-size: 1.4em; line-height: 1.5; }

.info-a { }
 .info-a h3 { margin: 0 0 10px; font-size: 18px; line-height: 1; }
 .info-a p { margin: 0; font-size: 11px; line-height: 14px; }
  .info-a p strong { display: block; font-size: 12px; line-height: 14px; }

.page-title { margin-bottom: 30px; }

.stories-a { margin: 0 -1% 30px; font-size: 0; letter-spacing: -5px; }
 .stories-a .item { display: inline-block; position: relative; width: 48%; margin: 30px 1% 0; font-size: 10px; text-align: center; vertical-align: top; letter-spacing: 0; }
  .stories-a .item figure a:after { display: none; }

 .stories-b .item { margin-bottom: 20px; }
 .stories-b .item + .item { padding-top: 20px; border-top: 1px solid #c6bdb2; }

.topics-a { margin: -20px -10px 30px; font-size: 0; letter-spacing: -5px; }
 .topics-a .item { display: inline-block; position: relative; width: 23%; margin: 20px 1% 0; font-size: 10px; vertical-align: top; letter-spacing: 0; }
  .topics-a .item a { color: #000; text-decoration: none; }
  .topics-a .item a:after { display: none; }
  .topics-a .item figure { margin: 0 0 5px; }
  .topics-a .item h1 { font-size: 1.4em; }

/*! helpers ------- */

.offset { display: none; }

/*! defaults ------ */

form { }
 button { overflow: visible; padding: 0 10px; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

h1, h2, h3, h4, h5, h6 { margin: 20px 0 5px; color: #000; font-family: Cambria,Georgia,serif; line-height: 1.1; }
h1 { margin-top: 0; font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.5em; text-transform: uppercase; }
h6 { font-size: 1.4em; text-transform: uppercase; }

ul, ol, dd, blockquote { padding-left: 30px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a { color: #09f; text-decoration: underline; }

img { max-width: 100% !important; height: auto !important; border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre-wrap; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }