html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:top;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}strong{font-weight:bold;}p{margin-bottom:10px;}.hidden{display:none!important;}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none;}.clear{clear:both;}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body {
	font-size: 14px;
	font-family: Open Sans Condensed;
}

a {
	color: #6E757A;
	text-decoration: none;
}

a:hover {
	color: #A0A9AF;
	text-decoration: underline;
}

h2, h1 {
	font-size: 130%;
	font-family: Open Sans;
}

h2 {
	margin: 5px 0;
}

h3 {
	font-size: 110%;
	font-weight: bold;
}

li {
	list-style: square inside none;
	margin: 0 0 3px 10px;
}

pre {
    white-space: normal;
}

div#wrapper {
	width: 800px;
	margin: 0 auto;
}

div#header {
	border-bottom: 2px solid #F4921E;
	color: #3E6B85;
	padding: 7px 0 3px;
}

div#body {
	padding: 5px;
}

div#footer {
	font-size: 80%;
	text-align: center;
	margin: 8px 0;
	border-top: 2px solid #F4921E;
	padding: 5px;
}

div#temperature {
	background: url("/assets/img/thermostat.png") no-repeat scroll right bottom #9E9E9E;
	border: 1px solid #3D3D3D;
	color: #fff;
	float: right;
	padding: 7px;
	margin: 0 0 0 5px;
	background-origin: content-box;
}

div#temperature div {
	font-size: 90%;
}

div#temperature span.title {
	font-weight: bold;
	display: inline-block;
	width: 115px;
}

div#temperature span.title:after {
	content: ":";
}

div#statsBlock {
	background: #9E9E9E;
	padding: 10px;
	color: #fff;
	border: 1px solid #3D3D3D;
}

div#statsBlock div.usageContainer {
	border: 1px solid #3D3D3D;
	background: #fff;
	margin: 5px 0;
}

h1 {
	font-size: 180%;
}

.usageCounts {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	display: block;
	height: 24px;
	background-size: 40px 40px;
}

@media (max-width: 820px) {
	div#wrapper {
		width: 90%;
	}
}

@media (max-width: 500px) {
	div#header {
		padding: 7px 10px 3px 10px;
	}

	div#wrapper {
		width: 100%;
	}

	div#body {
		margin: 0 10px;
	}
	.fullImg {
		width: 100%
	}
}