@charset "EUC-JP";
/* "Hexagonal" -- stylesheet for tDiary and variants  */

/* Copyright 2003 URABE, Shyouehi. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this  code, to  deal in the  code without restriction,  including without
 * limitation  the rights  to use,  copy, modify,  merge,  publish, distribute,
 * sublicense, and/or  sell copies of the  code, and to permit	persons to whom
 * the code is furnished to do so, subject to the following conditions:
 *
 *    The above copyright  notice and this permission notice  shall be included
 *    in all copies or substantial portions of the code.
 *
 * THE	CODE IS	 PROVIDED "AS  IS", WITHOUT  WARRANTY OF  ANY KIND,  EXPRESS OR
 * IMPLIED,  INCLUDING BUT NOT	LIMITED TO  THE WARRANTIES  OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE  AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHOR  OR  COPYRIGHT HOLDER	 BE  LIABLE FOR	 ANY  CLAIM,  DAMAGES OR  OTHER
 * LIABILITY,  WHETHER IN  AN ACTION  OF CONTRACT,  TORT OR  OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH  THE CODE OR THE USE OR OTHER DEALINGS IN
 * THE CODE.
 */


/* settings for display */
applet,	 base, center,	dir,  hr,  frameset, head,  iframe,  link, menu,  meta,
object, script, style, title
	{ display: none; }	/* many elements for none ... */

/* CSS3 Ruby Module (and so on) */
ruby	{ display: ruby-base; }
rp	{ display: none; }
rb	{ display: ruby-base; }
rbc	{ display: ruby-base-group; }
rt	{ display: ruby-text; ruby-span: attr(rbspan); }
rtc	{ display: ruby-text-group; }
rbc + rtc
{
	ruby-position	: before;
}
rbc + rtc + rtc
{
	ruby-position	: after;
}


/* document-wide defaults */
/* for me: before inserting properties here, check whether that's inherited */
html
{
    all-space-treatment : collapse;
    block-progression	: tb;
    border-break	: dotted 1px;
    color		: black;
    color-profile	: /* sRGB; */ auto;
    cursor		: default; /* default is not the initial value, did you
				    * know? */
    direction		: ltr;
    fit			: meet;
    fit-position	: center center;
    font-effect		: none;
    font-emphasize-position : before;
    font-emphasize-style : none;
    font-family		: "Trebuchet MS"
			, "Lucida Grande"
			, "Verdana"
			, sans-serif;
    font-size		: 12px;
    font-size-adjust	: 0.53;	/* adjusted to Trebuchet */
    font-smooth		: 11px;
    font-stretch	: normal;
    font-style		: normal;
    font-variant	: normal;
    font-weight		: 400;
    glyph-orientation-vertical : inline;
    hanging-punctuation : both;
    kerning-mode	: pair contextual;
    /* kerning-pair-threshold : auto; */
    letter-spacing	: normal;
    line-break		: strict;
    line-height		: 128%;
    line-stacking	: inline-line-height consider-shifts exclude-ruby;
    linefeed-treatment	: ignore; /* for CJK environments */
    line-grid		: none;
    marquee		: none 0;
    max-font-size	: auto;
    min-font-size	: 9pt;
    punctuation-trim	: start;
    rendering-intent	: auto;
    ruby-align		: distribute-space;
    ruby-overhang	: none;
    text-align		: justify;
    text-align-last	: right;
    text-autospace	: ideograph-alpha;
    text-height		: font-size;
    text-indent		: 0px;
    text-justify	: newspaper;
    text-justify-trim	: punctuation-and-kana;
    text-script		: auto;
    text-transform	: none;
    word-break		: normal hyphenate;
    word-spacing	: normal;
    /* word-wrap	: break-word; */ /* IE5 extension */
    wrap-option		: wrap;
    writing-mode	: lr-tb;
    white-space		: normal;
    white-space-treatment : ignore-if-surrounding-linefeed
}
html *
{
    box-sizing		: content-box;
}

/* settings for cursor */
abbbr, acronym
{
    cursor		: pointer;
}
[title], [href], [cite], [datetime]
{
    cursor		: pointer;
}

/* settings for bidirectionality */
bdo[dir="ltr"]
{
    direction		: ltr;
    unicode-bidi	: bidi-override;
}
bdo[dir="rtl"]
{
    direction		: rtl;
    unicode-bidi	: bidi-override;
}

