@charset "utf-8";
/* CSS Document */

  html, body { margin: 0; padding: 0; font-family: sans-serif; background-color: #efefdf; }

  #navhead { position: absolute; top: 0px; left: 0px; width: 100%; height: 24px; padding: 0px; margin: 0px; color: #888; background: #000; border-bottom: 2px solid #888; z-index: 999; }
  #navhead a { display: inline; background: #000; color: #778; text-decoration: none; margin: 0; }
  #navhead > a:hover { background-color: #fff; text-decoration: none; }

  #breadcrumb               { display: inline; margin: 0 0 0 50px; }

  #navHeaderList            { display: block; position: fixed; top: 5px; left: 0px; right: 0px; margin: 0; padding: 5px; height: 30px; width: 99.4%; background: #000; color: #777; }
  #navHeaderList ul         { list-style: none; margin: 0; padding: 0; }
  #navHeaderList li         { display: inline; float: left; margin: 0 0.15em; }
  #navHeaderList a          { display: inline; padding: 2px; background: #111; color: #ff8; text-decoration: none; line-height: 30px; }
  #navHeaderList .navIndex  { font-weight: bold; }

  #serverLoad               { position: absolute; right: 10px; top: 1px; }
  #serverLoad a             { color: #443; }
  #serverLoad a:hover       { color: #ffe; }
  #cssSwitcher              { position: absolute; right: 10px; top: -2px; }
  #sidebar                  { position: fixed; width: 120px; left: 0px; border-right: 1px solid #ccc; }

  #frontpageContent         { position: absolute; top: 20px; left: 0px; width: 100%; margin: 0; padding: 0; }
  #content                  { position: absolute; top: 0px; left: 0px; width: 100%; margin: 0; padding: 0; }
  #content h3               { margin: 2px; padding: 0; }

  .contentPanel { display: block; float: left; clear: both; background: #dfdfcf; border: 1px solid #cfcfbf; border-right: 1px solid #9f9f8f; border-bottom: 1px solid #9f9f8f; margin: 5px; padding: 5px 2px 30px 2px; -moz-border-radius: 12px; webkit-border-radius: 12px; border-radius: 12px; }

  .chip { position: relative; display: block; float: left; text-align: center; margin: 30px; z-index: 0; }
  .chip a { display: block; height: 160px; width: 160px; padding: 4px; border: 1px solid #999; border-right: 2px solid #222; border-bottom: 2px solid #222; font-size: 1.2em; line-height: 360px; text-decoration: none; color: #663; background: #ddd; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; outline: none; background-position: 50% 50%; background-repeat: no-repeat; }
  .chip > a:hover { color: #220; border: 1px solid #777; border-right: 2px solid #000; border-bottom: 2px solid #000; }

  #awc      { background-image: url("http://cshaiku.com/images/awc-sharp.png")      }
  #blog     { background-image: url('http://cshaiku.com/images/blog-sharp.png')     }
  #code     { background-image: url('http://cshaiku.com/images/code-sharp.png')     }
  #digg     { background-image: url('http://cshaiku.com/images/digg-sharp.png')     }
  #ents     { background-image: url('http://cshaiku.com/images/ents-sharp.png')     }
  #facebook { background-image: url('http://cshaiku.com/images/facebook-sharp.png') }
  #tweets   { background-image: url('http://cshaiku.com/images/tweets-sharp.png')   }
  #google   { background-image: url('http://cshaiku.com/images/google-sharp.png')   }
  #resume   { background-image: url('http://cshaiku.com/images/resume-sharp.png')   }
  #routers  { background-image: url('http://cshaiku.com/images/routers-sharp.png')  }
  #tft      { background-image: url('http://cshaiku.com/images/tft-sharp.png')      }
  #tools    { background-image: url('http://cshaiku.com/images/tools-sharp.png')    }
  #twitter  { background-image: url('http://cshaiku.com/images/twitter-sharp.png')  }
  #wget     { background-image: url('http://cshaiku.com/images/wget-sharp.png')     }
  #wiki     { background-image: url('http://cshaiku.com/images/wiki-sharp.png')     }

  #codeContent, #toolsContent, #routersContent { padding: 30px 0 0 0; }

  .routers_table { margin: 0 0 0 20px; width: 95%;  }
  .routers_table td, .routers_table th { border-bottom: 1px solid #ddd; border-top: none; border-right: none; padding: 1px; margin: 0; line-height: 1.25em; font-size: .9em; font-family: courier; white-space: nowrap; }
  .routers_table th { text-align: left; }
  .routers_table th.centered { text-align: center; }
  .routers_table tr:hover { background: #ffe; cursor:pointer; }
  .routers_table .lastrow td { padding: 0 0 30px 0; border-bottom: 1px solid #ccb;}
  .routers_table a { text-decoration: none; color: #000; border-bottom: 1px dashed #bba; }
  .routers_table a:hover { background: #ff8; }
  .routers_table a.tip, a.tip:hover { border: 1px solid #ddc; background: #ffe; padding: 1px; }
  .routers_table .keyTip { visibility: hidden; position: fixed; right: 120px; left: 120px; margin-top: -5px; background-color: #ffe; border: 1px solid #887; padding: 5px; text-align: center; }
  .routers_table a:hover .keyTip { visibility: visible; }
  .routers_table tr.highlighted { background: #ff8; }
  .routers_h1 { color: #887; width: 10px; float: left; margin: 0 0 0 2px; padding: 0; line-height: 1.8em; font-size: 1.2em; }
  .faded { display: block; color: #778; text-align: center; }
  .routers_table .texttop { vertical-align: text-top; }
  .routers_table .textmid { vertical-align: middle; }
  .routers_table .textcenter { text-align: center; }
  
  #twitterWidget       { position: fixed; left: 2px; margin: 5px 195px 5px 5px; padding: 0; display: block; width: 195px; background: #dfdfcf; border: 1px solid #cfcfbf; border-right: 1px solid #9f9f8f; border-bottom: 1px solid #9f9f8f; margin: 5px; padding: 10px 2px 15px 2px; -moz-border-radius: 12px }
  #twtr-profile-widget { border: none; background: transparent; }
  #twitter_feeds { padding: 20px; margin: 0.1%; }
  .twitter_feed  { float: left; margin: 5px; }

  .list_files_table { border: 1px solid #ccb; padding: 0px; margin: 0px; }
  .list_files_table tfoot, .list_files_table thead { background: #887; }
  .list_files_table td { padding: 5px; margin: 0px; }

  ul#navlist   { font-family: sans-serif; position: absolute; left: 0px; top: 0; padding: 1px; z-index: 500; }
  ul#navlist a { font-weight: bold; text-decoration: none; padding: 0; }
  ul#navlist, ul#navlist ul, ul#navlist li { margin: 0px; padding: 0px; list-style-type: none; }
  ul#navlist li { float: right; }
  ul#navlist li a { color: #eed; background: #000; padding: 0 15px; }
  ul#navlist li a:hover { color: #000; background: #ddd; }
  ul#navlist li a:active { color: #000; background: #ddd; border: 1px #ffffff inset; }
  ul#subnavlist { display: none; }
  ul#subnavlist li { float: none; }
  ul#subnavlist li a { padding: 2px; margin: 0px; }
  ul#navlist li:hover ul#subnavlist { display: block; position: absolute; left: -5px; top: 19px; font-size: 8pt; padding: 1px; }
  ul#navlist li:hover ul#subnavlist li a { display: block; width: 10em; border: none; padding: 5px 2px; font-weight: normal; text-align: left; }
  ul#navlist li:hover ul#subnavlist li img { float: left; margin: 0 5px; border: 1px solid #000; }

  .bookmarks { display: block; float: left; width: 15em; height: 20em; margin: 5px; padding: 5px; border-right: 1px solid #ddc; border-bottom: 1px solid #ddc; }

  #wgetContent { width: 99.9%; padding: 0; margin: 30px 0px; }
  .wgetFieldset { width: 95%; }
  .wgetTable { width: 100%; }
  .wgetLegend { width: 100%; }
  #wgetTips { width: 70%; background: #ffe; border: 1px solid #ccb; }

  #ascii { font-family: monospace; }