body { background: #aad; background-size: 200px; padding: 20px; color: #304;
 font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 16px; }

a { text-decoration: none; color: #115; }
a:active { outline: none; }
a:hover { color: #99c9ff; background-color: #333; }
p { margin: 5px 0; } p:first-letter { font-size: 20px; font-family: Georgia, serif; }
hr { border: 1px dashed #000; }

span { font-weight: bold; }
span.user,span.page,span.topic { display: inline-block; margin: 2px;
 padding: 3px 6px 4px; border: 1px solid #222; border-radius: 5px;
 background: #eef; }
span.page { background: #ddf; } span.user { color: #002; }
span.details { font-size: 14px; }
span.subject { display: inline-block; margin: 0 0 2px; padding: 5px 10px;
 font-size: 14px; background: #eee; border: 1px solid #227; border-radius: 5px; }
span.topic { padding: 2px 4px; font-size: 15px; font-weight: normal; }
button { font-weight: bold; border-radius: 5px; background: #eee; }
button.msglist { margin: 2px; padding: 4px 7px; }
button#activelist { color: #66f; }
button#photo { padding: 5px; background: #ddf; color: #307; }

div { text-align: center; border-radius: 5px; }
div#wrap { text-align: left; border: 1px solid #99d; }
div#frame,#login { display: inline-block; margin: 2px 0 5px; padding: 7px;
 text-align: center; background: #bbe; border: 3px solid #555; }
div#frame { min-width: 350px; max-width: 580px; }
div#lbar { float: left; width: 360px; margin: 0 30px 0 0; padding: 0 0 5px;
 min-height: 70px; border: 1px solid #99d; border-width: 0 1px 1px 0; }
div.read { padding: 3px; margin: 1px; background: #ddf; border: 1px solid #114; }
div.list { display: inline-block; padding: 4px 5px; margin: 2px 0;
 text-align: center; background: #ccf; border: 1px solid #114; }
div.topbar { display: inline-block; margin: 9px 0 3px; padding: 2px 7px;
 font-weight: bold; background: #bbf; }
div.simple { display: inline-block; margin: 2px; padding: 2px 7px;
 font-weight: bold; background: #ccf; }

input[type="submit"] { padding: 4px 9px; background: #edf; color: #112;
 font-weight: bold; border-radius: 5px; }
input[type="submit"]:hover { color: #000; font-style: italic; }
input[type="text"],input[type="password"] {
 border: 1px solid #333; border-radius: 3px; color: #003; font-size: 16px; }
input[type="text"]:focus { background-color: #ddf; }
textarea { width: 396px; margin: 5px 0; border: 1px solid #333;
 border-radius: 3px; background-color: #eee; color: #003; }
textarea.login { width: 250px; }
textarea:focus { background-color: #ddf; }

input#subject { width: 400px; background-color: #eee; }
input.login { margin: 2px 0; width: 250px; }
input.login:focus { background-color: #ddf; }

label { display: inline-block; padding: 0 5px; line-height: 1em; }

::selection { background-color: #fff; color: #005; }
::-moz-selection { background-color: #fff; color: #005; }