body { 
	font: 12px Arial;
	background-color: #fef7ea;
	margin: 0;
}
	
#container {
	width: 100%;
}
	
#graph {
	width  : 960px;
	margin : auto;
}

path { 
    stroke: #cccccc;
    stroke-width: 1;
    fill: none;
	opacity: 0.5;
}

.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 0;
    shape-rendering: crispEdges;
}
	
.axis.y .tick line {
	stroke: #eeeeee;
	stroke-width: 0;
}
	
.axis .tick text {
	font-size: 18px;
	fill: #cccccc;
	font-family: 'PT Sans', sans-serif;
}

.button {
	opacity: 0.5;
}

.button:hover, .button.active {
    opacity: 1;
}
	
#textcontainer {
	width: 100%;
	position: absolute;
	top: 350px;
}
	
#text {
	margin: auto;
	padding-left: 50px;
	width: 400px;
	font-size: 16px;
	line-height: 24px;
	font-family: 'PT Serif', serif;
	color: #454443;
}
	
.yearlabel, .templabel {
	fill: #c75845;
}
	
#heading {
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	
}
	
#title,#legend {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 24px;
}
	
#legend {
	fill: #7c7c7c;
}
	
#footer {
	float: right;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 12px;
	margin-right: 50px;
	margin-top: 20px;
	opacity: 0.7;
}

#footer a {
	color: #be1e1e;
	text-decoration: none;
}