* {margin: 0; padding: 0;}
a {text-decoration: none; color: #585344;}
a:hover {color: #000;}
a img, fieldset {border: 0;}

body {background: #fff url(../images/bg.gif) repeat-x; text-align: center; font: 0.75em/1.5 Arial, Helvetica, sans-serif; color: #000; height: 100%;}
#container {width: 787px; margin: 0 auto; text-align: left; position: relative;}
.clear {clear: both;}
#accessibility {display: none;}

#header {background: url(../images/headerbg.gif) bottom repeat-x; height: 90px; width: 558px; position: relative;}
#header h1 a {display: block; position: relative; overflow: hidden; width: 200px; height: 98px;}
#header h1 a span {display: block; position: absolute; top: 5px; left: 0; width: 200px; height: 93px; background: url(../images/logo.gif) no-repeat;}
#header ul {position: absolute; bottom: 5px; right: 10px;}
#header ul li, #user li, #browser h4 a {list-style: none; float: left; padding: 0 2px; width: 16px; height: 16px; margin: 0;}
#header li.left, #user li.settings, #browser h4 a.left {border-left: 1px solid #fcfcfc; padding-left: 8px;}
#header li.right, #user li.profile, #browser h4 a.right {border-right: 1px solid #dcdcdc; padding-right: 8px;}
#user {position: absolute; top: 5px; right: 0;}

#content {width: 558px; margin-top: 20px; clear: both; FONT-SIZE: 14px; LINE-HEIGHT: 23px; }
#content ul li, #content ol li {margin-left: 3em;}
#storyface {background: url('/images/interlace.gif'); letter-spacing: normal; padding: 1px 16px 0px 9px; color: #474747; float: left; width: 500px; font-family: garamond, "times new roman", times, serif;}
#storyface a {color: #62809c;}
#storyface a:hover {color: #ef0000;}
#storyface span a {color: #b22424;}
#storyface p {margin: 0px 0px 23px 0px;}
#storyface p.stop {border-bottom: 1px solid #d8d8d8; padding-bottom: 11px; margin-bottom: 11px;}
#mark {color: #d8d8d8; font-size: 13px; float: left; margin: 0px 14px 0px 5px;}
.tooltip {width: 200px; color:#000; font: 11px arial,sans-serif; text-decoration:none; text-align:left;}
.tooltip span.top {padding: 30px 8px 0; background: url(../images/tooltip.gif) no-repeat top;}
.tooltip b.bottom {padding: 3px 8px 15px; color: #548912; background: url(../images/tooltip.gif) no-repeat bottom;}

#sidebar {width: 209px; float: right; margin-top: -63px;}
#sidebar h4 {background: url(../images/sidebg.gif) bottom repeat-x; height: 23px; font-weight: normal; padding: 15px 10px 0; margin: 5px 0 0; font-size: 1em;}
#sidebar h4 a {color: #9da095; float: left;}
#sidebar h4 a span {margin-right: 3px;}
#sidebar .delete {float: right;}
#sidebar li .delete {float: none; margin-right: 5px;}
#sidebar li span {margin-right: 5px;}
#sidebar ul li {list-style: none; padding: 0 10px; border-bottom: 1px solid #dcdcdc; line-height: 2;}
#sidebar ul li a {color: #76869d;}
#sidebar ul li.more a {color: #b9889d; margin-left: 12px;}
#sidebar form, #sidebar ul {font-size: 0.92em; clear: both;}
#sidebar form {margin: 5px 0 0;}
#sidebar form a {color: #81aad6; border-left: 1px solid #eaeaea; padding: 0 0 0 5px;}
#sidebar form a.me {color: #bc829b; border: 0;}
#sidebar a:hover {color: #000;}
#sidebar input {margin: 5px 0 0;}
#sidebar label {position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px;}

#search { background: #fff; border: 1px solid #c8c8c8; width: 150px; float: left; height: 18px; padding: 0 0 0 5px; }
#login { background: #fff; border: 1px solid #c8c8c8; width: 150px; height: 18px; color: #9da095; padding: 0 0 0 5px; }
#tft_pass_box { background: #fff; border: 1px solid #c8c8c8; width: 150px; height: 18px; color: #9da095; float: left; padding: 0 0 0 5px; }
#gologin { width: 38px; float: right; background: #bdbdbd; border: 1px solid #a0a0a0; color: #777; font-weight: bold; height: 20px;}
#submit {width: 38px; float: right; background: #bdbdbd; border: 1px solid #a0a0a0; color: #777; font-weight: bold; height: 20px;}
#loginbar { color: 9da095; font-weight: normal; padding: 15px 10px 0; margin: 5px 0 0; font-size: 1em;}

#browser { width: 99%; height: 250px;  z-index: 1; border: 1px solid #dcdcdc; float: left; position:absolute; bottom: -1px; left: 5px;background: #fff; font: 1em Arial, Helvetica, sans-serif; color: #000;}
#browser h4 {background: url(../images/sidebg.gif) bottom repeat-x; height: 23px; font-weight: normal; padding: 15px 10px 0; margin: 5px 0 0; font-size: 1em;}
#browser h3 { font-size: 1em; float: left; }
#browser .delete {float: right;}
#browser ul.left { float: left; width: 33%; padding: 0px; text-align: left;}
#browser ul.middle { float: left; width: 33%; padding: 0px; text-align: left;}
#browser ul.right { float: right; width: 33%; padding: 0px; text-align: left;}
#browser ul li {list-style: none; padding: 0px; line-height: 1.5; border-bottom: 1px solid #dcdcdc;}
#browser ul li a {color: #76869d;}
#browser ul li a:hover {color: #000;}