/* style sheet for kahua-web */
/* $Id: ceo.css,v 1.1.2.10 2007/02/02 09:38:34 yasuyuki Exp $ */

/*
 * Common stuff
 */
body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:90%;
  background-color: white;
  padding: 0pt;
  margin: 0pt;
}

body#standard-body {
  font-size:90%;
}

#standard-page-frame {
  padding-top:0px;
  padding-left:0px;
  padding-bottom: 0px;
  padding-right:0px;
  border-collapse:collapse;
  border-top-style: none;
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

#left-panel { 
  background-color: #eff1f1;
  padding-top:0px;
  padding-left:0px;
  padding-bottom: 0px;
  padding-right:0px;
  border-top-style: none;
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-collapse:callapse;
}

#left-panel-top {
  background-color:#c8c8c8;
}

#body-panel { 
  background: url("../images/ceo.gif") no-repeat; /* CSS's relative path */
  padding-top:0px;
  padding-left:0px;
  padding-bottom: 0px;
  padding-right:0px;
  border-top-style: none;
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-collapse:callapse;
}

#right-shadow { 
  background: url("../images/right_back.gif");
}

#right-shadow-bar {
  background-color:#c8c8c8;
  border-collapse:collapse;
  border-top-style:none;
  border-left-style:none;
  border-bottom-style:none;
  border-width:0px;
  border-style:none;
  padding-top:0px;
  padding-left:0px;
  padding-bottom:0px;
  padding-right:0px;
}

#right-panel {
  background-color: #eff1f1;
  padding-top:0px;
  padding-left:0px;
  padding-bottom: 0px;
  padding-right:0px;
  border-top-style: none;
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-collapse:callapse;
}

#right-panel-top {
  background-color:#c8c8c8;
}

h1, h2, h3, h4, h5, h6 {
   text-align: left;
   background: transparent;
}
h1 { font-size: 150%; color:#666666 }
h2 { font-size: 130%; color:#666666 }
h3 { font-size: 120%; color:#666666 }
h4 { font-size: 110% }
h5 { font-size: 100% }
h6 { font-size: 100%; font-style: italic }

hr {
  display : block ;
  color : white ;
  background-color : transparent ;
  height : 1px ;
  border-top : 1px solid #96866F ;
  text-align: left;
  padding-top: 0pt;
  padding-left: 0pt;
  padding-bottom: 0pt;
  padding-right: 0pt;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #96866F;
  border-collapse:collapse;
}

hr.standard {
  width: 794px; /* title and bottom */
  border-collapse:collapse;
  display : block ;
  color : white ;
  background-color : transparent ;
  height : 1px ;
  border-top : 1px solid #96866F ;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
}

.imageleft {
float:left;
margin-right:10px
}

.imageright {
float:right;
margin-left:10px
}

pre {
  background-color: #F5DCAF;
  border-color: #999999;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em;
  overflow: auto;
}

P.warning {
  color: #ff6003;
}

table.user-form th {
  text-align: right;
  padding-right: 5pt;
}

a.clickable
{
    font-size: 90%!important;
    border-top-style:solid!important;
    border-left-style:solid!important;
    border-bottom-style:solid!important;
    border-right-style:solid!important;
    border-top-width:1px!important;
    border-left-width:1px!important;
    border-bottom-width:1px!important;
    border-right-width:1px!important;
    border-top-color:black!important;
    border-left-color:black!important;
    border-bottom-color:black!important;
    border-right-color:black!important;
    background-color:#eeffff!important;
    color:#000000!important;
    text-decoration:none!important;
    font:menu!important;
    line-height:1.4!important;
    padding:1px 1px 1px 1px!important;
}

a.clickable:hover
{
    background-color:#add8e6!important;
}


/*
 * Title pane
 */
#title-pane {
  text-align: left;
  font-size: 190%;
  color: #FFCC66;
  margin: 0pt;
  padding: 10pt 15pt 5pt 10pt;
  border-collapse:collapse;
}

#title-pane p {
  margin: 0pt; padding: 0pt;
}

#title-row {
  height: 158px;
}

/*
 * Navigation pane
 */
