html, body { font: 12px Consolas, monospace; height: 100%; margin: 0; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } ul, li { list-style: none; margin: 0; padding: 0; } h1, h2 { font: inherit; margin: 0; } #sidebar { background: #f0f0f0; border-right: 1px solid #ccc; float: left; height: 100%; line-height: 20px; width: 199px; } #sidebar .channel { clear: both; color: #f00; cursor: pointer; float: left; margin-left: 20px; } #sidebar .channel:hover { color: #999; } #sidebar .channel.network { margin-top: 10px; overflow: hidden; } #chat { bottom: 0; left: 200px; line-height: 16px; min-width: 400px; overflow: hidden; position: absolute; right: 0; top: 0; } #chat form { border-top: 1px solid #ccc; bottom: 0; height: 26px; left: 0; position: absolute; right: 0; } #chat form input { border: 0; font: inherit; height: 26px; margin: 0; outline: none; padding: 0 6px; width: 100%; } #chat .channel, #chat .network { background: #fff; height: 100%; position: absolute; width: 100%; } #chat .network .users { display: none; } #chat .network .messages { right: 0; } #chat .title { background: #f5f5f5; border-bottom: 1px solid #eee; color: #333; font-size: 18px; height: 36px; line-height: 36px; padding-left: 10px; position: absolute; top: 0; width: 100%; } #chat .users { border-left: 1px solid #ccc; float: right; height: 100%; margin-top: 36px; overflow-y: auto; padding-top: 6px; width: 159px; } #chat .users .user { clear: both; color: #f00; float: left; padding: 0px 8px; } #chat .messages { left: 0; overflow-y: auto; padding: 6px 0; position: absolute; right: 160px; top: 36px; z-index: 0; bottom: 26px; } #chat .messages .message { padding: 0 8px; } #chat .messages .time { color: #bbb; } #chat .messages .user { color: #f00; }