[dir="ltr"]
{
    direction		: ltr;
    unicode-bidi	: embed; }
[dir="rtl"]
{
    direction		: rtl;
    unicode-bidi	: embed;
}
address, blockquote, body, dd, div, dl,	 fieldset, form, frame, h1, h2, h3, h4,
h5, h6, html, noframes, noscript, ol, p, pre, ul
{
    unicode-bidi	: embed;
}

/* You may  never see these  elements in my  HTML, but if  any, that must  be a
 * mistake :-) */
tt, i, b, big/*, small*/
{
    font-family		: inherit; /* <- OK? */
    font-style		: normal;
    font-size		: 100%;
    font-weight		: normal;
    white-space		: normal;
}

/* settings for borders and decorations */
* /* default */
{
    box-shadow		: none;
    text-decoration	: none;
    border		: white none 0px;
}
input, textarea
{
    border		: white inset 2px;
}
input[type="submit"]
{
  border              : white outset 2px;
}
a:hover, a:focus
{
    text-decoration	: underline;
}
abbr, acronym
{
    text-decoration	: underline;
}
table
{
    border-spacing	: 4px;
    border-collapse	: separate;
  border-style	: /*outset*/none;
  border-width	: /*2px*/0px;
}
th, td
{
    border-color        : #ff9900;
}
th
{
  border-style : solid none solid none;
  border-width : 2px;
}
td
{
  border-style : none none solid none;
  border-width : 1px;
}
table[border]
{
    border-style	: outset;
}
th[border], td[border], table[border] th, table[border] td
{
    border-style	: inset;
}
table[border="0"],   th[border="0"],   td[border="0"],	table[border="0"]   th,
table[border="0"] td
{
    border-style	: none;
}
blockquote {
/*     border		: white groove 2px; */
    border-color	: #ff9900;
    border-style	: solid none;
    border-width	: 2px 0px;
}
pre {
/*     border		: white ridge 2px; */
    border-color	: #003380;
    border-style	: solid none;
    border-width	: 2px 0px;
}
ins
{
    text-decoration	: none;
}
del
{
    text-decoration	: line-through;
}
div.main
{
    /* ugly kluge to avoid Gecko bug. */
    border-top		: white solid 1px;
}
div.comment, div.trackbacks, div.form, div.refererlist, div.bulkfeedsSimilarity
{
    border		: #ff9900 solid 1px;
}
div.caption, div.lm, div.bulkfeedsSimilarityHeader
{
    border-bottom	: #ff9900 solid 1px;
    margin-bottom       : 3px;
}
div.footnote {
    border-top		: #ff9900 solid 1px;
}


/* settings for content color and background */
/* * /\* default *\/ */
/* { */
/*     color		: black; */
/*     background		: transparent none; */
/* } */
a[href]
{
    color		: blue;
    background		: transparent none;
}
a:link, a:active
{
    color		: blue;
    background		: transparent none;
}
a:visited, a:focus, a:hover
{
    color		: brown;
    background		: transparent none;
}
a.keyword
{
color : black;
background : transparent none;
    border-bottom : #666666 dotted 1px;
}
body
{
    color		: black;
    background		: white none;
}
div.main
{
    background		: white
			  url("bg1.png")
			  left top
			  repeat-y;
}
div.day
{
    background		: white
			  url("day.png")
			  0px 6px
			  repeat-x;
}
div.main h2
{
    background		: transparent
			  url("section.png")
			  left top
			  no-repeat;
}
div.siteid a
{
    /* apprarance override by image :-) */
    font-size		: 1px; /* can you see this... :-) */
    color		: white;
    background		: transparent
			  url("sitebanner.png")
			  left top
			  no-repeat;
    width		: 243px;
    height		: 79px;
}
span.sanchor, span.canchor, span.tanchor
{
    font-size		: 1px;
    color		: white;
    background		: transparent
			  url("sanchor.png")
			  right bottom
			  no-repeat;
    padding-left	: 16px;
    padding-top		: 16px;
}
div.information, div.footer
{
    background		: transparent
			  url("bg2.png")
			  left top
			  repeat-y;
}
address
{
    background		: transparent
			  url("footer.png")
			  left top
			  no-repeat;
}
th,blockquote
{
    background-color	: #ffffee;
}
pre
{
    background-color	: #f7f7ff;
}
del
{
    color		: #666666;
}


