/*
  $Id: styles-site.css,v 1.12 2005/07/29 07:30:25 yoshi Exp $
  Author: IKARASHI Yoshinori <yoosee@init.org>
  License: GPLv2
 */

/* general */

@charset 'UTF-8';

body {
  text-align: center;
  margin: 0;
  padding: 0;
  background: gray;
}

img {
  border: none;
}

/* unique components with id */

#main {
  width: 96%;
  border: solid black 1px;
  color: black;
  background: white;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: left;
}

#navigation {
  color: white;
  background: #229900;
  width: 100%;
  height: 8px;
  text-align: left;
  font-size: 60%;
  margin: 0;
}

#navigation a {
  background: transparent;
  text-decoration: none;
}

/* BANNER */

#banner {
  color: black;
  font-size:x-large;
  font-weight:bold;
  margin: 0;
  padding: 0;
}

#banner h1 {
  display: inline;
  float: left;
  height: 80px;
  width: 500px;
  margin: 0;
  padding: 0;
}

#banner img {
  border: none;
}

#banner a {
  text-decoration: none;
}

#bannerright {
  float: right;
  width: 30%;
  padding: 0 0.3em;
  margin: 0;
}

#bannerright form {
  float: right;
  padding: 0;
  margin: 0;
}

#bannerright form input.button{
  vertical-align: bottom;
  margin: 0 2px;
  padding: 0;
}

#bannerright form input.input{
  background: #bbbbbb;
  vertical-align: bottom;
}

#bannerright div {
  float: right;
  font-size: medium;
}

/*** header search and tabs ***/
  
#header {
  font-family: "Book Antiqua", sans-serif;
  float: left;
  width: 100%;
  text-align: right;
  font-size: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  background: url('/d/image/middlebar.png') top left repeat-x;
}

#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header li {
  float: left;
  text-align: center;
  margin: 0 0.5em;
  padding: 0;
}

#header a {
  font-family: "Trebuchet MS", "Century Gothic", sans-serif;
  font-weight: bold;
}

#header li a {
  display: block;
  width: 100px;
  height: 22px;
  color: #bbbbff;
  background: inherit;
  padding-top: 2px;
}

#header li a.active {
  color: white;
  background: inherit;
  text-decoration: none;
}

#header li a.inactive:hover {
}

/********** main contents **********/

#content {
  float:left;
  width: 73%; 
  position: relative;
  padding: 0;
  margin: 0;
  position: relative;
}

/* daily attributes */

#content .date {
  margin: 0;
  padding: 0;
  text-align: left;
  background: inherit;
  width: 100%;
}

#content .date h2 {
  font-family: sans-serif;
  font-weight: bold;
  color: black;
  text-align: left;
  letter-spacing: 0.12em;
  margin: 0.3em 0.7em 0 0.5em;
}

/* journal */

.journal {
  color: black;
/*  background: #eee; */
  font-size: 90%;
  font-weight:normal;
  padding: 1em;
  margin: 1em 1em 2em 1em;
  line-height:140%;
}

.journal h3 { /* journal title */
  font-family: "Century Gothic", sans-serif;
  font-size: 140%;
  border-bottom: solid 1px #222;
  margin: 0;
  padding: 0;
  width: 100%;
}

.journal h3 a {
  background: inherit;
  color: #336666;
  text-decoration: none;
}

.journal h4 { /* journal section title */
  font-family: "Century Gothic", sans-serif;
  border-bottom: solid 1px #ccc;
  padding: 0.1em;
  margin: 0.3em 0;
  width: 100%;
}

.journal h5 {
  margin: 0.4em 0 0 0;
  width: 100%;
}

.journal div.journalbody {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin: 0.3em 1em;
}

.journal div.journalfooter {
  margin: 0.3em 1em;
}

.journal hr {
  border: dotted 1px gray;
  clear: both;
}

.journal pre {
  color: #ccc;
  background: #252 url('/d/image/pre.png') top right no-repeat;
  margin: 0.4em 1em;
  border: solid black 1px; 
  padding: 0.5em;
  clear: both;
  overflow: auto;
  width: 93%;
  font-family: monospace;
}

.journal blockquote {
  color: black;
  background: #ddd url('/d/image/quote.png') top right no-repeat;
  border: #888 1px dashed;
  margin: 0.4em 1em;
  padding: 0.5em;
  width: 93%;
}

.journal blockquote cite{
  display: block;
  text-align: right;
  font-size: smaller;
}

.journal table {
  background: #eee;
  margin: 0.4em 1em;
  overflow: auto;
  border-collapse: collapse;
}

.journal table th {
  font-size: 90%;
  background: #db7f12;
  overflow: auto;
  margin: 0;
  padding: 0.2em;
  border: solid #333 1px;
/*  -moz-border-radius-topleft: 20%;
  -moz-border-radius-topright: 20%; */
}

.journal table td {
  font-size: 90%;
  background: #ddd;
  overflow: auto;
  margin: 0;
  padding: 0.2em;
  border: solid #333 1px;
}

