html, body, div, table, td, tr, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, a, p, img { padding: 0; margin: 0; font: 11px Luxi Sans, Sans; color: black; }
body { background: #83a07e; }

.l { float: left; }
.r { float: right; }
.wrapper { display: block; overflow: hidden; }
.ghost { z-index: -10; visibility: hidden; position: absolute; width: 0; height: 0; overflow: hidden; }
.link { cursor: pointer; }
.last { padding-bottom: 3em; }
.pre_ex pre { border: 1px inset gray; background: #f8f8f8; padding: .3em; margin: 1em 2em 0 2em; }
.pre_ex pre.alt { margin: 0 2em 1em 2em; }

.header .top_panel { height: 40px; color: #352e2c; background: url(top_panel_bg.png) repeat-x #709178; border-bottom: #352e2c 3px solid; }
.top_panel .tps { float: left; width: 40%; margin-top: 7px; height: 33px; border-right: #333333 1px dotted; }
.top_panel a { margin-left: 40px; font: normal 16px Luxi Mono, monospace; text-decoration: none; }
.top_panel h2 { margin-left: 160px; font: normal 10px Luxi Mono, monospace; }
.header .nav_panel { height: 26px; color: #83a07e; background: #363636; }
.nav_panel a { text-shadow: 2px 2px 2px #4a5847; color: #83a07e; height: 16px; padding: 3px 5px; margin: 0 20px 0 10px; text-transform: uppercase; font: normal 13px Luxi Sans; text-decoration: none; }
.nav_panel a:hover { text-decoration: underline; }

.core { width: 100%; border-collapse: collapse; }
.core td.col { vertical-align: top; }
.core .col_left { width: 170px; background: #f2f2f2; }
.core .col_right { width: 400px; background: #f7f7f7; }
.core .col_left, .core .col_right { border-top: #7d7d7d 5px solid; }
.core .col_center { min-width: 400px; border-top: #363636 5px solid; }

.core_head, .col_center .col_head { color: #e1e1e1; height: 32px; padding: 1px 0 0 30px; background: #636363; text-transform: lowercase; font: normal 24px Arial Narrow, Arial; }
.col_center .col_head:first-child { border-bottom: #ececec 4px solid; text-shadow: 2px 2px 2px #000; }
.col_left .col_head, .col_right .col_head { text-transform: uppercase; font: normal 14px Luxi Sans; color: #83a07e; height: 21px; padding: 3px 0 0 10px; background: #363636; margin: 30px 0 13px 0; text-shadow: 1px 1px 1px #000; }
.col_left .col_head:first-child, .col_right .col_head:first-child { margin-top: 0; }
.core_head .desc, .col_head .desc { position: relative; top: -20px; right: 20px; text-align: right; color: #ececec; font-size: 9px; }
.col_head .desc a { color: #ececec; padding: 0 .2em; }

.col_left .col_mi { display: block; text-decoration: none; background: #e6e6e6; padding: 4px 0 0 10px; height: 22px; width: 160px; margin-bottom: 9px; text-transform: uppercase; color: #5b5b5b; font: normal 14px Luxi Sans; }
.col_left .col_mi:hover { text-decoration: underline; }

.col_right .col_sect { display: block; text-decoration: none; background: #e6e6e6; padding: 2px 0 0 15px; height: 18px; width: 385px; margin-bottom: 4px; color: #5b5b5b; font: normal 14px Luxi Sans; }
.col_right p { padding: 0 10px; width: 380px; }

.col_body { padding: 0 20px; }

.col_center .list { padding: 0 20px; }
.col_center .list a { display: block; border: transparent 1px solid; padding: 5px; cursor: pointer; text-decoration: none; }
.col_center .list a:hover { border-color: #50776c; }
.col_center .list dt { padding-left: 20px; color: #363636; font: normal 14px Luxi Sans, Sans; text-decoration: underline; }

.col_center h2 { display: block; clear: both; margin: 15px 0 0 0; padding: 1px 0 0 30px; font-size: 17px; border-bottom: #636363 1px solid; }
.col_center .txt { text-align: left; }
.col_center .txt h3 { font-size: 14px; text-decoration: underline; margin: 10px 0 4px 20px; }
.col_center .txt p { text-align: left; text-indent: 10pt; padding: 3px 5px; }
.col_center .txt ol, .col_center .txt ul { padding: 0 30px; }
.col_center .txt .sep { margin-top: 1.5em; }

.col_center .cat { float: left; border-bottom: 1px dotted #50776c; padding: 2px 5px; margin: 5px; max-width: 300px; }
.col_center .cat a { float: left; clear: both; }
.col_center .cat h3 { float: left; clear: both; width: 100%; font-size: 14px; margin: 10px 0 4px 0; border-bottom: #636363 1px solid; }
.col_center .cat dt, .col_center .cat dd { float: left; clear: left; text-align: left; }
.col_center .cat dd { padding: 2px 4px; font-size: 9px; text-align: left; }

.col_center .linkz .cat a { float: none; display: block; border: 1px solid transparent; width: 100%; padding: 2px; }
.col_center .cat .linkz a { text-decoration: none; }
.col_center .cat .linkz dt { text-decoration: underline; }
.col_center .linkz .cat a:hover { border-color: #50776c; }
.col_center .linkz .cat dd, .col_center .linkz .cat dt { float: none; width: 100%; }
.col_center .linkz .cat dd a { text-decoration: underline; border: None; width: auto; padding: 0; display: inline; }

.col_center .promo { border: 1px #63815e solid; text-align: center; padding: 3px; margin: 0 5px; }
.col_center .promo img { width: 150px; cursor: pointer; }
.col_center .promo .label { width: 150px; font-size: 9px; }

.col_center .feed_hlz { padding: 0 20px 10px 20px }
.feed_hlz .event { padding: 1px 2px; }

.fs_tree { padding: 0 5px 10px 5px; }
.fs_tree a { display: block; font: 9px Luxi Sans; }
.fs_tree .root { margin-top: 3px; padding-left: 5px; background: url(fs_d.gif) no-repeat center left; }
.fs_tree .dir { padding-left: 5px; background: url(fs_l.gif) repeat-y center left; }
.fs_tree .dir:last-child { background: none; }
.fs_tree .file { padding-left: 5px; background: url(fs_m.gif) no-repeat center left; }
.fs_tree .fw { background: url(fs_l.gif) repeat-y center left; }
.fs_tree .fw:last-child { background: none; }
.fs_tree .fw:last-child .file { background: url(fs_b.gif) no-repeat center left; }

.commz_in { padding: 2px 10px 0 10px; border-top: 1px #e6e6e6 solid; }
.commz_in .wrapper { margin-top: 2px; float: left; }
#comm_nick, #comm_msg, #comm_shadow { font: 11px Luxi Sans, sans; padding: 1px; }
#comm_nick { width: 100px; border: 0; background: transparent; text-decoration: underline; cursor: pointer; }
#comm_msg { width: auto; }
.commz_out { min-height: 100px; padding: 0 10px; }
.commz_out > div { margin: 1px; }
.commz_out .msg_src { border-bottom: 1px dotted black; }

.gallery { max-height: 380px; overflow: auto; }
.gallery table { border-collapse: collapse; }
.gallery td { width: 30%; padding: 3px; border-width: 0 1px; border-style: dotted; border-color: #636363; }
.gallery td:first-child { border-left: none; }
.gallery td:last-child { border-right: none; }
.gallery tr { border-width: 1px 0; border-style: dotted; border-color: silver; }
.gallery tr:first-child { border-top: none; }
.gallery tr:last-child { border-bottom: none; }
.gallery .img_wrapper { height: 150px; border: none; vertical-align: middle; }
.gallery .img_subscript { height: 20px; border-top: 1px #7d7d7d solid; background: #ebf0f1; }
.gallery .empty { text-align: center; }
.gallery .img_subscript > div { width: 100%; }
.gallery .path { float: left; font-size: 9px; }
.gallery .exif { float: right; font-size: 9px; }
.gallery img { width: 100%; border: 0; }

.about .photo { float: left; margin: 5px; padding: 3px; border: 3px double #50776c; }
.about .ttx { float: left; margin: 5px 10px; }
.about .ttx td { padding: 3px 5px; vertical-align: top; }
.about .ttx ul { padding-left: 15px; }
.about .photo img { width: 200px; }

#pastebin { width: 90%; display: block; margin: 10px auto; }
#pastebin h1 { margin: 0 20px; font-size: 14px; }
#pastebin textarea { width: 100%; border: 1px inset black; }
#pastebin .error { color: #560808; padding-top: 10px; }
#pastebin .code_label, #pastebin .controls { display: block; margin: 0 10px 10px 10px; }
#pastebin .code_label { font-weight: bold; margin-bottom: 0; }
#pastebin .controls label { float: left; margin: 3px 20px; }
#pastebin .controls .desc { padding-right: 5px; }
#pastebin .controls .flags { padding-left: 5px; }
#pastebin #comment { width: 200px; }
#pastebin .commit { border-top: 1px black solid; display: block; margin: 5px 10px; padding: 5px 0; clear: left; }
#pastebin .commit input { margin-left: 20px; }
#pastebin .code { width: 100%; border: 1px inset gray; background: #f8f8f8; padding: 5px; }
#pastebin .post_data { padding: 5px 10px 0 10px; }
#pastebin .post_data div { margin-top: 2px; }
#pastebin .post_data span:first-child { margin-right: 5px; }
#pastebin hr { margin: 10px 0; }

.passwd { font-size: 14px; background: #e6e6e6; padding: 5px; margin: 5px 0; border: 1px gray inset; text-align: center; }
.passwd_charz label, .passwd_charz > input { float: right; margin: 0 5px; }
.passwd_charz label { position: relative; bottom: 3px; }
.passwd_charz label input { position: relative; top: 3px; }

.feed_list h1 { font-size: 140%; margin: 1em 2em 0.5em 1.5em; }

.gajim { float: left; width: 100%; background: url(/embed/gajim_logo.png) right bottom no-repeat; }
.lisp { float: left; width: 100%; background: url(/embed/lisp_logo.png) right bottom no-repeat; }

.auth { width: 90%; margin: 0 auto; padding: 1em 3em; text-align: center; }
.auth input { margin: 0 1em; }
.sys .time { width: 8em; }
.sys td { padding: 0.05em 0.3em; vertical-align: top; }
.sys th { border-bottom: 1px black solid; }

.sys.mail td { padding: .3em; }
.sys.mail .time { width: 6em; }
.sys.mail .path { width: 12em; }

.footer { height: 23px; width: 100%; background: #555555; }
.footer .ps { float: right; color: #83a07e; font-size: 9px; text-align: right; padding-right: 10px; }
.footer .ps a { color: #83a07e; font-size: 9px; }