#navigation-pane {
  width: 794px;
  border-top-style:none;
  border-left-style:none;
  border-bottom-style:none;
  border-right-style:none;
  padding-top:1px;
  padding-left:1px;
  padding-bottom:1px;
  padding-right:1px;
  border-collapse:collapse;
}

td#navigation-pane-left {
  border-collapse:collapse;
  padding-left: 2em;
  text-align: left;
  font-size: 90%;
  padding-top:4px;
  padding-left:2em;
  padding-bottom:1px;
  padding-right:1px;
}

td#navigation-pane-right {
  border-collapse:collapse;
  text-align: right;
  font-size: 90%;
  padding-top:4px;
  padding-left:1px;
  padding-bottom:2px;
  padding-right:1px;
}

#menuBar {
  text-align: left;
  font-size: 90%;
  border-top-style:none;
  border-left-style:none;
  border-bottom-style:none;
  border-right-style:none;
  padding-top:1px;
  padding-left:2em;
  padding-bottom:2px;
  padding-right:1px;
  border-collapse:collapse;
}

.menuItem {
  padding: 0.1em 0.1em 0.1em 0.1em;
  background-color: #eeffff;
  border: solid #000000;
  border-width: 1px 1px 1px 1px;
}

td.preview { background: #eeddaa }

#searchButton { 
  margin:0pt;
  padding:0pt;
  vertical-align:middle;
}

/*
 * Body pane
 */
#body-pane {
  border-top-style:none;
  border-left-style:none;
  border-bottom-style:none;
  border-right-style:none;
  border-collapse:collapse;
  padding-top:1px;
  padding-left:1px;
  padding-bottom:1px;
  padding-right:1px;
  table-layout: fixed;
  width: 794px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
}

#main-pane {
  border-top-style:none;
  border-left-style:none;
  border-bottom-style:none;
  border-right-style:none;
  border-collapse:collapse;
  padding-top:1px;
  padding-left:1px;
  padding-bottom:1px;
  padding-right:1px;
  vertical-align:top;
  padding-top: 5px;
  padding-left: 11px;
  padding-bottom: 5px;
  padding-right: 11px;
}

div#edit-menu {
  text-align: right;
  font-size: 90%;
  color: #999999;
}

div#page-footer {
  text-align: right;
  font-size: 80%;
  /* line-height: 0.5; */
  /* color: #999999; */
}

#side-pane {
  vertical-align:top;
  font-size: 90%;
  width:10em;
  /* border-width: 0px 1px 0px 0px; */
  /* border-style: solid; */
  /* border-color: #999999; */
  padding: 0.5em 0em 0em 0.5em;
}

#side-pane ul { 
  margin: 0pt 5pt 0pt 5pt;
  padding-left: 10pt;
}

#side-pane > h2 {
  font-size: 100%;
  color : #FFCC66;
  margin: 2pt 1pt 2pt 1pt;
  padding: 0pt;
  text-align: center;
  background-color: #787878;
}

#side-pane p {
  margin: 0pt 0pt 1pt 0pt;
  padding: 1pt;
}

.articleFooter {
  font-size: 80%;
}

.trackbackUrl {
  font-size: 80%;
}

.linkButton {
  border-width:0;
  vertical-align:-5px;
}

td#bookCoverRow {
  text-align: center;
}

img#bookCover {
  border-style: solid;
  border-color: gray;
  border-width: 1px;
}

.promotion {
  border-color: #ccffff;
  background-color: #ccffff;
}

img#photo {
  border-style: solid;
  border-color: gray;
  border-width: 1px;
}

.listTable {
  border-collapse:collapse;
}

.dateColumn {
  font-size: 90%;
}


table.bookListTable {
  border-top-style:none;
  border-left-style:none;
  border-bottom-style:none;
  border-right-style:none;
  padding-top:1px;
  padding-left:1px;
  padding-bottom:1px;
  padding-right:1px;
  border-collapse:collapse;
}


td.titleColumn {
  border-top-style:none;
  border-left-style:none;
  border-bottom-style:none;
  border-right-style:none;
  padding-top:1px;
  padding-left:1px;
  padding-bottom:2px;
  padding-right:1px;
}

;; blog-body

