/*
 * WebBook
 * Copyright (C) 2008 Hitomi Narusegawa
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
@font-face {
  font-family: "Aldo PC";
  src: url(/Aldo%20PC.ttf) format("truetype");
}
*/
body {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 12px;
}
a {
  color: #080;
  text-decoration: none;
}
h1 {
  font-family: "Aldo PC", "Trebuchet MS", sans-serif;
  font-weight: normal;
  font-size: 24pt;
  text-align: center;
}
h1 * {
  font-family: "Aldo PC", "Trebuchet MS", sans-serif;
  font-weight: normal;
  font-size: 24pt;
  text-align: center;
}
h2 {
  font-family: "Aldo PC", "Trebuchet MS", sans-serif;
  font-weight: normal;
  font-size: 14pt;
}
h2 a {
  font-family: "Aldo PC", "Trebuchet MS", sans-serif;
  font-weight: normal;
  font-size: 14pt;
  color: #080;
  text-decoration: none;
}
h3 {
  font-family: "Aldo PC", "Trebuchet MS", sans-serif;
  font-weight: normal;
  font-size: 12pt;
}
h3 a {
  font-family: "Aldo PC", "Trebuchet MS", sans-serif;
  font-weight: normal;
  font-size: 12pt;
  color: #080;
  text-decoration: none;
}
blockquote {
  margin-left: 2px;
  padding-left: 2px;
  border-left: #080 solid 2px;
}
.blockquote {
  margin-left: 2px;
  padding-left: 2px;
  border-left: #080 solid 2px;
}

div.message {
  margin-right: auto; margin-left: auto; margin-top: 150px; 
  padding: 5px;
  width: 517px;
  border: 1px solid #000000; 
  background: #eee;
}

div.message h1 {
  font-size: 24px;
}

/*
 * site header frame
 */
#header {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 68px;
  padding: 4px;
  border-bottom: 2px solid #000;
}

#header h1 {
  font-family: "Aldo PC", "Trebuchet MS", sans-serif;
  font-weight: normal;
  text-align: center;
  font-size: 24px;
  margin: 2px;
  padding: 2px;
}

/*
 * menu frame
 */
#menu {
  position: absolute;
  left: 0px;
  top: 76px;
  width: 308px;
  bottom: 0px;
  overflow: hidden;
  overflow-y: auto;
  color: #000;
}  

#menu h1 {
  font-size: 12px;
  font-family: "Trebuchet MS", sans-serif;
  padding: 2px;
  margin: 2px; 
  width: 299px;
  border-bottom: dotted 1px;
  text-align: left;
}
 
#menu h1 * {
  font-size: 12px;
  font-family: "Trebuchet MS", sans-serif;
  text-decoration: none;
  padding: 0px;
  margin: 0px; 
}
 
#menu h1 a {
  cursor: pointer;
}
 
#menu h2 {
  padding: 0px 2px 0px 2px;
  margin: 0px;
  padding-left: 16px;
  font-size: 11px;
  font-family: "Trebuchet MS", sans-serif;
  text-align: left;
}
 
#menu h2 * {
  font-size: 11px;
  font-family: "Trebuchet MS", sans-serif;
  text-decoration: none;
  width: 299px;
  padding: 0px;
  margin: 0px; 
}
 
#menu h2 a {
  cursor: pointer;
}

#menu h3 {
  padding: 0px 2px 0px 2px;
  margin: 0px;
  padding-left: 32px;
  font-size: 10px;
  font-family: "Trebuchet MS", sans-serif;
  text-align: left;
}
 
#menu h3 * {
  font-size: 10px;
  font-family: "Trebuchet MS", sans-serif;
  text-decoration: none;
  width: 299px;
  padding: 0px;
  margin: 0px; 
}
 
#menu h3 a {
  cursor: pointer;
}

/*
 * content frame
 */
#content {
  position: absolute;
  left: 308px;
  top: 0px;   
  right: 0px; 
  bottom: 0px;
  overflow: auto;
  margin: 4px;   
  padding: 0px;  
}

/* 
#content h1 {
  text-align: center;
  font-size: 16px;   
  padding-bottom: 0px;
  margin-bottom: 0px; 
}
 
#content h2 {
  text-align: center;
  font-size: 16px;   
  padding-top: 0px;  
  margin-top: 0px;   
}
*/


