/* Alternative 1: text */

div.irclog { font-family: monospace; text-indent: -7em; padding-left: 7em; }
div.irclog p { margin: 0.2em 0; }

/* Alternative 2: table */
table.irclog { width: 100%; }
.irclog th.nick { color: #ffffff; padding: 0.1em 0.2em; }
.irclog td.text { width: 100%; background: #eeeeee; }
.irclog td.action { background: #eeeeee; }

/* Common rules */
.irclog h1 { color: #134d73; margin: 0.5em 0; }
.irclog a { color: #869ABF; }
.irclog a:visited { color: purple; }
.irclog a:active, .irclog a:hover { color: #B22222; }
.irclog a.time,
.irclog a.time:visited {
    text-decoration: none;
    color: #8888cc;
}
.irclog a.time:active,
.irclog a.time:hover { 
    text-decoration: none;
    color: #9999dd;
}
.irclog a.time:before { content: "["; }
.irclog a.time:after { content: "]"; }

.irclog .nick { font-weight: bold; }
.irclog .part { color: #000099; }
.irclog .join { color: #009900; }
.irclog .servermsg { color: #009900; }
.irclog .nickchange { color: #009900; }
.irclog .action { color: #cc00cc; }
.irclog .other { color: #888888; }

/* Make boring messages small */
.irclog .part, .irclog .join, .irclog .servermsg,
.irclog .nickchange, .irclog .other { font-size: smaller; }
.irclog td.part + td,
.irclog td.join + td,
.irclog td.servermsg + td,
.irclog td.nickchange + td,
.irclog td.other + td { 
    font-size: smaller;
    text-align: right;
}

.irclog div.generatedby {
    margin-top: 1em;
    font-size: small;
    color: #888888;
}
.irclog div.generatedby a:link {
    color: #8888cc;
    text-decoration: none;
    border-bottom: 1px dotted #8888cc;
}
.irclog div.generatedby a:visited {
    color: #cc88cc;
    text-decoration: none;
    border-bottom: 1px dotted #cc88cc;
}
.irclog div.generatedby a:active,
.irclog div.generatedby a:hover {
    color: #ff8888;
    text-decoration: none;
    border-bottom: 1px dotted #ff8888;
}