body{
  font-family: "Arial";
  width: 100%;
}
#main{
  width:1030px;
  margin: auto;
  margin-top: 50px;
}
.head{
  padding-bottom: 20px;
  margin-left: 65px;
}
.copy{
  width:800px;
}
.nav{
  padding: 30px 0 30px 0;
  /*background-color: #ddd;*/
  margin-left: 65px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.divider{
  background-color: #fff;
  height:2px;
}
svg{
  margin-top: 20px;
  /*background-color: #ccc;*/
}
circle,path{
  cursor: pointer;
}
.page_title{
  font-family: 'Georgia';
  font-size: 36px;
}
.logo{
  float: right;
  margin-right: 20px;
}

.d3-tip {
  position: absolute;
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #ddd;
  border-radius: 10px;
  font-family: "Arial",sans-serif;
}

#nav{
  float:right;
}
#label,.label{
  font-family: 'Georgia';
  font-size: 26px;
}
.label2{
  font-family: 'Georgia';
  font-size: 20px;
}
.dropdown-menu {
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}

#chart{
  margin: 10px 0 20px 0;
}

.axis{
  font-size: 9px;
}
.axis-percs{
  font-size: 32px;
  fill: #ccc;
}

/*most/least partisan labels*/
.name{
  font-family: 'Georgia';
  font-size: 14px;
  fill: #fff;
}
.title{
  font-family: 'Georgia';
  font-size: 20px;
  fill: #fff;
}
.perc{
  font-family: 'Arial';
  font-size: 45px;
  fill: rgba(255, 255, 255, 0.7);
}


/*changes to bootstrap css so accordions at bottom look right*/
#accordion{
  width:965px;
}
.panel-group{
  margin-left: 65px;
}