/* tree (menu tree) */
.tree {
  border: 1px solid #000000;
  border-collapse: collapse;
}
.tree tr th {
  font-size: 8pt;
  font-weight: normal;
  border: 0px;   
  padding: 1px;  
  margin: 0px;   
  color: #ffffff;
  background: #000000;
}
.tree tr td {
  vertical-align: top;
  font-size: 8pt;
  border: 0px; 
  padding: 0px;
  margin: 0px;
}
.tree tr td input[type=checkbox] {
  font-size: 8pt;
  border: 0px; 
  padding: 0px;
  margin: 0px;
}
.tree tr td input[type=text] {
  font-size: 8pt;
  border: 0px;
  border-bottom: 1px dotted #000000;
  padding: 0px;
  margin: 0px;
  background: transparent;
}
.tree tr td input[type=image] {
  font-size: 8pt;
  border: 0px; 
  padding: 0px;
  margin: 0px;
  background: transparent;
}

/*
 *
 */
.forum-title {
  margin: 8px 0px 0px 0px;
}
.forum-description {
  text-align: center;
  font-size: 8pt;
  margin: 0px 0px 8px 0px;
}


.forum-vote {
  float: left;
  padding-right: 2px;
}
.forum-vote .up {
  width: 17px;
  height: 17px;
  background: #fff url(/img/up.png) 1px no-repeat;
  cursor: pointer;
}
.forum-vote .down {
  width: 17px;
  height: 17px;
  background: #fff url(/img/down.png) 1px no-repeat;
  cursor: pointer;
}

div.forum-entry {
  margin: 5px 0px 5px 0px;
}
.forum-topic {
  font-weight: bold;
  font-size: 11pt;
  text-decoration: none;
}

div.forum-entry div.sub {
  font-size: 9pt;
}

.forum-row {
  font-size: 10pt;
  padding: 0px;
  margin: 4px;
}

.forum-row * {
  font-size: 10pt;
}

.forum-text {
  overflow: auto;
  max-width: 640px;
  max-height: 400px;
}

.forum-text ul {
  padding-left: 16px;
  margin: 2px;
}

.forum-row-chld {
  padding: 0px 0px 0px 32px;
}

.forum-help-box {
  border: 2px solid #000;
  background: #ffb;
  opacity: 0.9;
  width: 320px;
  margin-left: auto; 
  margin-right: auto;
  padding: 8px;
}
.forum-help-box h1 {
  font-size: 16px;   
  text-align: center;
}
.forum-help-box table {
  border: 1px solid #000;   
  border-collapse: collapse;
  border-spacing: 0px;
  margin-left: auto; 
  margin-right: auto;
}
.forum-help-box table tr td {
  border: 1px solid #000;
  padding: 4px;
}

/*
 * help
 */
#help {
  position: fixed;
  left: 0px;
  width: 304px;
  top: 76px;
  bottom: 0px;
  opacity: 0.9;
  z-index: 10;

  border: 2px solid #000;
  background: #ffb;
  opacity: 0.9;

}
#help h1 {
  font-size: 16px;   
  text-align: center;
}
#help table {
  border: 1px solid #000;   
  border-collapse: collapse;
  border-spacing: 0px;
  margin-left: auto; 
  margin-right: auto;
}
#help table tr td {
  border: 1px solid #000;
  padding: 4px;
}
.input {
  border: 1px solid #000;
}
.button {
  color: #000;
  background: #ddd;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #000;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
  font-size: 8pt;
  padding: 2px;
  margin: 1px;
}
/*
.button:hover {
  color: #080;
}
*/
/*
a.button {
  padding: 2px 3px 1px 3px;
}
*/
div.errormsg {
  color: #f80;
}
.error {
  color: #f80;
}
.button:active:hover {
  background: #000;
  color: #fff;
}
.buttonmark {
  border: 1px solid #000;
  font-size: 8pt;
  padding: 0px;
  margin: 1px;
  color: #fff;
  background: #000;
}
.forum-text {
  font-size: 10pt;
}
textarea.forum {
  font-size: 10pt;
  border: 1px #000 solid;
}