#outer-wrapper{
				max-width: 860px;
				position: relative;
			}

			.keyText {
				font-size:0.8rem;
			}

			#graphContainer {
				margin-bottom:5px;
			}

			text.keyText {
				fill:#767676;
			}

			#ausMap {
				cursor: move;
			}

			.state {
				fill:#FAFAFA;
				fill-opacity: 1;
				stroke: #bfbfbf;
				stroke-width:1px;

			}

			#next {
				font-size: 1.2rem;
			}

			#next {
			    background-color: #eaeaea;
			    border-radius: 62.5rem;
			    border: none;
			    display: inline-block;
			    outline: 0;
			    box-sizing: border-box;
			    line-height: 16px;
			    font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
			    color: #767676;
			    padding: 5px 10px;
			    margin: 1px 1px;
			    text-align: center;
			    cursor:pointer;
			}

			#next {
			  opacity: 0.7 !important;
			}

			.keySpan:after 
			{
			content: ' | ';
			color:#767676;

			}
			.keySpan:last-child:after
			{
			content: '';
			}


			.greyedOut {
			background-color: #bdbdbd !important;
			}

			.brush .extent {
			  stroke: #fff;
			  fill-opacity: .125;
			  shape-rendering: crispEdges;
			}

			.graticule {
				fill: none;
				stroke: #efefef;
				stroke-width: .5px;
				stroke-opacity:1;
			}


			.circle {
				fill-opacity:.5;
				stroke-opacity:.5;
				stroke:grey;
				cursor:default;
			}

			.keyCircle {
				stroke-width:.5px;
				stroke:grey;
			}
			.circle:hover {

      		stroke: #000;
      		stroke-width:2px;
   			
   			}

   			#mapKey {
   				position: absolute;
   				right:0;
   				bottom:50px;
   				background-color:rgba(255, 255, 255, 0.5);
   				color:#767676;
   				text-align: right;
   				pointer-events:none;
   			}

   			#lockoutKey {
   				position: absolute;
   				right:0;
   				bottom:0;
   				background-color:rgba(255, 255, 255, 0.5);
   				color:#767676;
   				text-align: right;
   				pointer-events:none;
   			}   

   		/*	#controls {
   				position: absolute;
   				right:2%;
   				top:2%;
   				color:#767676;
   			}*/

   			.graticule {
				fill: none;
				stroke: #efefef;
				stroke-width: .5px;
				stroke-opacity:1;
			}

			#mapContainer {
				position: relative; 
				width:100%;
			}

			.placeText {
				fill:#767676;
			}

			#slider {
				width:96%;
				margin-left:2%;
				margin-right:2%; 
				display: inline-block;
				margin-top:20px;
			}

			.weekWrapper {
				display: inline-block;
			}

			#yearText {
				color: #7d0068;
				font-family: "Guardian Egyptian Headline",Georgia,serif;
				font-size: 3rem;
				font-weight: 200;
			}

			.tipHeading {
				margin:0;
				font-size:1.1rem;
				font-weight:bold; 
			}

			.graphSwitcher {
				display: inline-block;
				width:50%;
				margin-right: auto;
				margin-left: auto;
			}

			.bar.executions {
  			fill: red;
  			fill-opacity:0.5;
			}

			.bar.sentences {
  			fill: orange;
  			fill-opacity:0.5;
			}


			.axis path,
			.axis line {
			  fill: none;
			  stroke: #bfbfbf;
			  shape-rendering: crispEdges;
			}

			.x.axis path  {
				display: none;
			}

			.x.axis line  {
				display: none;
			}

			.axis text {
				fill:#767676;
			}

			.line {
			  fill: none;
			  stroke: #00456e;
			  stroke-width: 2px;
			}

			/*.line2 {
			fill: none;
			  stroke: #aad8f1;
			}*/

			.caption {
			font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
			color: #767676;
			font-size:0.75em;
			margin-left:auto;
			margin-right:auto; 
			}


			@media (max-width: 900px) {
			html {
				font-size:90%;
			}

			#slider {
				width:70%;
			}

			.weekWrapper {
				width:30%;
			}
			
			.leaderPic {
				padding-left-left: 5px;
				padding-right: 5px;
			}

			.right {
				float: left;
				text-align:left; 
			}

			}

			@media (max-width: 460px) {

				html {
					font-size:80%; 
				}

				#mapKey {
					display: none;
				}

				.toggleButton button {
					font-size: 10px;
				}

				#slider {
					margin-top: 0px;
				}

				#yearText {
					font-size:2em;
				}


			}