#blogBody {
  table-layout:fixed;
  border-collapse:collapse;
/*  width: 794px; */
}

;; blogArticle

td#blogArticle {
  width: 620px;
}

#blogArticleTable {
  display:inline-table;
  table-layout:fixed;
  width: 620px;
  border-collapse:collapse;
}

;; blogNavigation

td#blogNavigation {
  width: 145px;
}

table#recruitMenuBox {
 border-style: dotted;
 border-color: #ffaa44;
 border-width: 2px;
}

table#recruitMenuTable {
 padding-top: 0.5em;
 padding-left: 0.5em;
 padding-bottom: 0.5em;
 padding-right: 0.5em;
 border-collapse: collapse;
 font-size:80%;
}

table#memberListBox {
 border-style: dotted;
 border-color: #ffaa44;
 border-width: 2px;
}

table#memberListTable {
 padding-top: 0.5em;
 padding-left: 0.5em;
 padding-bottom: 0.5em;
 padding-right: 0.5em;
 border-collapse: collapse;
 font-size:90%;
}

table#calendarBox {
 border-style: dotted;
 border-color: #ffaa44;
 border-width: 2px;
 width: 100%;
}

table#calendarPadding {
 padding-top: 0.5em;
 padding-left: 0.5em;
 padding-bottom: 0.5em;
 padding-right: 0.5em;
 border-collapse: collapse;
}

table#calendar {
 border-collapse: collapse;
 border-width: 0px;
 border-top-style:none;
 border-left-style:none;
 border-bottom-style:none;
 border-right-style:none;
 padding-top: 0px;
 padding-left: 0px;
 padding-bottom: 0px;
 padding-right: 0px;
}

th#prevMonth {
  font-size:70%;
}

th#thisMonth {
  font-size:75%;
}

th#nextMonth {
  font-size:70%;
}

th#sunday {
  color:red;
  font-size:75%;
}

th#monday {
  font-size:75%;
}


th#tuesday {
  font-size:75%;
}


th#wednesday {
  font-size:75%;
}


th#thursday {
  font-size:75%;
}


th#friday {
  font-size:75%;
}

th#saturday {
  color:blue;
  font-size:75%;
}

td.calendarDay {
  font-size:75%;
}

table#blogTocBox {
 width:100%;
 border-style: dotted;
 border-color: #ffaa44;
 border-width: 2px;
}

table#blogToc {
 padding-top: 0.5em;
 padding-left: 0.5em;
 padding-bottom: 0.5em;
 padding-right: 0.5em;
 border-collapse: collapse;
 font-size:80%;
}

table#archivesBox {
 width:100%;
 border-style: dotted;
 border-color: #ffaa44;
 border-width: 2px;
}

table#archives {
 padding-top: 0.5em;
 padding-left: 0.5em;
 padding-bottom: 0.5em;
 padding-right: 0.5em;
 border-collapse: collapse;
 font-size:90%;
}

/*
 * Bottom pane
 */
#bottom-pane {
  border-collapse:collapse;
  width: 794px;
  background: url("../images/footer.gif") no-repeat;
  text-align: center;
  font-size: 70%;
  color: #999999;
}

#bottom-pane p {
  padding: 0px;
  margin: 5px;
}

#bottom-row {
  height: 36px;
}

/*
 * Error display
 */
.macro-error {
    background-color: #ee5555;
}

/*
 * Comment
 */
.simplecommentmacro {
  font-size: 90%;
}

.commentform {
  font-size: 90%;
}

div#commentList {
  width: 600px;
}

.comments {
  font-size: 90%;
}

div.comment-contents pre {
  background-color: #ffffee;
  border-color: #bbccbb;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em;
}

blockquote {
 border-style: dotted;
 border-color: #ffaa44;
 border-width: 2px;
 padding: 0.5em 0.5em;
 margin-top: 0%;
 margin-left: 3%;
 margin-bottom: 0%;
 margin-right: 3%;
}

/*
 * trackback
 */

.trackbacks {
  font-size: 90%;
}

/*
 * misc
 */

span.hilight {
 background-color: yellow;
 font-style: italic;
}

#rss-link {
    position: absolute;
    right: 5px;
    top: 5px;
}