/* margin/padding/locations */
/* * /\* default *\/ */
body, div, html, form, dd p
{
    margin		: 0px 0px 0px 0px;
    padding		: 0px 0px 0px 0px;
}
div.main
{
    /* exsitance of div.main indicates there's (at least one) sidebar */
    padding-left	: 242px;
}
div.sidebar
{
    position		: absolute;
    width		: 150px;
    top			: 0px;
    left		: 0px;
    padding-top		: 79px;
    padding-left	: 53px;
}
div.information
{
    padding-left	: 37px;
}
address
{
    margin-top		: 0px;
    padding-top		: 38px;
    padding-bottom	: 8px;
    padding-left	: 300px;
    margin-left		: -37px;
}
div.siteid a
{
    position		: absolute;
    top			: 0px;
    left		: 0px;
}
div.adminmenu
{
    position		: absolute;
    top			: 0px;
    right		: 0px;
}
div.day
{
    margin-top		: 1em;
    padding-top         : 0px;
}
blockquote, pre, p, ul, ol, dl
{
    margin-right	: 1em;
    margin-left		: 1em;
}
pre
{
    padding		: 0.5ex 1em;
}
ol, ul, li
{
    margin-bottom	: 0px;
}
div.footer
{
    margin-top :-1px;
}
h1
{
    margin-top		: 50px;
    padding		: 1em;
}
div.main h2
{
    margin-left		: -46px;
    margin-top		: 0px;
    padding-top		: 78px;
    padding-left	: 58px;
}
div.section, div.comment, div.trackbacks, div.refererlist, div.referer, div.form, div.footnote, div.bulkfeedsSimilarity
{
    margin-left         : 16px;
    margin-right        : 16px;
}
div.comment, div.trackbacks, div.refererlist, div.referer, div.form, div.commentshort p, div.bulkfeedsSimilarity
{
    margin-top		: 5px;
    margin-bottom       : 0px;
    padding		: 5px;
}
div.commentshort p
{
    margin		: 0px;
    padding		: 0px;
}
/* span.sancor, span.canchor, span.tanchor */
/* { */
/*     padding		   : 16px 16px 0px 0px; */
/*     width		   : 16px; */
/*     height		   : 16px; */
/* } */


/* settings around fonts and texts */
h1,h2,h3,h4,h5,h6 {
    font-family		: "skia",sans-serif;
    font-weight		: normal;
}
h1
{
    font-size		: 256%;
    text-align		: center;
    color		: #ff9900;
}
h2
{
    text-align		: left;
    font-size		: 160%;
}
*.sidemenu, div.sidebar h2
{
    font-weight		: bolder;
    font-size		: 105.3%;
}
h3 {
/*    font-weight:bolder; */
    font-size:128%;
}
h3 span.timestamp {
    font-weight:lighter;
    font-size:95%;
}

address, div.footer, div.information, div.lm
{
    text-align		: right;
}
pre
{
    text-align		: left;
}
div.lm
{
    padding-right	: 1em;
}
em, strong
{
    font-weight		: bolder;
    font-variant	: normal;
    font-style		: normal;
    font-size		: 128%;
    background		: transparent none;
    color		: #7f4c00;
}
div.sidebar
{
    font-size		: 95%;
}
div.sidebar strong
{
    font-size		: 100%;
    color		: black;
}
div.lm, p.footnote
{
    font-size		: 85%;
}

div.main
{
    z-index		: 2;
}
div.information
{
    z-index		: 0;
}


/* [href] */
/* { */
/*     appearance		: hyperlink; */
/* } */
/* input, textarea */
/* { */
/*     appearance		: field; */
/* } */
div.section p img
{
    float               : right;
    margin-left         : 1em;
}
div.section,div.footnote
{
    clear               : both;
}

/* rebirth of hr */
div.sidebar hr
{
     display		: block;
     margin-right	: 12px;
     margin-left	: -2px;
     margin-top		: 1ex;
     margin-bottom	: 1ex;
     height		: 1.7px;
     border		: white none 0px;
     color		: #ff9900;
     background-color	: #ff9900;
}


/* /\* for debug *\/ */
/* * */
/* { */
/*     border		: black solid 1px !important; */
/* } */


/* (on emacs, you can use c-mode to edit css)
 * Local Variables:
 * buffer-file-coding-system: euc-jp-unix
 * mode: c
 * fill-column: 79
 * default-justification: full
 * tab-width: 8
 * End:
*/