/* Custom layout styles - CSS 2.1 compatible */
/* Float-based layout */
.header-left { float: left; }
.header-right { float: right; }
.content-col { float: left; width: 68%; }
.sidebar-col { float: right; width: 28%; }
.footer-left { float: left; width: 33%; }
.footer-center { float: left; width: 34%; }
.footer-right { float: left; width: 33%; }
.support-col { float: left; width: 50%; }

/* Post link styles */
.post-link { text-decoration: none; color: #111827; }
.post-link:hover { text-decoration: underline; }

/* Sidebar link styles */
.sidebar-link { text-decoration: none; }
.sidebar-link:hover { text-decoration: underline; }

/* Navigation link styles */
.nav-link { text-decoration: none; }
.nav-link:hover { text-decoration: underline; }

/* Navigation arrows */
a.nav_arr { text-decoration: none; font-size: 20px; padding: 0 5px; color: #0d9488; }
a.nav_arr:hover { color: #0f766e; }

/* News navigation */
.news_navlinks { float: right; padding: 4px 8px; font-size: 20px; text-align: right; }

/* Index pagination */
div.index1 { display: block; font-size: 12px; text-align: right; float: right; margin: 0 0 12px 12px; padding: 4px 8px; }
a.idx_link { background: #e5e7eb; color: #374151; margin: 2px; padding: 2px 6px; text-decoration: none; font-family: monospace; }
a.idx_link:hover { color: #0d9488; }
.idx_curr { background: #0d9488; color: #ffffff; margin: 2px; padding: 2px 6px; font-weight: bold; font-family: monospace; }
.idx_grey { background: #e5e7eb; color: #9ca3af; margin: 2px; padding: 2px 6px; font-family: monospace; }

/* Comment styles */
.clear_both { clear: both; }
.comment_subtree { margin: 0; padding: 0; border: none; }
div.comment_head p { margin: 0; padding: 0; }
.commentlink { font-size: 12px; text-align: right; margin-top: 8px; }
.commentlink a { color: #0d9488; text-decoration: none; }
.commentlink a:hover { text-decoration: underline; }
.comment_userpic { float: right; max-width: 60px; max-height: 60px; margin-left: 12px; }
.comment_parln { text-decoration: none; font-size: 14px; }
.comment_parln img { height: 12px; }

/* Forms */
.form_item { display: block; padding: 0.6em 0; }
.form_item div { display: inline-block; }
.form_item div label { display: block; margin-bottom: 4px; font-size: 12px; color: #6b7280; font-family: monospace; }
.form_item div input { display: block; }
textarea, input[type=text] { width: 100%; padding: 8px; border: 1px solid #e5e7eb; background: #f9fafb; font-family: monospace; font-size: 13px; line-height: 1.5; }
input[type=submit], button { background: #f0fdfa; border: 1px solid #ccfbf1; padding: 8px 20px; cursor: pointer; font-family: monospace; font-size: 12px; color: #0d9488; }
input[type=submit]:hover, button:hover { background: #ccfbf1; }

/* Message boxes */
.messagebox_ok, .messagebox_err { background: #f9fafb; clear: both; margin: 16px auto; padding: 12px; width: 100%; max-width: 500px; font-family: monospace; }
.messagebox_ok { border: 2px solid #0d9488; }
.messagebox_err { border: 2px solid #dc2626; }

/* Blockquote and code */
blockquote { background: #f0fdfa; border-left: 3px solid #0d9488; padding: 12px 16px; margin: 16px 0; font-style: italic; font-size: 13px; }
pre, code { background: #f3f4f6; font-family: monospace; font-size: 13px; }
pre { padding: 12px; overflow: auto; margin: 12px 0; border: 1px solid #e5e7eb; }
code { padding: 1px 4px; }

/* Images */
img { margin: 2px; }

/* CGI status (hidden) */
.tophead_status { display: none; }
.thalcgi_status, .thalcgi_status a { background: #f3f4f6; color: #6b7280; text-align: center; font-size: 11px; font-family: monospace; padding: 2px; }

/* Tags */
.tag { display: inline; font-size: 11px; padding: 1px 0; margin-right: 4px; font-family: monospace; }
.tag-sys { color: #0d9488; }
.tag-web { color: #2563eb; }
.tag-cpp { color: #7c3aed; }
.tag-c { color: #dc2626; }
.tag-mail { color: #d97706; }
.tag-devops { color: #059669; }
.tag-css { color: #2563eb; }

/* Feed icon */
.feed_icon { float: left; margin-right: 8px; }

/* Page body */
.page_body p { margin-bottom: 1.2em; }
.page_body h2 { font-size: 16px; font-weight: bold; margin-top: 1.6em; margin-bottom: 0.6em; }
.page_body h3 { font-size: 14px; font-weight: bold; margin-top: 1.2em; margin-bottom: 0.4em; }
.page_body ul, .page_body ol { margin: 0.8em 0; padding-left: 24px; }
.page_body li { margin-bottom: 0.4em; }
.page_body a { color: #0d9488; text-decoration: none; border-bottom: 1px solid #ccfbf1; }
.page_body a:hover { border-bottom-color: #0d9488; }