/* --- Misc
---------------------------------------------------------*/

#wrapper           { margin: 0 auto;width: 900px;text-align: left }
html body .clear   { background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;
                     margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0 }

body { border-top: 5px solid #0458a3 }

/* 2 Column definition list */
* html .col-2 dd        { height: 1% }
.col-2 dt               { float: left;background: #fff;width: 11em;text-align: right }
.col-2 dt, .col-2 dd	{ padding: 3px }
.col-2 dd               { margin-left: 11.3em;margin-bottom: 5px;padding-left: 1em }

/* Message blocks */
.warning, .success, .notice, .info { margin: 1.5em 0;padding: 0.8em 1.5em;border-width: 1px;border-style: solid;font-weight: bold;text-align: center }

.success    { background: #B6FF97;border-color: #6BFF2D }
.warning    { background: #FFB9B9;border-color: #FF6A6A }
.notice     { background: #FFFC77;border-color: #FFCF2D }
.info       { background: #f9f9f9;border-color: #eee }

/* Text style classes */
.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }

/* --- Header
---------------------------------------------------------*/

/* Logo */
#header      { padding: 1.5em 0 }
#header h1,
#header p    { margin: 0 }

/* --- Menu
---------------------------------------------------------*/

#main-menu          { height: 40px;border-bottom: 1px solid #ccc;font-size: 1.2em }
#main-menu ul       { margin: 0;padding: 0;list-style: none }
#main-menu li       { position: relative;top: 1px;float: left }
#main-menu a        { display: block;background: #eee;border: 1px solid #ccc;border-left-width: 0px;padding: 0 0.8em;
                      height: 38px;color: #999;text-decoration: none;line-height: 38px;font-weight: bold }
#main-menu a:hover  { background: #fff;color: #000 }

#main-menu #nav-home a { border-left-width: 1px }

/* --- Sidebar
---------------------------------------------------------*/

#sidebar    { float: right;margin: 0 0 0.5em;padding: 0 0 0 1em;border-left: 1px dashed #bbb;width: 200px }
#sidebar h2 { padding: 0 0 8px;border-bottom: 1px solid #eee;font-size: 1.1em;font-weight: bold }

/* Lists */
#sidebar ul      { margin: 0;padding: 0;list-style: none }
#sidebar li a       { background: url(../img/plus.gif) no-repeat 6px 50%;padding-left: 15px }
#sidebar li a:hover { background: url(../img/arrow.gif) no-repeat 6px 50% }

/* --- Body
---------------------------------------------------------*/

#body                 { float: left;width: 670px;margin: 0 0 0.5em }
#body .page-toolbox   { margin-bottom: 0.8em;background: url(../img/dither.gif) repeat-x 0 50%;padding: 0.5em 1em;border: 1px dotted #ddd;text-align: right;font-size: 0.8em }
#body h2 a            { text-decoration: none }

.grbox { background: url(../img/dither.gif) repeat-x 0 100%;border: 1px solid #ddd }

#user-profile h3      { padding-bottom: 0.2em;border-bottom: 1px dotted #ccc }
#user-profile form h3 { padding-bottom: 0;border-bottom: 0 }
.no-users-found       { text-align: center }
#userlist-search      { background: #f9f9f9;margin: 0 0 1.5em;padding: 1em;border: 1px solid #eee;overflow: auto }

#welcome-message, .feed-item { margin: 1em 0;padding: 0 1.5em 1.5em }
#welcome-message h3, #welcome-message p, .feed-item h3, .feed-item p { margin: 1em 0 0 }
#welcome-message h3 a, .feed-item h3 a { text-decoration: none }
#welcome-message h3 img, .feed-item h3 img { margin: 0 0.4em 0 0;max-width: 16px;max-height: 16px }

.forum-block { margin: 1em 0;padding: 0 1.5em 1.3em }
.forum-block h3, .forum-block p { margin: 0.9em 0 0 }
.forum-block h3 a { text-decoration: none }
.forum-block h3 img { margin: 0 0.4em 0 0;max-width: 16px;max-height: 16px }
.forum-block div { margin-top: 0.2em;color: #777;font-size: 0.8em }
.forum-block div span { color: #333 }

#welcome-message { background: #B6FF97 url(../img/green-dither.png) repeat-x 0 100%;border: 1px solid #6BFF2D }

.blog-post h2 { font-size: 2em !important }
.blog-post .post-last-edited, .blog-post .post-author-date { margin-top: -1em;color: #777;font-style: italic }
.blog-post .post-meta p { background: url(../img/dither.gif) repeat-x 0 50%;padding: 0.5em 1em;border: 1px dotted #ddd }
.blog-post .post-meta a { text-decoration: none;color: #555 }
.blog-post .post-meta a:hover { text-decoration: underline;color: #3191f3 }
.blog-post .post-last-edited { margin-top: 1.5em;text-align: right }

/* Comments */
#comments { float: left;width: 49% }
#add-comment { float: right;width: 49% }

#comments .comment { margin: 0 0 2em }
#comments .comment .comment-author { margin-bottom: 0.2em;font-size: 1.4em }
#comments .comment .comment-author a { text-decoration: none }
#comments .comment .comment-author span { float: right;font-size: 0.6em }
#comments .comment .comment-date { text-align: right;font-size: 0.8em;font-style: italic;color: #777 }
#comments .comment .comment-text { background: #f1f1f1;padding: 0.2em 0.7em 0.01em;border-top: 1px solid #999;border-bottom: 1px solid #ccc }
#comments .guest-comment .comment-text { border: 1px solid red }

/* Misc */
#body img { max-width: 100% }

/* --- Forum
---------------------------------------------------------*/

#topic-list { width: 100% }
#topic-list .tl-title { width: 45% }
#topic-list .tl-posts { width: 15%;text-align: center }
#topic-list .tl-last-post { width: 40% }


.post-container { margin: 1.5em 0;padding: 0 0 0.2em 1em;overflow: auto }
.post-container .signature { clear: right;border-top: 1px solid #ccc }
.post-container .signature p { margin: 0.5em 0 }

.post-container .post-header { margin: 0 1em 0 150px;padding: 0.2em 0.5em 0.1em;border-width: 0 1px 1px;border-style: solid;
                               border-color: #ddd;background: #f1f1f1;font-size: 0.8em;text-align: right }
.post-container .tools { float: right;font-size: 0.8em }
.post-container .post-header a { color: #555 }
.post-container .post-header a, .post-container .tools a { text-decoration: none }

.post-container .userinfo { float: left;margin: 0.7em 0 0;padding: 0;width: 140px;list-style: none }
.post-container .message, .post-container .signature { margin-left: 150px }
.post-container .message, .post-container .signature { margin-right: 1em }
.post-container em.edited { color: #888 }

h3.new-icon { background: url(../img/new-icon.png) no-repeat 2px 0.2em;padding-left: 25px }
td.new-icon { background: url(../img/new-icon.png) no-repeat 9px 50%;padding-left: 30px }

div.divider { clear: left;margin: 1.5em 0;border-top: 1px dotted #999;height: 0 }

/* --- Footer
---------------------------------------------------------*/

#footer            { background: #0458a3;clear: both;margin-bottom: 1.5em;padding: 0.8em 1.5em;color: #fff }
#footer #poweredby { float: right }
#footer a          { color: #fff }

/* --- Tables
---------------------------------------------------------*/

/* Userlist */
#userlist table { width: 100% }
#userlist th    { text-align: left }

#userlist .ul-username  { width: 28% }
#userlist .ul-realname  { width: 20% }
#userlist .ul-usergroup { width: 20% }
#userlist .ul-regdate   { width: 32% }

/* Darker table columns */
#userlist td.ul-realname,
#userlist td.ul-regdate { background-color: #F0F0F0 }

/* Table bottom margin fix */
table + p { margin-top: 0 }

/* --- Forms
---------------------------------------------------------*/

/* Form elements */
input, textarea, select { padding: 0.3em;border-width: 1px;border-style: solid;border-color: #999;
                          background: #fefee2;color: #000 }
textarea                { overflow: auto }

select                  { padding: 0.3em 0.3em 0.2em }
option                  { background-color: #fff }

input.text, input[type=text],
input[type=password]    { width: 15em }

input.button, input[type=submit], input[type=reset],
input[type=button]      { background: #f5f5f5;padding: 5px 10px;border-color: #e5e5e5 #d0d0d0 #d0d0d0 #e5e5e5;color: #000;cursor: pointer;font-weight: bold }
input.button:hover, input[type=submit]:hover, input[type=reset]:hover,
input[type=button]:hover { color: #428b3a }

label[for]              { cursor: pointer }

imput.disabled          { background: #eee }

/* Vertical form layout styling */
.frm-vc                 { margin: 0;padding: 0;list-style: none }
.frm-vc .frm-block      { clear: left;margin: 0 0 1em;overflow: auto }
.frm-vc .frm-buttons    { padding: 1.1em 0 0;border-top: 1px dotted #ccc }

.frm-vc .fld-label, .fld-input, .frm-vc .fld-text,
.frm-vc .fld-error-message { display: inline;float: left;margin: 0 10px 0 0 }
.frm-vc .fld-label,
.fld-error-message      { line-height: 2em }
.fld-text               { padding: 0.2em 0 0 }

.frm-vc .fld-label       { width: 17%;text-align: right }
.frm-vc .fld-label label { font-weight: bold }

.frm-vc .frm-hr         { clear: left;margin: 0 0 1em;border-top: 1px dotted #aaa;height: 0 }

.frm-vc .frm-title      { margin-bottom: 1em;border-bottom: 1px dotted #aaa }
.frm-vc .frm-title h3   { margin: 1em 0 0.3em 17%;padding: 0 0 0 10px }

.fld-text select        { margin-top: -0.2em }

/* Horizontal form layout */
.frm-hc                 { margin: 0;padding: 0;list-style: none;overflow: auto }
.hc-box                 { background: #f9f9f9;margin: 0 0 1.5em;padding: 1em;border: 1px solid #eee }
.hc-inline-box          { display: inline-block }
.frm-hc .frm-block      { float: left;margin: 0 0.5em 0 0;overflow: auto }
.frm-hc .frm-buttons    { clear: left;margin: 1em 0 0 }

.frm-hc .fld-label       { margin: 0 0 0.2em }
.frm-hc .fld-label label { font-weight: bold }

/* Error styling */
.frm-vc .form-error input,
.frm-hc .form-error input  { border-width: 1px;border-style: solid;border-color: #D72626 #D72626 #F44343 #ED3B3B }
.frm-hc .fld-error-message { clear: left;margin: 1em 0 0 }

/* Comment form */
#add-comment .fld-label, #add-comment .fld-input, #add-comment .fld-text,
#add-comment .fld-error-message { float: none }
#add-comment input.text, #add-comment textarea { width: 92% }

/* --- Debug block
---------------------------------------------------------*/

#system-debug    { background: #111;margin: 0 auto 1em;border: 2px solid #000;width: 900px;color: #eee }
#system-debug h2 { background: #000;margin: 0;padding: 0.5em;border-bottom: 2px ridge #222;color: #ccc;font-size: 1.1em;font-weight: bold }

#system-debug .query-time,
#system-debug .row         { font: 1em Consolas, 'andale mono', 'monotype.com', 'lucida console', monospace }
#system-debug .query-time  { float: left;clear: left;margin: 0 0.5em 0 0;color: #aaa }
#system-debug .row         { padding: 0.4em 0.4em;border-bottom: 1px solid #222; }