  /* layout */
  #boards .column { float: left; width: 11em; }

  #logo {
	font-size: 1px;
	line-height: 0px;
	height: 90px;
	overflow: visible;
	width: 413px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
  #logo h1 {
	width: 100%;
	height: 100%;
	display: block;
	margin-left: -200px;
}
  #logo h1 a { width: 100%; height: 100%; display: block; padding-right: 150px; }
  #logo h2 { margin-left: -200px; }

  #whatis { margin-top: 1.75em; text-align: center; }
  #hd { margin-bottom: 0; }
  br.clear-bug { height: 0px; line-height: 0; clear:both; }

  .box-outer { border: 1px solid; zoom:100%; margin-bottom: 0.5em; padding-bottom: 0.5em; }
  .boxbar { padding-left: 0.5em; line-height: 2em; }
  .boxcontent { padding: 0.5em; padding-top: 0.25em; padding-bottom: 0; line-height: 130%; }

  #disclaimer-dialog { border: 1px solid; text-align: left; }
  #disclaimer-dialog .hd { border: none; padding: 0; padding-left: 0.5em; line-height: 2em;  }
  #disclaimer-dialog li {  display: list-item; list-style: decimal inside;}

  #disclaimer-dialog .container-close, .closebutton { width: 16px; height: 16px; }

  #recent-images .boxcontent { text-align: center }

  #recent-images li { margin: auto; margin-bottom: 0.5em; display:block; width: 250px; padding: 1px; }
  #recent-images a { display:block; }
  #recent-images img { display:block; margin: auto; max-width: 250px; }

  #ft ul { margin: 0; width: 750px;}
  #ft li { display:block; float:left; border: 1px solid; padding-left:1em; padding-right:1em; padding-bottom: 2px; border-left: none; margin-top: -1px; padding-top: 2px; }
  #ft li.first { border-left: 1px solid; }
  #ft li.current { padding-bottom:4px; border-top: none; }
  #ft li.fill { border:0; padding-bottom: 4px; border-top: 1px solid; width: 15px; }

  #ft { text-align: center; }
  #ft ul {display: inline-block;}
  #ft ul {display: inline;}
  #ft ul {display: table; margin: auto;}

  #copyright { text-align: center; margin-top: 1em; margin-bottom: 1em; }

  .boxbar { position:relative; zoom: 100%; }
  .menubutton, .closebutton { position: absolute; top: 0px; right: 0px; margin-right: 0.25em; }
  .closebutton { margin-top: 3px; margin-right: 4px; }
  .menubutton a { padding: 2px; padding-right: 18px; }
  .menubutton { background: center right no-repeat; }
  
  #preview-tooltip-ws, #preview-tooltip-nws { text-align: left;  }
  #preview-tooltip-ws .post, #preview-tooltip-nws .post { max-width: 500px; *width: 500px; }
  #preview-tooltip-nws .post .p_filetitle { font-weight: bold; color: #CC1105; }
  #preview-tooltip-ws .post .p_filetitle { font-weight: bold; color: #0F0C5D; }
  #preview-tooltip-ws .post .p_postername, #preview-tooltip-nws .post .p_postername { font-weight: bold; color: #117743; } 
  #preview-tooltip-ws .post .postertrip, #preview-tooltip-nws .post .postertrip { color: #228854; }
  
  #preview-tooltip-ws blockquote, #preview-tooltip-nws blockquote { margin-top: 10px; }
  #preview-tooltip-nws blockquote a { color: #000080; }
  #preview-tooltip-ws blockquote a { color: #DD0000; }
  
  #preview-tooltip-ws .unkfunc, #preview-tooltip-nws .unkfunc { color: #789922; }

  #preview-tooltip-nws h2 { max-width: 500px; *width: 500px; background: #fca; color: #800; padding-left: 0.5em; height: 1.5em; line-height:1.5em; font-size: 108%; }
  #preview-tooltip-ws h2 { max-width: 500px; *width: 500px; background: #59a; color: #fff; padding-left: 0.5em; height: 1.5em; line-height:1.5em; font-size: 108%; } 
  #preview-tooltip-nws .post, #preview-tooltip-ws .post { padding: 3px; }

  #preview-tooltip-nws { background: #ffe; border-color: #800; padding: 0; }
  #preview-tooltip-ws { background: #eff; border-color: #006; padding: 0; }
  
  /* fonts */
  .boxcontent, #ft, #whatis { font-size: 93%; }
  h1 { font-family: Tahoma, Bitstream Vera Sans; font-size: 197%; font-weight: bold; }
  h2 { font-size: 131%; font-weight: bold; }
  h3 { font-size: 100%; font-weight: bold; }

  #copyright { font-size: 77%; }

  .menubutton li { font-size: inherit; }
  
  #announce .boxcontent { line-height: 1.5em; }
  /* #announce p { margin: 0.25em 0; } */
  #announce em { font-style: italic; }
  #announce strong { font-weight: bold; }  

  /* colors */

  h1 a { color:#800; text-decoration:none; }
  html { background: #ffe; }
  body { background: #ffe url('/img/fp/fade.png') top repeat-x; color: #800; }
  .boxbar { background: #fca; color: #800; }

  #announce .boxbar { background: #800; color: #fff; }
  #announce { background: #fff; color: #000; }

  #disclaimer-dialog .container-close, .closebutton { background: #800 url('/img/fp/icon-close-red.png'); }

  .top-box { background: #fff; }
  .top-box .menubutton { background-image: url('/img/fp/icon-down-peach.png'); }

  #boards a { color: #800; text-decoration:none; }
  #boards a:hover { color:#e00; text-decoration:underline; }

  .left-box { background: #efe; color: #060; }
  .left-box .boxbar { background: #9c6; color: #060; }

  #recent-images li { background: #120; }

  .right-box { background: #eff; color: #006; }
  .right-box .boxbar { background: #59a; color: #fff; }
  .right-box .menubutton { background-image: url('/img/fp/icon-down-teal.png'); }

  #ft ul { border-top: 1px solid; }
  #ft li { background: #fed; }
  #ft li a { color: #800; text-decoration:none; }
  #ft li a:hover { color: #c63; }
  #ft li.current, #ft li.fill { background: #ffe; color: #800; }

  #filter-container .yuimenuitem-selected { background-color: #fca; }
  #filter-container a:link, #filter-container a:visited, #filter-container a:hover  { color: #800; text-decoration:none; }
  #filter-container a:hover { color: #c63; }

  #options-container .yuimenuitem-selected { background-color: #eff; }
  #options-container a:link, #options-container a:visited, #options-container a:hover  { color: #006; text-decoration:none; }
  #options-container a:hover { color: #008; }
  #options-container a#option-button { color: #fff; }

  #disclaimer-dialog .hd { background: #800; color: #fff;  }

  .warning { color: #e00; }
