/* Cleanup default HTML styles */
* { margin: 0; padding: 0; font-family: sans-serif; font-size: 1em; }
img { border: none; }
a:visited,
a { text-decoration: none; color: #00F; }

/* Add pizzaz to some elements */
h1 { padding: .3em; border-bottom: 2px solid #000; text-align: right; font-size: 2em; }

#main h2 { font-size: 1.4em; text-align: center; }
#main h3 { margin: 1em 0 .5em 0; font-size: 1em; border-bottom: 1px dotted #000; }

#sidebar h2 { border-bottom: 1px dotted #000; font-size: 1em; }
#sidebar ul { margin-bottom: 1em; }
#sidebar ul, #sidebar li { list-style: none; }
#sidebar ul a { display: block; text-decoration: none; }

/* Layout Sections */
#sidebar { float: left; width: 18em; border-right: 1px solid #000; padding: 1em; }
#main { margin: 0 0 0 20em; padding: 2em; }

/* Other Layout stuff */
.left { display: block; float: left; }
.right { display: block; float: right; }

.chatbox { max-height: 10em; overflow: auto; }
p .tools { display: none; float: right; }
p:hover .tools { display: block; }

/* Other Style stuff */
.chatbox p:hover { background: #CCC !important; }

#sidebar form { line-height: 2em; }
form { margin: .5em 0 .5em 0; }

.row { position: relative; min-height: 1.5em; }
.row input[type="password"],
.row input[type="file"],
.row input[type="text"],
.row textarea,
.row select { position: absolute; left: 5em; right: 2em; border: none; background: url("http://alerque.com/imgs/NW_corner_fade.png") no-repeat; }

.fat textarea { height: 3em; }

.fat { min-height: 4em; }

label { color: #060; font-style: italic; }

/* Button styles */
input.img { border: none; width: 20px; height: 20px; padding-left: 20px; }
input.img.right { margin-top: -1em; }
#sidebar input.img.right { margin-top: -1.9em; }

input.img.save { background: url("/theme/icons/save.png") no-repeat; }
input.img.del { background: url("/theme/icons/del.png") no-repeat; }
input.img.add { background: url("/theme/icons/add.png") no-repeat; }
input.img.ok { background: url("/theme/icons/ok.png") no-repeat; }

/* Classes to add minor styling */
.user { font-style: italic; }
.error { background: #FDD; padding: 1em; }

.chatbox em,
.chatbox strong { color: #666; }
.chatbox p { margin-bottom: .5em; }
.chatbox p.alt { background: #EEC; }

#main .row label:first-child { width: 5em; display: block; float: left; text-align: right; }