body {margin:0;font-family:arial;background:#101042;}
h1 {color:#eee;margin:0;position:relative;}
h1 a {color:#aaf;text-decoration:none;}
h1 a:hover {color:#ffee35;}
.wrap {max-width:1000px;margin:0 auto;height:100%;}
.header {margin-bottom:5px;position:relative;}
.toggle-timestamps {position:absolute;right:0;bottom:5px;background:white;border:0;color:black;border-radius:5px;padding:5px 10px;}
.toggle-timestamps:hover {cursor:pointer;background:#ffee35;}
.messages {border-radius:5px;overflow:hidden;word-wrap:break-word;}
.message {color:#111;padding:5px 10px;position:relative;line-height:20px;font-size:14px;}
.message .date,
.message .time {
	font-weight:bold;display:inline-block;color:#888;
}
.message .sender {font-weight:bold;display:inline-block;padding-right:4px;}
.message.message-is-system .sender {color:#009;}
.message:nth-child(odd) {background:#eee;}
.message:nth-child(even) {background:#ddd;}
.message .face, 
.message .face-placeholder {border-radius:5px;margin-bottom:-3px;}