.journal dl {
  margin: 0.4em 1em;
}

.journal dl dt {
  font-weight: bold;
  border-bottom: solid 1px #888;
}

.journal dl dd {
  margin: 0.5em 0.8em 1em 0.8em;
}

.journal .footnote {
  font-size: small;
  font-style: italic;
  margin: 0.5em 1em 0.5em 1em;
  border-top: solid #333 1px;
}

.journal span.imageright {
  text-align: center;
  font-size: 80%;
  font-family: sans-serif;
  vertical-align: top;
  margin: 0.8em;
  float: right;
}

.journal span.imageleft {
  text-align: center;
  font-size: 80%;
  font-family: sans-serif;
  vertical-align: top;
  margin: 0.5em;
  float: left;
}

.journal div.imagecenter {
  text-align: center;
  font-size: 80%;
  font-family: sans-serif;
  vertical-align: top;
  margin: 0.5em;
}

.journal div.navi {
  text-align: center;
  margin: 0.7em;
}

.journal .posted { 
  display: block;
  font-family: verdana, arial, sans-serif; 
  font-size: small;
  font-style: italic;
  text-align: right;
  color: black; 
  margin: 0 0 0.5em 0;
  padding: 0;
}
  
.journallinks {
  display: block;
  clear: both;
  font-size: small;
  text-align: right;
}

.shortcomments {
  margin: 0.5em 1em;
  padding: 0 0 0 0.5em;
  font-size: x-small;
  line-height: 140%;
  background: #ccc;
  background-image: url('/d/image/commentback.png');
  width: 99%;
}

.shortcomments strong {
  background: inherit;
  color: #4444bb;
}

/************** side column ****************/

#rightside {
  color: black;
  background: white;
  float: right;
  width: 23%;
  padding: 0;
  margin: 1%;
}

#rightside div {
  font-family: verdana, arial, sans-serif;
  color: #333;
  background: inherit;
  border: none;
  font-size: x-small;
  font-weight:normal;
  line-height:130%;
  margin: 1em 0;
  padding: 1.5%;
  word-break: break-all;
}

#rightside div.highlightbox {
  background: #9ea;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#rightside div h2
{
  color: black;
  display: block;
  background: inherit; 
  font-family: "Trebuchet MS", "Century Gothic", sans-serif;
  border-bottom: dashed black 1px;
  letter-spacing: 0.1em;
  margin: 0.3em 0.1em;
  padding: 0;
  font-weight: bold;
  font-size: small;
}

#rightside div ul
{
  margin: 0.2em 0.5em;
  padding: 0.2em 0.5em;
  list-style-image: url('/d/image/list-icon.png');
}

#rightside div ol
{
  margin: 0.2em 0.5em;
  padding: 0.4em 0.5em;
}

#rightside div li
{
  line-height: 130%;
  margin: 0 1em;
  
}

form.comment {
  padding:0.8em;  
  margin: 1em;
  border:1px dotted #909090;   
}

.comments {
  font-family: georgia, verdana, arial, sans-serif;
  color:#666;
  font-size: 85%;
  font-weight:normal;
  background:#FFF;
  line-height:140%;
  padding:0.8em;  
  margin: 1em;
/*  border:1px dotted #909090;   
  -moz-border-radius: 8px;
  border-radius: 8px; */
}

.commentheader {
  color: black;
  background-color: #ddd;
  font-size: normal;
  border-bottom: 1px solid grey;
  padding-left: 0.5em;
}

.commentbody {
  padding: 0 0.5em;
  margin: 0.5em 0.2em 1.5em 0.2em;
}

.comments-post {
  font-family:verdana, arial, sans-serif;
  color:#666;
  font-size:x-small;
  font-weight:normal;
  background: inherit;
  text-align: right;
}

.trackbacks {
  font-family: georgia, verdana, arial, sans-serif;
  color:#666;
  font-size:small;
  background:#fff;
  line-height:140%;
  padding:0.8em;  
  margin: 1em;
/*  border:1px dotted #909090;   
  -moz-border-radius: 8px;
  border-radius: 8px; */
}

.trackbackheader {
  color: black;
  background-color: #cfc;
  border-bottom: 1px solid grey;
  padding-left: 0.5em;
}

.trackbackbody {
  padding: 0.3em 0 0.5em 1em;
}

.referrers {
  font-family: georgia, verdana, arial, sans-serif;
  color:#666;
  font-size:small;
  font-weight:normal;
  background:#FFF;
  line-height:140%;
  padding:0.8em;  
  margin: 1em;
  border:1px dotted #909090; 
}

/*** footer parts ***/

#footer {
  font-family: "Century Gothic", sans-serif;
  color: #eeeeee;
  background: #229900;
  clear: both;
  width: 100%;
  text-align: center;
  font-size: 70%;
  margin: 0;
}

#footer a {
  color: #eeeeee;
  background: inherit;
}

/* for MAC */
textarea {
  font-family: 'Pro W6', Osaka,  'Trebuchet MS', trebuchet, verdana, arial, sans-serif;
}