/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


body {
/*    font-family: 'Inconsolata', Monaco, "Lucida Console", Consolas, "Courier New";*/
    font: 18px/26px "Mercury SSm A", "Mercury SSm B";
}
a {
    text-decoration: none;
    border-bottom: 2px solid #ccc;
    color: #821122;
}
a:hover {
   border-bottom: 2px solid #821122; 
}
strong { font-weight: 700; }

#main-wrapper {
/*    width: 1070px;*/
    margin: 0px auto;
}
#header {
    margin-bottom: 10px;
}
#intro-image {
    max-width: 600px;
    z-index: 3;
    margin: 2rem 2rem 0rem 2rem;
    position: relative;
}

.entry {
    max-width: 600px;
    margin: 2rem;
    position: relative; 
    z-index: 3;
}
.entry.header {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.sidebar-entry img {
    max-width: 100%;
    height: auto;
}

.clr { clear: both; }
.centered { text-align: center; }
.hidden  { 
    display: none; 
    pointer-events: none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* Text
============================ */

h1, h2, h3, h4 {
    font-family: "Mercury SSm A", "Mercury SSm B", Georgia, serif;
    font-weight: 700;
}
h1 { font-size: 2.5rem; margin-bottom: .5em; }
.entry h2 { font-size: 2.0rem; margin-top: 1.2rem; }
.entry h3 { font-size: 1.5rem; background: #e8e8e8; display: inline-block; }
.entry h4 { font-size: 1.15rem; margin-top: 2.0rem; margin-bottom: .5rem; }
.entry a, #join-now a { border-bottom: 2px solid #ccc; }
.entry a:hover, #join-now a:hover { border-bottom: 2px solid #821122; }
.subheader text {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
p {
    font-family: "Mercury SSm A", "Mercury SSm B";
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.6em;
    color: #111;
}
.entry p {
    margin-bottom: 1rem;
}





/* Slider
============================ */

#time {
	width: 190px;
	float: left;
	padding: 0px 0px 0px 5px;
}
#time #timevalue {
	text-align: center;
	font-weight: bold;
}
.slider .handle {
    stroke-width: 2px;
    stroke: #000;
}






/* Chart
============================ */

#chart-wrapper {
    width: 100%;
    margin: 0 auto;
}


#chart {
/*    width: 100%;*/
    margin-top: 0px;
    margin: 0 auto;
/*    float: left;*/
}
#chart svg {}


/*** Axes ***/
    
.x-axis path,
.y-axis path,
.x-axis line,
.y-axis line {
    stroke: #000;
}
.x-axis path.domain, .y-axis path.domain {
    visibility: hidden;
}
.x-axis text,
.y-axis text {
    font-family: 'Inconsolata', "Courier New", Courier;
    fill: #000;
    font-size: 14px;
}
text.axistitle {
    font-size: 15px;
    text-transform: uppercase;
}



/*** Bars ***/

rect.bar.b7 {
    stroke: #666;
}

/*.bar rect {
    stroke: #fff;
    shape-rendering: crispEdges;
}
.bar rect.background {
    fill: #eee;
}
.bar rect.percent {
    fill: #a0bcdf;
/*    fill: #a9b7ad;*/
}
.bar text {
    font-size: 16px;
    fill: #000;
}*/


/*** Reference line ***/

.refline line {
    stroke: #000;
    stroke-width: 1.5px;
}



/* Annotation
============================ */

span.peak {
    background: #f34620;
    color: #fff;
    padding: 0 3px;
    border-radius: 3px;
}
span.seven {
    border: 1px solid #000;
    border-radius: 3px;
    padding: 0 3px;
}


#tooltip {
    text-transform: uppercase;
    text-anchor: middle;
    font-size: 1.0em;
    font-family: 'Inconsolata', Monaco, "Lucida Console", Consolas, "Courier New";
    pointer-events: none;
    z-index: 101;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
/*    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);*/
}
#tooltip h3 { 
  font-size: 14px; margin: 0 0 4px 0; 
  line-height: 1.2em;
}

.desc {
    font-family: "Mercury SSm A", "Mercury SSm B";
    font-weight: 400;
	font-size: 1em;
	line-height: 1.4em;
}

.focus text {
    
}

line.annotation {
    stroke: #ccc;
	stroke-dasharray: 5,2;
	stroke-width: 1.2px;
}
text.annotation {
    font-family: 'Inconsolata', Monaco, "Lucida Console", Consolas, "Courier New";
    font-size: 14px;
    fill: #444;
    text-anchor: end;
}
text.descrip {
    font-family: "Mercury SSm A", "Mercury SSm B";
    font-style: italic;
    font-weight: 400;
	font-size: 13px;
	line-height: 1.4em;
}



#data-sources-footnote {
    border-top: 1px solid #ddd;
    color: #666;
}
#data-sources-footnote h4 {
    color: #666;
    margin-bottom: 0;
}
#data-sources-footnote p {
    color: #666;
    font-size: .9em;
    line-height: 1.4em;
}
#data-sources-footnote a {
    color: #666;
    border-bottom: 1px solid #ccc;
}
#join-now {
    background: #e8e8e8;
    border: none;
    padding: 1.75rem;
    border-radius: 4px;
    text-align: left;
}