/* LAYOUT */
#page { min-height:650px; }
#navigation { position:absolute; top:23px; width:250px; margin:9px; 0 0 10px; }
.shadow, .days { width:130px; margin:auto; position:relative; }
.nav_box, .days table, .tinycal .head a { position: relative;  bottom:10px; left:-10px; }
#tinycal { margin-top:46px; margin-left:10px; }

#login, #visitor { margin-left:42px; } 
#login { margin-top:28px; } 
#container { margin:54px 2em 2em 260px; }
#path { margin-bottom:36px; }
#related {  width:140px; padding-top:18px;}
#content { width:800px;  clear:both; }
#content td { vertical-align:top;}
#content { border:1px solid black; padding:18px; margin-top:-1px; background:white;}
#content #main { width:80%; padding:18px;}
#content #main_list { padding:18px; width:100%; }
#main_list .floats li { float:left; border: 1px solid #ba9; margin:5px; padding:1px 2px; background:#e5e5e5;}
#main_list .floats a:hover { background:#f5e585; color:black;}
#main_list .floats h3 { clear:both; }


/* STYLE */
body { background:#CAD7B1; color:#333; font-family:'Lucida Grande',Arial,sans-serif; font-size:12px; line-height:18px; }
/*  url('/en/image36.png?1182440655') */
.wrong_lang { color:#999; font-size:90%; margin-left:0.4em; }

a {cursor:pointer; text-decoration:none; color:inherit;}
a:hover { color:#99B12D; }

strong { font-weight:bold; }
em { font-style:italic; }

p { margin-bottom:18px;}
h1, h2 { font-family:Georgia, Times, serif; color:black; }
h1 { font-size:36px; line-height:36px; margin-bottom:18px; }
h2 { font-size:18px; line-height:18px; margin-bottom:18px; margin-top:36px; }
h3 { font-weight:bold; color:black; }
h4 { text-align:center; color:#999;}

#header img { border:1px solid grey; }
#header img.doc, #header .actions img { border:0; }
ul, ol, #signature, pre, .zazen table { margin-bottom:18px; }
ul.favorites { margin-bottom:0;}


.img_left { margin: 0 18px 18px 0;}
.img_right { margin: 0 0 18px 18px;}
.img_center { margin: 18px;}

.shadow, .days { background:#91987E; margin-bottom:36px;}
.tinycal table, .nav_box, .inline_form, #context .admin_links { background:#E7ECDB; border:1px solid #444; font-size:10px; }
.tinycal .title { font-size:10px;}
.days td { line-height:17px; }

#path { color:#ccc; }
#login a, #visitor a, #path li, #signature, #siteinfo a { color:#91987E; }
#signature em, #siteinfo, #path li a { color:#5D6051; }
#path li { display:inline; }

.nav_box { padding:12px; }
.nav_box li a { display:block; }
.nav_box li.on, .nav_box li a.on, .nav_box li:hover, #lang li:hover { background:#D5EA8F; }
.nav_box li { background:#F6F7F5; line-height:17px; border:1px solid #777; border-top-width:0; }
.nav_box li a { padding:0 5px; }
.nav_box li:first-child { border-top-width:1px; }
#lang li { float:left; border-top-width:1px; margin:-1px 12px 18px 0; padding:0 5px; }
#lang li a { padding:0; }
#search { text-align:center; }
#search input { background:#fff; border:1px dashed grey; padding:1px; width:100px; margin:-1px 0 0 0; text-align:center; color:#999;}

/* search */
.result_entry { margin-top:18px;}
.result_entry p { margin-bottom:0;}
.result_entry .zazen { display:table; font-style:italic;}
p.result_image {float:left; margin-right:18px; margin-left:18px; width:80px; padding-top:2px;}
p.result_image img { border:none;}
p.result_name em { font-size:80%; padding-right:3px;}
p.result_name a  { font-weight:bold;}


#related { border-left:1px solid #777; padding-left:18px; }

#main { padding-right:18px; }

#hot h3 { margin-top:100px;}
#hot { width:180px; text-align:center; margin:auto; }
#hot li { float:left; margin:8px; }
#hot p  { margin:0; font-size:90%;}
#hot img { border:1px solid #444;}

.zazen a, .zazen .img_title a { color:#149;  }
.zazen a.wiki { border-bottom-style:dotted; }
.zazen li { margin-left:27px;}
.zazen ul { list-style:disc;}
.zazen ol { list-style:decimal;}
.zazen img, .page img { border:1px solid #333;}
.img_with_title a { border:none; }
.zazen img.full { border:none;}
.img_title { font-size:10px; color:#666;}
.box { border:1px solid #7a7; display:table; margin-left:auto; margin-right:auto; padding:8px; }
.cite { font-style:italic; font-family:Times; font-size:16px; }
.zazen pre { border:1px solid #555; font-family:Courier,monospace; padding:9px; background:#eee;color:#222;}
.zazen code { background:#eee; font-family:Courier,monospace; padding:1px 3px;}
.zazen pre code { background:none; padding:0;}

/* tables */
.zazen .table_with_title { margin:auto; }
.zazen th, .zazen td { border:1px solid grey; background:#444; color:white; font-size:10px; padding:0 3px; }
.zazen td { background:white; color:inherit; }
.docs td { border:none; padding:5px; vertical-align:top;}
.docs a { border-width:0;}
.docs a.wiki { border-width:1px;}
.docs img.doc { border:none; }
.docs .docinfo { text-align:left; }
.doc_title { font-weight:bold; margin-bottom:0; color:black;}

/* page list */
.page h3 { margin-bottom:18px; }

/* notes */
#notes { margin-top:17px; }
.note { clear:both; margin-top:0px; border-top:1px solid #ddd; padding-top:9px;}
.note .header p { float:left; }
.note .summary { clear:left; margin-left:50px; }
.note .comments .zazen { margin-left:0px; }

.note .header { font-size:10px; color:#666;}
.note .log_at { width:50px; }
.note .title  { width:300px; font-size:12px; color:black; font-weight:bold; }

#siteinfo { text-align:center; font-size:10px; margin:54px 0 0 0; background:black; padding:18px; border-top:1px solid #CAD7B1; }
#siteinfo li { display:inline; margin:18px; }

.inline_form { margin:2px; padding:3px; border:1px dotted grey; font-size:80%;}
.inline_form p, .inline_form .date_box { display:inline; float:none; }
.inline_form .btn_x { float:right; margin:0; }
#notes .inline_form .btn_x { float:left; margin:3px 4px 0 0; }
.inline_form .btn_x a img { border:0; }
.inline_form select { width:8em; font:inherit;}
.node_v_title input { font-weight:bold; width:90%;}

#notes .node_v_title input { width:20em; }
#related .inline_form p { display:block; margin:0.3em 0; }
#related .inline_form p.node_v_title { width:100%; font-size:1.2em; }

.do_todo    .log_at span, .explain .do_todo { background:yellow; padding:1px; color:black; }
._todo      .log_at span, .explain ._todo { background:orange; padding:1px; color:black; }
.done_todo  .log_at span, .explain .done_todo { border-bottom:2px solid #393; }
.alert_todo .log_at span, .explain .alert_todo { background:red; padding:1px; color:black;}

.note .done_todo  .title  { color:grey; }

/* login form */
#login_form {background:#ccc; margin:-18px; padding:18px;}
#login_form td { width:100px; padding:5px; text-align:right;}

/* incrustation

.shadow { border:1px solid #F6F7F5; background:none;}
.nav_box { border:1px solid #222; left:0px; bottom:0px; margin:-1px; left:-1px; bottom:1px; background:none;}
*/

/* gallery */
.gallery { margin:18px auto;}
.gallery td { padding:5px; text-align:center;}
.gallery img { margin:5px; }
.gallery a { border:none; color:#22c;}

.date { border: 1px solid grey; width:95px; line-height:14px; margin-bottom:9px; }
.date { font-size:90%; }
.date .log_on, .date .log_at {background:grey; color:white; border-bottom:1px solid grey; text-align:center;}
.date .log_on {background:orange; color:black; font-weight:bold;}
.date p { margin:0;}
.date .zazen { padding:4px;}
.date .proj_title { padding:2px; font-weight:bold; border-bottom:1px solid grey; font-size:12px; text-align:center; color:orange;}
.date .title a { color:black; font-weight:bold; border:0;}
#main .date { margin-bottom: 18px; width:115px;}
#related .date .zazen { position:relative;}
#related .date .summary { position:absolute; top:-1px; left:95px; background:white; border:1px solid grey; width:91px; display:none; padding:2px;}
#related .date:hover .summary { display:block;}
#upcoming .date { float:left; margin-right:9px;}
#upcoming h3 {margin-bottom:9px;}

.zazen a.wrap { border-bottom:none;}
.result_image img.pv { border:1px solid #333;}

/* comments */

#comments_add, #comments .form { margin-top:18px;}
#comments .form .btn_x { margin:0;}
#comments .form ol, #comments .btn_add a { visibility:visible; background:#eee; display:block; padding:9px 9px 8px; margin-top:18px; width:380px; border:1px solid grey;}
#comments .btn_add img { float:left; margin-right:4px;}
#comments .form b { display:block; float:left; width:65px;}
#comments .form li { clear:both; margin-top:5px;}
#comments .form .title input, #comments .form .author input { width:360px;}
#comments .form textarea { width:360px; height:8em;}

.comment { padding:8px; border-bottom:1px solid #ccc;}
.comment .date { border:none;}
.alt { background:#eee;}
.comment .sign { color:#a22; font-size:18px; font-family:Georgia,serif;}
.comment .date { float:right; color:#a22;}
.comment .prop { border:1px solid #055; padding:5px; background:#cee; color:black; font-weight:bold;}

.captcha { padding: 5px 0 0 63px; height:135px;}

/* anti-spam */
.spot { display:none;}