body { background:#b3b3b3; font-family:'Lucida Grande',Arial,sans-serif; font-size:12px; line-height:18px; color:#444;}
a { color:#3a3a99; text-decoration:none;}
a.wiki { color:inherit; border-bottom:1px dotted #288;}
#content a:hover { border-bottom:1px solid #9cf;}
#page { text-align:left; border:1px solid red;}
#header { margin:25px auto 0 auto; background:url('/en/image271.png?1223317694') no-repeat top left; width:813px; height:142px; position:relative;}

#header .logo { position:absolute; display:block; width:320px; height:130px;}

#top { position:absolute; right:6px; top:50px; }
#top li { float:left; margin-left:10px;}
#top li a { color:#888; font-size:12px;}
#top input { width:120px; text-align:center; border:1px solid #666; padding:2px; background:#ddd; color:black; }

#menu { position:absolute; right:10px; top:112px; }
#menu li { float:left; margin:0 15px; font-size:14px; padding-top:50px;}
#menu a { color:#6be;}
#menu a:hover {  border-bottom:1px solid #a87667;}
#menu li.on { color:black; background:url('/en/image272.png?1213435280') no-repeat top center;}
#menu .on a, #context a { color:inherit;}

#container { margin:0 auto; background: white url('/en/image269.png?1213435280') repeat-y; width:753px; min-height:400px; padding:99px 30px 40px 30px;}

#title { margin:0 0 58px 180px; position:relative;}
#title .summary { position:absolute;}
#title p, .img_title p, .summary, #sign { margin:0; font-style:italic; color:black; font-family:Georgia,serif;}
#title h1 { margin-bottom:0;}

#context { float:left; width:180px; border-right:1px solid #ccc; }
#context h2 { margin:0 0 18px 0;}
#context h2 a { color:#555; }

/* ztags */
.ztags {margin:0 28px 0 8px; border:1px solid #999; border-top:0; line-height:17px;}
.ztags li { border-top:1px solid #999; background:#9cf;}
.ztags a:hover { background:orange;}
.ztags li a { padding-left:5px; color:inherit; display:block;}
.ztags li { font-weight:bold;}
.ztags li li a { padding-left:23px; font-weight:normal;}
.ztags li.on, .ztags .on li { background:white;}
.ztags .on a { color:#555;}
.ztags li.on .self, .ztags .self a:hover { background:#fd8; }
input, select { width:80px; }
#context form li { border:0; padding:3px;}
#context .btn_x { float:right;}
li.validate input { width:auto; }
li.validate { text-align:right;}
#context .wrapper input {margin-bottom:6px; border-color:#555; margin-left:10px; width:135px;}

#content { margin-left:210px; padding-right:10px;}

h1,h2 { font-family:Georgia,Serif; color:black; }
h1 { font-size:27px; line-height:36px;}
h2 { font-size:20px; margin-top:54px; margin-bottom:36px;}
h3 { font-weight:bold; color:black;}
.zazen h4 { font-weight:bold; margin-bottom:0;}
.zazen {margin-left:20px;}
.zazen h2 { margin-left:-20px;}
.zazen h3 { font-size:16px; margin-top:36px; font-variant:small-caps; color:#800;}
.zazen .warn, .zazen .info { border:2px solid #aaa; background:#FFF9E3; padding:5px; margin-left:180px; font-style:italic; font-family:Georgia,Times,serif; }
.warn strong, .info strong {font-style:inherit;}
.zazen .warn {background:#FFEBEB; border-color:#BA7273;}
.zazen .hot { font-size:14px; font-style:italic; color:#222; border:3px solid #fa4; border-width:3px 0; margin:0 10px; padding:2px 4px; background:#ffc; display:table;}

.zazen p.clear_feat { clear:both; margin-top:36px;}

#context h3 { margin:0 0 18px; color:#6b5650;}
p,h3,h4 { margin:18px 0; }
.zazen img { border:1px solid #666;}
.zazen img.full { border:0;}
.zazen p img, .zazen li img { border:0;}
.img_title p { color:inherit;}
.img_with_title { margin-bottom:18px;}
.img_left { margin:0 9px 9px 0;}
.img_right { margin:18px 0 9px 9px;}
img.logo, .zazen img.std, .zazen img.med {border:1px solid #666;}
strong { font-weight:bold;}
em { font-style:italic;}
.zazen ul, .zazen ol { display:table; padding-left:36px; }
.zazen table ul, .zazen table ol { margin-left:36px;}
.zazen ul li {list-style:disc;}
.zazen ol li {list-style:decimal;}
.zdoc .params li { list-style:none;}

.zazen code { font-family:Courier,monospace; background:#f6f6f6; padding:0 2px;}
.zazen pre code { padding:0;}
.zazen pre { border:1px solid #555; font-family:Courier,monospace; background:#f6f6f6;color:#222; padding:9px; }
.zdoc .examples { padding:0;}
.zdoc .examples pre { border:0;}


#related { float:right; border-left:1px solid #ccc; padding:0 9px; margin:0 9px;}
#related h3 { margin:0; color:#555;}


#footer { margin:0 auto; background: url('/en/image270.png?1213435280') no-repeat top center; width:773px; height:50px; padding:10px 20px; font-size:9px; }


/** zdoc **/
.zdoc { margin-bottom:9px; width:520px;}
.zdoc .summary { width:35%; vertical-align:top;}
.zdoc .summary p { margin:0;}
.summary .edit { float:right; visibility:hidden;}
.summary:hover .edit { visibility:visible;}
.zdoc td { border:1px solid #555; padding:8px 10px 9px;}
.zdoc .examples { background:#f6f6f6;}
.zdoc .params strong { font-weight:bold; position:absolute; left:-88px; display:block; float:left;}
.zdoc .params li { position:relative; margin-left:88px;}
.zdoc .params .zazen { margin-left:0;}
.zdoc textarea { background:#ffd; width:100%; height:100%;}
.zdoc .edit td { height:200px;}

/** monitor **/
#monitor { margin:54px 36px 36px; background:#efefcf; padding:9px; display:table; font-size:90%; border:1px dashed grey;}
#monitor h3 { margin:0;}
#monitor td { border:1px solid #555; background:#eee; padding:3px 7px;}
#monitor td div { position:relative;}
#monitor td.done { background:#afa; }
#monitor div.popup { display:none; position:absolute; left:-8px; top:21px; background:#eee; border:1px solid #555; width:280px; z-index:99; padding:3px 7px;}
#monitor .popup p {display:inline;}
#monitor td div:hover .popup { display:block; }

#features { border:1px dotted orange; background:#f4f4f4; float:left; padding:0 9px; line-height:18px; font-size:14px; margin:0px 9px 36px 0;}
#features ul { margin:0; padding:0;}
#features li { list-style:none; background: transparent url('/en/image373.png?1231529943') no-repeat scroll 7px 0pt;padding-left:36px; margin-bottom:9px;}
#features p, #features h3 { margin:0; line-height:36px; }

#hosting {position:absolute; right:612px; width:100px;}
#hosting a { color:#f52; }

/** home page **/
#home .big { font-size:22px; line-height:36px; font-family:Georgia,serif; margin:0; padding:0 0 0 9px; display:table; color:#333;}
#home p { padding:0 36px;}

/* search */
#search_results { width:500px; margin-left:150px; }
.result_entry { border-bottom:1px solid #999; margin:21px;}
.result_image img { float:left; margin:7px 14px; border:1px solid #555;}
.result_image img.node { border:0; margin:8px 14px;}
.result_path { color:#999; font-style:italic; font-size:12px;}
.result_entry p { margin:0;}

/* sign */
#sign { float:right; color:#999; font-style:italic; }

/** notes, comments **/
.note { margin:30px 80px 0px 30px; border-bottom:2px solid #777; }
.note .meta_data { font-size:12px; margin-top:0px; font-style:italic; margin-bottom:3em; color:#999;}
.note h2.title {margin-bottom:5px; margin-top:0; font-size:27px;}
.note .zazen { margin-left:40px;}
.post .note { border-bottom:none;}
.note .sign { text-align:right; font-style:italic;font-family:Georgia,serif; color:#aaa;}

.digg { float:right; position:relative;}
.digg iframe { position:absolute; left:27px; }


/* blog */
.inline_form { margin:2px; padding:8px; border:1px dotted grey; background:#eee;}
.inline_form p, .inline_form .date_box { margin:3px;}
.inline_form select { width:8em; font:inherit;}
.note_form .node_v_title input { font-weight:bold; width:20em;}
.note_form .node_v_title input { font-weight:bold;}
.note_form p { display:inline;}
.note_form .date_box { float:none; display:inline;}
.note_form input { display:inline;}


#comments { margin-top:36px; border-top:1px solid #ccc; padding-top:17px;}
#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:table; padding:9px 9px 8px; margin-top:18px; 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;}
code .comment {padding:inherit; border:0;}
.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;}

/* login */

#login_form { display:table; margin:auto; border:1px solid #999; padding:18px; background:#eee;}
#login_form td { padding:2px;}
#login_form input { width:10em;}
#login_form .validate input { width:auto; float:right;}

/* box */
#home .bluebox, .bluebox { border:1px solid grey; background:#9acafa; display:table; margin:56px auto; padding:18px; font-size:14px; }
#home .bluebox { width:400px; }
#home .bluebox p { margin:1em 0; padding:0; margin-top:1em; margin-bottom:1em;}
#home .bluebox h2 { margin:-30px -19px 15px; font-weight:bold; background:orange; padding:5px; border:1px solid grey; }

.icon_list h2 { margin-top:0;}
.icon_list td { vertical-align:top; padding-left:6px; padding-top:3em;}

/* misc */
object { border:1px solid #555; }

.zazen table { margin-top:1em; margin-bottom:1em;}
.zazen td, .zazen th { border:1px solid #888; padding:1px 6px;}
.zazen th { background: #888; color:white; text-align:center;}

a.old_posts { float:right;}