html,body,div,span,h1,h2,p,img,audio{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
.clear{clear:both}

html { }
.container {
	width: 295px;
	padding: 0px 0;
}
.container .box {
	float: left;
	width: 300px;
	margin: 0px;
	height:180px;
	padding: 10px;
	border:1px solid #11282d;
}
.container .expanded { float: none; width: auto; margin-bottom: 10px; }
.container .dark { background: #250127; }
.container .light { background: #eee url(../images/light-pattern.png); }
pre { font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; padding-top:0px; margin: 0px 0 0; text-align: left; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap;  word-wrap: break-word; }
.dark pre { color: #bbb; }
.light pre { color: #333; background: #ccc; background: rgba(155,155,155,0.3); }

@media screen and (max-width: 780px) {
	.container { width: auto; padding: 0px; }
	.container .box { float: none; width: auto; }
}