@-webkit-keyframes spin {
	from {
		-webkit-transform:rotate(0deg);
	}

	to {
		-webkit-transform:rotate(360deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform:rotate(0deg);
	}

	to {
		-moz-transform:rotate(360deg);
	}
}


@keyframes spin {
	from {
		transform:rotate(0deg);
	}

	to {
		transform:rotate(360deg);
	}
}


@-o-keyframes spin {
	from {
		-o-transform:rotate(0deg);
	}

	to {
		-o-transform:rotate(360deg);
	}
}

body {
	background:#777;
	padding:0px;
	margin:0px;
	font:13pt "Segoe UI", Segoe, sans-serif;
	overflow-x:hidden;
}

#header {
	width:100%;
	height:85px;
	padding:5px;
	background:#fff;
	margin:0px;
	text-align:center;
	border-bottom:1px solid #333;
}

#home {
	position:absolute;
	top:5px;
	right:5px;
	padding:0px;
	display:block;
}

#header > h1 {
	margin-top:20px; /* If you find a better way of vertically aligning this, let me know (ktamkun@gmail.com) */
}

a, a:visited, a:active {
	color:#000;
}

a#back, a#back:visited, a#back:active {
	position:absolute;
	left:10px;
	top:22px;
	font:30pt Consolas, monospace;
	text-decoration:none;
}

#main {
	margin-top:20px;
	margin-bottom:20px;
	min-height:500px;
	width:1000px;
	background:#fff;
	padding:5px;
	text-align:center;
	border:1px solid #333;
	border-radius:5px;
	overflow-x:hidden;
}

#text {
	display:inline-block;
	background:#ddd;
	margin-top:5px;
	width:550px;
	text-align:left;
	font:11pt Consolas, monospace;
	padding:1px 5px;
}

.log {
	padding:1px 5px;
	font:11pt Consolas, monospace;
	/*background:#bbb;*/
	background:#ddd;
	width:550px;
	text-align:left;
	margin-top:5px;
	display:inline-block;
}

.padlog {
	padding:10px;
	width:540px;
}

.letter {

}

.log:before {
	/*content:"Chat log:";*/
	font-weight:bold;
}

.mo, .su, .sq, .cp, .letter, .co {
	text-shadow:1px 1px 1px #aaa;
}

.mo {
	color:#c703ae;
}

.su {
	color:#10ca02;
}

.sq {
	color:#bf820b;
}

.cp {
	color:#004aeb;
}

.co {
	color:#444;
}

.log span {
	display:block;
}

#main > a {
	font-size:15pt;
}

h1, h2, h3, h4, h5, h6, p, span, div {
	-webkit-margin-before:0em;
	-webkit-margin-after:0em;
}

.center {
	display:block;
	margin:0 auto;
}

#main {
	z-index:1;
}

#json {
	z-index:0;
	display:none;
}

#time {
	font-weight:bold;
	display:block;
}

#disqus_thread {
	text-align:left;
}

.spin:hover, a.spin:hover {
	-webkit-animation:spin 0.1s linear infinite !important;
	-moz-animation:spin 0.1s linear infinite;
	animation:spin 0.1s linear infinite !important;
	-o-animation:spin 0.1s linear infinite;
}

#all {
	position:fixed;
	bottom:10px;
	left:15px;
	font-size:2em;
	text-decoration:none;
}