html {
	background-color: white;
}

body {
	font-family:  "DejaVu Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px;
	background: none;
	font-size: 11pt;
}

h1, h2, h3 {
    color: inherit;
    font-family: 'Source Sans Pro', sans-serif;
    text-rendering: optimizelegibility;
}

h1 {
	text-align: left;
	font-size: 43px;
	line-height: 43px;
	font-weight: 200;
	margin: 0;
	margin-bottom: 18px;
	color: #666;
}

h1 > img {
	margin-bottom: -2px;
}

h2 {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 4px;
}

h2 .alt {
	color: gray;
}

h2 .unit {
	text-transform: none;
	font-weight: 200;
}

h2 sub {
	line-height: 0;
	font-size: 12px;
	vertical-align: baseline;
	position: relative;
	top: 0.3em;
}

.literal {
	text-transform: none;
}

div.pane {
	background-color: rgba(100%,100%,100%,1);
	border-radius: 4px;
	padding: 10px 10px;
}

div.sub img {
	padding: 10px 10px;
	margin-top: 10px;
	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
}

div.hbox + div.hbox {
	margin-top: 20px;
}

div.main div.pane {
	padding: 20px 20px;
}

div.hbox {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

div.vbox {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

div.hbox > .main {
	margin-right: 20px;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}

div.hbox > .sub {
	-webkit-flex: 0 0 430px;
	    -ms-flex: 0 0 430px;
	        flex: 0 0 430px;
}}

div.vbox + div.vbox {
	margin-left: 10px;
}

div.vbox > div + div {
	margin-top: 12px;
}

a {
	color: inherit;
}

.clickable {
	cursor: pointer !important;
}

ul.q > li {
	font-style: italic;
}