canvas {
       float: left;
       margin: 1em 0 0;
}

canvas.similarity {
       background:url(../similarity/wizard.jpg);
       background-size:611px 611px;
       background-repeat:no-repeat;
       display: inline;
       margin: 2em 0 0;
}

canvas.similarity_pulp {
       background:url(../similarity/pulp.jpg);
       background-size:611px 611px;
       background-repeat:no-repeat;
       display: inline;
       margin: 2em 0 0;
}

canvas.genre_perplexity {
        background:url(../images/genre_perplexity_chart_bw.jpg);
        background-size:514px 446px;
        background-repeat:no-repeat;
        display: inline;
        margin-left: 1px;
        background-position: -2px 0px;
}



canvas.plot {
  background:url(../images/good-vs-evil-yaxis.jpg);
  background-size:800px 800px;
  background-repeat:no-repeat;
}

.video_container {
	float: left;
	display: inline;
	margin-right: 2em;
}

body {
     background-color: #000;
}

.video_players {
      float: left;
      display: inline;
      margin: .5em;
}

.clear {
       clear: both;
}

.left {
      float: left;
}

#xaxis {

}

#yaxis {
       margin-left: 5px;
}

.wideRight {
  float:                  right;
  padding-left:          2%;

}

.standalone p {
	    margin-left: 1em;
}

.videoPlayers {
    width: 75%;
    margin: 1em 1em 3em;
}

h4 {
  font-family:            "Trebuchet MS", "Univers", sans-serif;
  text-align:             left;
  font-size:              1.5em;
  font-weight:            600;
  color:                  #CCC;
  font-variant:           small-caps;
  margin:                 0 0 .5em;

}

.standalone p {
  margin:               1em 0 0;
  width:                80%;
}

p.narrow {
  width: 250px;
}

div.less_margin h2, div.less_margin p {
  margin-bottom: 0.5em;
}

ul {
  color:                  #CCC;
}