@charset "UTF-8";

/*****************************************************************
 *****************************************************************
 **                                                             ** 
 ** The BLACK ACTIVIST, Journal of the Black Left Unity Network **
 ** jblun.org                                                   **
 **                                                             **
 ** towards global liberation, @bzelip                          **
 **                                                             **
 *****************************************************************
 *************************************jblun read as web, May 2014*/


/* Import
================================================== */
/*  Font Awesome, http://fontawesome.io */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Reset (custom, don't copy this for another project)
================================================== */
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,strong,sub,sup,tt,var,b,u,i,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/* Scaffolding
================================================== */
html {
  font-size: 16px;
}
@media (min-width: 48em) {
  html {
    font-size: 20px;
  }
}

body {
  margin: 0;
  padding: 0 1.5rem 1rem 1.5rem;
  font: 1rem/1.5 "Noto Serif", serif;
  color: rgb(24,24,24);
}
@media (min-width: 48em) {
  body {
    max-width: 46em;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

a {
  color: #C90101;
  text-decoration: none;
  -webkit-transition: 150ms ease-in-out;
     -moz-transition: 150ms ease-in-out;
      -ms-transition: 150ms ease-in-out;
       -o-transition: 150ms ease-in-out;
          transition: 150ms ease-in-out;
}

a:hover {
  text-decoration: underline;
}

h1,
h2,
h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

ul,
ol { list-style-position: outside; }

ol, ol.upper-alpha, ol.lower-alpha { margin-left: 1.5rem; }

ol { list-style-type: decimal; }

ol.upper-alpha { list-style-type: upper-alpha; }

ol.lower-alpha { list-style-type: lower-alpha; }

ul { margin-left: 1.2rem; }

li { margin-bottom: .3rem; }

hr {
  padding: 0;
  margin-bottom: 3.2rem;
  border: none;
  height: 0;
  text-align: center;
  clear: both;
}

hr:after {
  content: "* * *";
  display: block;
  font-size: 2rem;
  background: transparent;
}

abbr {
  border-bottom: 1px dotted rgb(24,24,24);
  cursor: help;
}

::selection {
  background: rgba(201, 1, 1, 0.8);
  }
::-moz-selection {
  background: rgba(201, 1, 1, 0.8);
}


/* Sections
================================================== */
/* nav */
nav a {
  margin-bottom: 1rem;
  width: 50%;
  float: left;
  padding: .6rem;
  text-align: center;
  color: white;
}

nav a:hover {
  background-color: #C90101;
  text-decoration: none;

}

.home,
.this { background: rgb(24,24,24); }

.home { border-right: 1px solid white; }
@media (min-width: 48em) {
  .home:before {
    content: "Go to ";
  }
}

.this { border-left: 1px solid white; }
@media (min-width: 48em) {
  .this:before {
    content: "Go to ";
  }
}

/* masthead */
.masthead img { width: 100%; }

.journal-title,
.issue-num,
.byline,
#toc h1 { text-align: center; }

.issue-num,
.byline,
#toc h1 { letter-spacing: -.06em; }

.journal-title {
  margin: 1rem 0;
  line-height: 1;
  font-size: 4rem;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.03em;
}
@media (min-width: 48em) {
  .journal-title {
    font-size: 4.5rem;
  }
}

.issue-num,
.byline { margin: 0 0 1rem 0; }

.issue-num { font-size: 2rem; }

.byline {
  font-size: 1.5rem;
  line-height: 1.2;
}

.front-matter {
  margin-bottom: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  text-align: justify;
}
@media (min-width: 48em) {
  .front-matter {
    font-size: .8rem;
  }
}

.remix {
  padding: .5rem 0;
  border-top: 1px dotted rgb(24,24,24);
  border-bottom: 1px dotted rgb(24,24,24);
  font-style: italic;
}

/* TOC + scroll to TOC */
#toc h1 {
  margin-bottom: 1rem;
  font-size: 2rem;
}

#toc ol {
  margin-left: 0;
  list-style-position: inside;
  list-style-type: decimal-leading-zero;
}

#toc ol li {
  padding-left: 1rem;
}

#toc ol li:first-child {
  padding-left: 0;
  list-style-type: none;
  text-transform: uppercase;
}

.toTOC {
  position: fixed;
  right: 5px;
  bottom: 5px;
}
@media (min-width: 48em) {
  .toTOC {
    right: 25px;
    bottom: 25px;
  }
}

.toTOC a {
  color: rgba(24,24,24,.4);
  border: none;
  display: block;
}

.toTOC a:hover { color: #C90101; }

.fa {
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 3em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }

/* Main */
h1.section-hdr {
  margin: 2.5rem 0 1rem 0;
  font-size: 3rem;
  border-bottom: 1px solid rgb(24,24,24);
  text-transform: uppercase;
}

/* article */
article {
  margin-bottom: 2.5rem;
  clear: both;
}

article h1 {
  margin: .75rem 0;
  font-size: 2rem;
  line-height: 1.2;
}

article h2 {
  margin-bottom: .75rem;
  font-size: 1.5rem;
}

article p {
  margin-bottom: 1.3rem;
}

.fig-left,
.fig-right,
.fig-standout {
  margin: 1rem auto;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: .8rem;
  font-style: italic;
}
@media (min-width: 48em) {
  .fig-left,
  .fig-right {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .fig-left {
    margin-right: 1.5rem;
    margin-left: 0;
    float: left;
  }

  .fig-right {
    margin-right: 0;
    margin-left: 1.5rem;
    float: right;
  }
}

article img {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

figcaption {
  margin-top: -.4rem;
}

.fig-standout {
  width: 100%;
  margin: 2rem auto;
  font-weight: 700;
}

/* footer */
footer {
  margin-top: 1rem;
  font-size: .7rem;
  letter-spacing: -.06em;
  text-align: center;
  font-family: "Open Sans", sans-serif;
}

a.footer {
  color: rgb(24,24,24);
}

a.footer:hover {
  color: #C90101;
  text-decoration: none;
}


/* Utilities
================================================== */
strong, .strong { font-weight: 700; }

.em { font-style: italic; }
