/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   border:0;
   margin:0;
   outline:0;
   padding:0;
   font-size:100%;
   background:transparent;
   vertical-align:baseline;
}
body { line-height:1.2; }

/* inline styles */

body {
   background:#000;
   color:#fff;
   font-family:Courier,"Courier New",fixed;
   font-size:16px;
   margin:0;
   padding:0;
   text-align:center;
}
a { color:#777; text-decoration:none; }
a:hover { background-color:#fff; color:#000; }
input, textarea {
   background-color:#000;
   font-family:Courier,"Courier New",fixed;
   font-size:100%;
   color:#fff;
}
input { border:none; border-bottom:1px solid #fff; }
input.button { border:none; border:1px solid #fff; }
input:hover { background-color:#fff; color:#000; }
.invert { background:#fff; color:#000; }
.invert a { color:#000; }
.invert a:hover { background:#000; color:#fff; }
.greenblock { background-color:#040; color:#0f0; }
.redblock { background-color:#400; color:#f00; }

/* block styles */

/* these elements should be centered */
.footer,
.tty_dialog,
.tty_h1,
.tty_h2 { margin:0 auto; text-align:left; width:50em; }

.footer { margin:2em auto; }

.tty_dialog { position:relative; }
.tty_dialog .borders { width:100%; height:100%; }
.tty_dialog .borders div { position:absolute; z-index:1; }
.tty_dialog .borders .corner { width:16px; height:16px; z-index:2; }
.tty_dialog .t, .tty_dialog .b { width:100%; height:16px; }
.tty_dialog .l, .tty_dialog .r { height:100%; width:16px; }
.tty_dialog .tl { background:url(images/tl.png) no-repeat; top:0; left:0; }
.tty_dialog .tr { background:url(images/tr.png) no-repeat; top:0; right:0; }
.tty_dialog .bl { background:url(images/bl.png) no-repeat; bottom:0; left:0; }
.tty_dialog .br { background:url(images/br.png) no-repeat; bottom:0; right:0; }
.tty_dialog .t { background:url(images/t.png) repeat-x; top:0; left:0; }
.tty_dialog .b { background:url(images/b.png) repeat-x; bottom:0; left:0;}
.tty_dialog .l { background:url(images/l.png) repeat-y; top:0; left:0; }
.tty_dialog .r { background:url(images/r.png) repeat-y; top:0; right:0; }
.tty_dialog .text { width:100%; position:absolute; top:0; left:0; z-index:3; text-align:center; }

.tty_h1 { position:relative; }
.tty_h1 .left { float:left; }
.tty_h1 .right { float:right; }
.tty_h1 .center { position:absolute; left:0; text-align:center; width:100%; }

.tty_h2 { background:url(images/t.png) 0 2px repeat-x; }
.tty_h2 span { background:#000; padding-right:0.5em; }

.vessel .data,
.vessel .link { font-size:12px; overflow:hidden; text-align:center; }
.vessel .stats { margin:0 auto; text-align:left; width:50em; }
.vessel .stats div { font-size:12px; }
.vessel .stats .logged { float:left; }
.vessel .stats .piloted { float:right; }
textarea#vessel_data { background:#000; border:1px solid #fff; width:640px; height:320px; }