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

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

body {
  line-height: 1;
}

ol, ul {
/*  list-style: none;*/
}

blockquote, q {
  quotes: none;
}

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

table {
  border-spacing: 0;
  border-collapse: collapse;
}

section#leader #section-header .section-mark {
  background: #29766f;
}
section#leader #section-header h1 {
  color: #29766f;
}

section#columns #section-header .section-mark {
  background: #29766f;
}
section#columns #section-header h1 {
  color: #29766f;
}

section#observations #section-header .section-mark {
  background: #a11a62;
}
section#observations #section-header h1 {
  color: #a11a62;
}

section#features #section-header .section-mark {
  background: #c60a28;
}
section#features #section-header h1 {
  color: #c60a28;
}

section#critics #section-header .section-mark {
  background: #104684;
}
section#critics #section-header h1 {
  color: #104684;
}

section#backpages #section-header .section-mark {
  background: #faa74b;
}
section#backpages #section-header h1 {
  color: #faa74b;
}

#section-header {
  position: relative;
  width: 100%;
}
#section-header .chrome {
  height: 70px;
  background: #c8d1d8;
}
#section-header .section-mark {
  position: absolute;
  top: 70px;
  left: 40px;
  width: 10px;
  height: 34px;
  background: #d1232a;
}
@media (max-width: 700px) {
  #section-header .section-mark {
    left: 20px;
    width: 6px;
    height: 22px;
  }
}
#section-header .section-mark:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 5px solid #c8d1d8;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}
@media (max-width: 700px) {
  #section-header .section-mark:before {
    border-top: 3px solid #C8D1D8;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
  }
}
#section-header h1 {
  position: absolute;
  left: 60px;
  margin: 0;
  font: normal 1.25rem 'UnitOT-Black';
  font-weight: normal;
  font-style: normal;
  line-height: 2.125rem;
  color: #d1232a;
}
@media (max-width: 700px) {
  #section-header h1 {
    left: 32px;
    font-size: 1rem;
    line-height: 1.688rem;
  }
}

p.dropcap:first-letter, p.medium-dropcap:first-letter, p.big-dropcap:first-letter{
  float: left;
  color: #536f80;
  text-transform: uppercase;
  -webkit-text-size-adjust: none !important;
}

p.dropcap:first-letter {
  margin: 10px 2px 0 0;
  font-size: 3.313rem;
}

p.medium-dropcap:first-letter {
  margin: 22px 1px 20px 0;
  font-size: 5.5rem;
}

p.big-dropcap:first-letter {
  margin: 44px 1px 40px 0;
  vertical-align: text-top;
  font-size: 1020%;
  font-size: 10rem;
}
@media (max-width: 700px) {
  p.big-dropcap:first-letter {
    margin: 21px 1px 10px 0;
    font-size: 475%;
    font-size: 5.5rem;
  }
}

* {
  -webkit-text-size-adjust: none;
}

body {
  font-size: 1rem;
  font-family: 'DTLDocumenta';
  line-height: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

p {
  line-height: 1.5rem; margin:0 0 0.1em;
}
/*p em {
  font-family: 'DTLDocumenta-Ita';
}*/

article p {
  font-size: inherit;
}
article p.dropcap { text-indent:0;}

a {
  color: inherit;
  text-decoration: inherit;
}

figure p.copyright {
  display: none;
}

img {
  display: block;
}

hr {
  margin: 16px 0 0;
  border: none;
}

.article-body {
  font-size: 1rem;
}

.push-toolbar {
 /* padding-top: 44px;*/
}

article {
  margin: 40px;
}
@media (max-width: 700px) {
  article {
    margin: 20px;
  }
}
article #date {
  float: right;
  clear: both;
  padding-top: 20px;
  font: normal 0.9375rem 'UnitSlabPro-Bold';
}

section {
  min-height: 100%;
}

section:after,
article:after {
  display: table;
  clear: both;
  content: " ";
}

blockquote {
  color: #58717F;
  font-family: 'DTLDocumenta';
}

p.indent {
  display: block;
  margin: 20px 1.5em;
  font-size: 90%;
  line-height: 1.25rem;
}

.hide {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
}

body.nightmode {
  background: black;
  color: white;
}
body.nightmode *,
body.nightmode *:first-letter {
  border-color: white !important;
  color: inherit !important;
}
body.nightmode .logo {
  background-image: url(../html/img/newstatesman-nightmode.png);
}
body.nightmode a#play-button {
  background-image: url("../html/img/audio-button-nightmode.gif") !important;
}
body.nightmode a#play-button.playing {
  background-image: url("../html/img/audio-button-active-nightmode.gif") !important;
}
body.nightmode section#exhibition aside, body.nightmode section#exhibition header,
body.nightmode section#section-cover aside,
body.nightmode section#section-cover header {
  background: rgba(0, 0, 0, 0.75) !important;
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT';
  src: local("UnitOT"), url("../fonts/UnitOT.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT-Ita';
  src: local("UnitOT-Ita"), url("../fonts/UnitOT-Ita.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT-Black';
  src: local("UnitOT-Black"), url("../fonts/UnitOT-Black.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitOT-BlackIta';
  src: local("UnitOT-BlackIta"), url("../fonts/UnitOT-BlackIta.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-Light';
  src: local("UnitSlabPro-Light"), url("../fonts/UnitSlabPro-Light.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-Bold';
  src: local("UnitSlabPro-Bold"), url("../fonts/UnitSlabPro-Bold.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-Black';
  src: local("UnitSlabPro-Black"), url("../fonts/UnitSlabPro-Black.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'UnitSlabPro-BlackIta';
  src: local("UnitSlabPro-BlackIta"), url("../fonts/UnitSlabPro-BlackIta.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'DTLDocumenta';
/*  src: local("DTLDocumenta"), url("../fonts/DTLDocumenta.otf") format("opentype");*/
    src: local("D019X13T"), url("../fonts/D019X13T.otf") format("opentype");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'DTLDocumenta-Ita';
/*  src: local("DTLDocumenta-Ita"), url("../fonts/DTLDocumenta-Ita.otf") format("opentype");*/
  src: local("D019X33T"), url("../fonts/D019X33T.otf") format("opentype");
}

#section-header h1 { text-transform:capitalize;}

.image_credit {bottom: 150px;     color: #FFFFFF;     font-size: 0.6875rem;
           position: absolute;
transform:rotate(270deg);
-ms-transform:rotate(270deg);
-webkit-transform:rotate(270deg);   width: 175px; left: -80px; text-align:left; /*text-shadow:1px 2px #333;*/  }


#Observation #section-header h1{ color:Purple;}
#Observation #section-header .section-mark {background: none repeat scroll 0 0 Purple;}

header aside h2.Observations{ color: #a11a62;}
header aside h2.column{ color: #29766F;}
header aside h2.feature{ color: #D1232A;}
header aside h2.critics{ color: #104684;}




#article-body ol { margin:20px;}
#article-body ol li { margin-bottom:5px;}
#article-body  p.rtecenter { text-align:center; margin:15px 0; display:block;}