styles.css

p5 {
  font-weight: bold;
  font-size: 16px;
  margin-left: 10;
}

p1{
  margin-left: 10;
}

p2{
  margin-left: 10;
}

p3{
  margin-left: 10;
}

p4{
  margin-left: 10;
}

p6{
  margin-left: 10;
}

p7{
  margin-left: 10;
}

h2 {
  margin-left: 10;
}

.title {
  font-weight: bold;
  font-size: 16px;
}

.brush rect.extent {
  fill: steelblue;
  fill-opacity: .125;
}

.brush .resize path {
  fill: #eee;
  stroke: #666;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  background-color: #fff;
  margin-top: 10px;
}

.bar {
  fill: red;
}


#crime-type-chart .x.axis text {
  text-anchor: end;
}

#crime-type-chart svg {
  overflow: visible;
}

#date-chart .x.axis text {
  text-anchor: end;
}

#date-chart svg {
  overflow: visible;
}

#neighborhood-chart .x.axis text {
  text-anchor: end;
}

#neighborhood-chart svg {
  overflow: visible;
}

.bar {
  fill-opacity: 0.6;
  transition: fill-opacity 250ms linear;
}

.brush-handle {
    fill: #eee;
    stroke: #666;
  }


path {
  stroke: white;
  stroke-width: 0.25px;
  fill: grey;
}

/* On mouse hover, lighten state color */
path:hover {
  fill-opacity: .7;
}

.reset {
    padding-left: 1em;
    font-size: smaller;
    color: #ccc;
  }

/* Style for Custom Tooltip */
div.tooltip {   
  position: absolute;           
  text-align: center;           
  width: 70px;                  
  height: 40px;                 
  padding: 2px;             
  font: 12px sans-serif;        
  background: white;   
  border: 0px;      
  border-radius: 10px;           
  pointer-events: none;         
}

/* following code block inspiration: http://bl.ocks.org/stevenae/8362841*/

.q8-9 { fill:#b2182b; }
  .q7-9 { fill:#d6604d; }
  .q6-9 { fill:#f4a582; }
  .q5-9 { fill:#fddbc7; }
  .q4-9 { fill:#f7f7f7; }
  .q3-9 { fill:#d1e5f0; }
  .q2-9 { fill:#92c5de; }
  .q1-9 { fill:#4393c3; }
  .q0-9 { fill:#2166ac; }