/* metasofa.css - basic stylesheet - copyright (c) 2008-19 vansprouts.metasofa.org, all rights reserved */
/* (c)v b29b bt c8 cn  b31v 3d bh c7 c9  b42r 5g  b53a  b79j af b7  b83r 5f 81 be */
/* (c)v b93r.nl 9p.7f 9t.8e a4.0f ah.6e-m4 ai.fm-al.m3 am.ek an.hc bm.8b  c027.ih 2j.a0 71.gf  c567.l4 */


/* init page defaults */

HTML, BODY { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; box-sizing:content-box; }
BODY, .body { margin:0; border:0; padding:0; max-width:100%; vertical-align:top; text-align:center; font-weight:normal; font-style:normal; line-height:1.5; }

BODY, .body { background:#fff; color:#111; font-family:serif; font-size-adjust:.5; font-size:14px; line-height:1.5; min-width:48em; }


/* structure styles */

DIV, PRE, P, UL, OL, LI, H1, H2, H3, H4, H5, H6, TABLE, TBODY, TR, TD, FORM, LABEL, IMG, SVG, AUDIO, VIDEO, OBJECT, EMBED, IFRAME, .iblk, .fbox, PRE.song, .inherit, .nospace, .init { margin:0; border:0; padding:0; vertical-align:inherit; text-align:inherit; background-color:transparent; color:inherit; font:inherit; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:inherit; line-height:inherit; }

H1, H2, H3, H4, H5, H6 { display:inline; }  /* nav only hierarchical tags for blind reader, not visual styling */

.block { display:block; }
.inline { display:inline; }

.iblk, .fbox, PRE.song { display:-moz-inline-box; display:inline-block; zoom:1; *display:inline; }
.iblk { vertical-align:middle; text-align:center; }
.fbox, PRE.song { vertical-align:top; text-align:left; }

.icol { margin:0 auto; max-width:45%; padding:0 1ex; background-color:transparent; text-align:left }

.nodisp { display:none; }
.invis, .databox { visibility:hidden; overflow:hidden; height:0; width:0; margin:0; border:0; padding:0; background-color:transparent; }

.fleft { float:left; }
.fright { float:right; }
.fend, .clear { clear:both; }

.nowrap { white-space:nowrap; }
.yeswrap { white-space:normal; }
.prewrap { white-space:pre-wrap; }
.charwrap { overflow-wrap:break-word; word-break:break-all; }


/* paragraph styles */
/* bbbig 133% 121% 110% big small 91% 83% 75% sssmall */

.pagebox { margin:0 32px; padding:0 1em; text-align:center; }

.rightbox { margin:0 0 0 auto !important; }
.leftbox { margin:0 auto 0 0 !important; }
.centerbox { margin:0 auto !important; }

.textbox0 { margin:0 auto; padding:0; max-width:40em; text-align:left; }
.textbox { margin:0 auto; padding:0 1em; max-width:40em; text-align:left; }
.textbox30 { margin:0 auto; padding:0 1em; max-width:30em; text-align:left; }
.textbox48 { margin:0 auto; padding:0 1em; max-width:48em; text-align:left; }


.blogmsg { padding:2ex 2em 3ex 2em; text-align:left; font-family:serif; font-size:1em; line-height:1.5; }
.bloghdr { text-align:left; font-family:serif; font-size:1em; line-height:1.5; }


/* text styles */

/* orig h1 200%, h2 150%, h3 120%, h4 100%, h5 83%, h6 67% */
/* bbbbig 146% 133% 121% 110% big small 91% 83% 75% sssmall */
.h1 { font-weight:bold; font-size:146%; line-height:1.5; }
.h2 { font-weight:bold; font-size:133%; line-height:1.5; }
.h3 { font-weight:bold; font-size:121%; line-height:1.5; }
.h4 { font-weight:bold; font-size:110%; line-height:1.5; }
.h5 { font-weight:bold; font-size:91%; line-height:1.5; }
.h6 { font-weight:bold; font-size:83%; line-height:1.5; }

.title { font-weight:bold; font-size:121%; line-height:1.5; }
.title2 { font-weight:bold; font-size:110%; line-height:1.5; }
.subtitle { font-weight:normal; font-style:italic; font-size:1em; line-height:1.5; }
.self { font-weight:bold; font-size:105%; line-height:1.5; text-decoration:none; }

.qv { font-family:serif; font-style:italic; font-size:95%; line-height:1.5; }
.copyright, .copylite { background-color:transparent; font-family:serif; font-style:italic; font-size:83%; line-height:1.5; }
.copylite { color:#666; }

.neg { font-weight:normal; font-style:italic; font-size:95%; line-height:1.5; }

PRE, CODE, .code, .codebig, .codesmall { font-family:monospace,monospace; font-size:1em; line-height:1.5; }
PRE, CODE, .code { font-size:91%; line-height:1.5; }
.codebig { font-size:95%; line-height:1.5; letter-spacing:0; }
.codesmall { font-size:83%; line-height:1.5; letter-spacing:-.12ex; }
PRE SMALL, CODE SMALL, .code SMALL { letter-spacing:-.12ex; }


/* images & icons */

/* img.test { background-color:red; vertical-align:middle; margin:.1em; border:0; padding:4px; } */
.ipad { vertical-align:middle; margin:0; border:0; padding:.3em; }
.ipad0 { vertical-align:middle; border:0; padding:0; }
.ipad1 { vertical-align:middle; margin:0; border:1; padding:0; }
.ipad2 { vertical-align:middle; margin:0; border:2; padding:0; }

.ico32t { vertical-align:top; margin:0; border:0; padding:0; width:32px; height:32px; }
.ico32 { vertical-align:middle; margin:0; border:0; padding:0; width:32px; height:32px; }
.ico32b { vertical-align:bottom; margin:0; border:0; padding:0; width:32px; height:32px; }
.ico24 { vertical-align:middle; margin:0; border:0; padding:0; width:24px; height:24px; }
.ico24b { vertical-align:bottom; margin:0; border:0; padding:0; width:24px; height:24px; }
.ico16 { vertical-align:top; margin:0; border:0; padding:0; width:16px; height:16px; }
.ico16l { vertical-align:bottom; margin:0; border:0; padding:0 0 5px 0; width:16px; height:16px; }
.ico1 { vertical-align:bottom; margin:0; border:0; padding:0; width:1px; height:1px; }


/* form & media styles */

.audioctl { margin:0 auto; not-overflow-y:hidden; padding:1ex; background-color:#ffa; font-size:146%; }

/***
INPUT, TEXTAREA, SELECT, OPTION { border-radius:0; -webkit-border-radius:0; -webkit-border:0; }

***/

TEXTAREA, INPUT, SELECT, OPTION { background-color:#fff; color:inherit; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:inherit; line-height:inherit; }
TEXTAREA { overflow:auto; }
INPUT, SELECT { appearance:auto; -moz-appearance:auto; -webkit-appearance:auto; }

INPUT, SELECT { color:#036; }
SELECT, OPTION { padding:.25ex .25em; }

.msgbx, .linbx, .lgnbx, .filbx, .nambx { background-color:#fff; border:1px solid #999; border-width:2px 1px 1px 2px; }
.msgbx, .linbx, .lgnbx { font-family:monospace,monospace; font-size:inherit; line-height:1.5; padding:.5ex .5em; }
.lgnbx { padding:.33ex .33em; }
.nambx, .filbx { font-family:inherit; font-size:inherit; line-height:inherit; padding:1ex 1em; }
.nambx { border:1px solid #ccc; }

.adjbtn { appearance:none; -moz-appearance:none; -webkit-appearance:none; font-family:monospace,monospace; font-size:75%; line-height:1; margin:0; padding:0 1ex; cursor:pointer; }
.adjbtn { color:#036; background-color:#cfc; }
.adjbtn:hover { background-color:#ffe; }

.sendbtn, .urgentbtn { padding:0 1em; cursor:pointer; }
.minbtn { padding:0; }

.sendbtn { color:#060; background-color:#cfc; }
.urgentbtn { color:#600; background-color:#fd6; }
.sendbtn:hover, .urgentbtn:hover { background-color:#ffe; }


/* button panels */


/* link text */

/* old underline link text 

A.here:link, A.here:visited, A.here:hover { color:#009; text-decoration:none; }
A.hey:link, A.hey:visited { color:#009; text-decoration:none; }
A.hey:hover { color:#009; text-decoration:underline; }
A:link, A:visited { color:#063; text-decoration:none; }
A:hover { color:#0c3; text-decoration:underline; }
*/

/* new block link text */

A, A:link, A:visited { color:#063; background-color:transparent; text-decoration:none; }
A:hover { background-color:#0c6; color:#fff; text-decoration:none; }

.norm, A.norm, A.norm:link, A.norm:visited { color:#0c0; }
.dgfm, A.dgfm, A.dgfm:link, A.dgfm:visited { color:#096; }
A.norm:hover, A.dgfm:hover { background-color:#0c6; color:#fff; }

.here, A.here, A.here:link, A.here:visited, A.here:hover { color:inherit; background-color:transparent; }

.hereb, A.hereb, A.hereb:link, A.hereb:visited, A.hey:hover { font-weight:bold; color:inherit; background-color:transparent; }

.hey, A.hey, A.hey:link, A.hey:visited { font-weight:bold; color:inherit; background-color:transparent; }
A.hey:hover { background-color:#00c; color:#fff; text-decoration:none; }

.hint, A.hint, A.hint:link, A.hint:visited { color:inherit; background-color:transparent; }
.int, A.int, A.int:link, A.int:visited { color:#063; background-color:transparent; }
A.hint:hover, A.int:hover { background-color:#0c6; color:#fff; }

.hext, A.hext, A.hext:link, A.hext:visited { color:inherit; background-color:transparent; }
.ext, A.ext, A.ext:link, A.ext:visited { color:#00f; background-color:#eef; }
A.hext:hover, A.ext:hover { background-color:#30f; color:#fff; }

.exts, A.exts, A.exts:link, A.exts:visited { color:#609; background-color:#fef; }
A.exts:hover { background-color:#90c; color:#fff; }

.tbkc { font-family:sans-serif; font-style:normal; font-size:91%; line-height:1.5; }
A.tbkc, A.tbkc:link, A.tbkc:visited { color:#096; background-color:transparent; }
A.tbkc:hover { background-color:#0c6; color:#fff; }

.lib, A.lib, A.lib:link, A.lib:visited { color:#096; background-color:#ffe; }
A.lib:hover { background-color:#0c6; color:#fff; }

.res, A.res, A.res:link, A.res:visited { color:#30f; background-color:#ffe; }
A.res:hover { background-color:#00f; color:#fff; }

.doc, A.doc, A.doc:link, A.doc:visited { color:#930; background-color:#ffe; }
A.doc:hover { background-color:#930; color:#fff; }

.tag, .tagrey { font-family:monospace,monospace; font-size:95%; line-height:1.5; letter-spacing:-.12ex; }
.tag, A.tag, A.tag:link, A.tag:visited { color:#096; background-color:#ffe; }
.tagrey, A.tagrey, A.tagrey:link, A.tagrey:visited { color:#888; background-color:#ffe; }
A.tag:hover, A.tagrey:hover { background-color:#0c6; color:#fff; }

.edit, A.edit, A.edit:link, A.edit:visited { color:#609; background-color:transparent; }
A.edit:hover { background-color:#00f; color:#fff; }


/* dgfm message styles */


/* basic box & paragraph styles */

/* vertical whitespace */

.vtop { vertical-align:top !important; }
.vmid { vertical-align:middle !important; }
.vbot { vertical-align:bottom !important; }
.vbas { vertical-align:baseline !important; }

.y5   { height:5ex; }
.y4, DIV.xtall { height:4ex; }
.y3, DIV.tall { height:3ex; }
.y2, DIV.avg { height:2ex; }
.yp   { height:1.67ex; }
.y1, DIV.short { height:1ex; }
.y0, DIV.tiny { height:.5ex; }

HR { margin:2ex 0; padding:0; height:0; overflow:visible; }

.p5 { padding-top:5ex; }
.p4 { padding-top:4ex; }
.p3 { padding-top:3ex; }
.p2 { padding-top:2ex; }
P, LI, .p { padding-top:1.67ex; }
.p1 { padding-top:1ex; }
.list { padding-top:.75ex; }
.p0 { padding-top:.5ex; }
.p00 { padding-top:0; }

/* obsolete? */
HR.y0, HR.y1, HR.yp, HR.y2, HR.y3, HR.y4, HR.y5 { margin:0; border:0; padding:0; height:0; background-color:transparent; color:transparent; }
HR.y5 { padding-top:5ex; }
HR.y4 { padding-top:4ex; }
HR.y3 { padding-top:3ex; }
HR.y2 { padding-top:2ex; }
HR.yp { padding-top:1.6ex; }
HR.y1 { padding-top:1ex; }
HR.y0 { padding-top:.5ex; }

.mpz, .mp0 { margin:0 !important; padding:0 !important; }


/* box & paragraph primitives */

.wid24 { max-width:24em; }
.wid32 { max-width:32em; }
.wid36 { max-width:36em; }
.wid40 { max-width:40em; }
.wid48 { max-width:48em; }
.width3 { max-width:32%; }
.width2 { max-width:49%; }
.width1 { max-width:100%; }

.justify { text-align:justify !important; }
.right { text-align:right !important; }
.left { text-align:left !important; }
.center, .column { text-align:center !important; }

.indent80 { padding-left:10%; padding-right:10%; }
.indent90 { padding-left:5%; padding-right:5%; }
.indent96 { padding-left:2%; padding-right:2%; }
.indent8 { padding-left:8em; padding-right:8em; }
.indent6 { padding-left:6em; padding-right:6em; }
.indent4 { padding-left:4em; padding-right:4em; }
.indent3 { padding-left:3em; padding-right:3em; }
.indent2 { padding-left:2em; padding-right:2em; }
.indent1, .indent { padding-left:1em; padding-right:1em; }

SUP, SUB, .sup, .sub { position:relative; vertical-align:baseline; line-height:0; font-size:75%; }
SUP, .sup { top:-1ex; }
SUB, .sub { bottom:-.5ex; }


/* basic span styles */
/* text primitives */

.fancy { font-family:serif; font-size-adjust:.5; font-size:1em; line-height:1.5; }
.sans  { font-family:sans-serif; font-size-adjust:.5; font-size:1em; line-height:1.5; }
.serif { font-family:serif; font-size-adjust:.5; font-size:1em; line-height:1.5; }
.plain { font-family:sans-serif; font-size-adjust:.5; font-size:1em; line-height:1.5; }
.mono  { font-family:monospace,monospace; font-size-adjust:.5; font-size:1em; line-height:1.5; }

B, .b, .bold { font-weight:bolder; font-weight:bold !important; }
I, .i, .italic, .ital { font-style:italic !important; }

EM, .em { font-weight:bold; font-style:italic; }
CITE, .cite { font-weight:normal; font-style:italic; }
S, .s, .strike { text-decoration:line-through; }
U, .u { text-decoration:underline; }
.wide { letter-spacing:.12ex; font-stretch:expanded; }
.narrow { letter-spacing:-.12ex; font-stretch:condensed; }

.normal { font-weight:normal !important; font-style:normal !important; text-decoration:none !important; letter-spacing:0 !important; font-stretch:normal !important; }
.lite, .shy, .notbold { font-weight:normal !important; }

/* orig h1 200%, h2 150%, h3 120%, h4 100%, h5 83%, h6 67% */
/* orig big 120%, small 83% */
/* bbbbig 146% 133% 121% 110% big small 91% 83% 75% 68% ssssmall */
.bbbbig { font-size:146%; line-height:1.5; }
.bbbig { font-size:133%; line-height:1.5; }
.bbig { font-size:121%; line-height:1.5; }
BIG, .big { font-size:110%; line-height:1.5; }
.big0 { font-size:105%; line-height:1.5; }
.ssssmall { font-size:68%; line-height:1.5; }
.sssmall { font-size:75%; line-height:1.5; }
.small2i { font-style:italic; font-size:83%; line-height:1.5; }
.ssmall, .small2 { font-size:83%; line-height:1.5; }
SMALL, .small { font-size:91%; line-height:1.5; }
.smalli { font-style:italic; font-size:95%; line-height:1.5; }
.small0 { font-size:95%; line-height:1.5; }

.lineh0 { line-height:0; }
.lineh1 { line-height:.5; }
.lineh2 { line-height:1; }
.lineh24 { line-height:1.2; }
.lineh26 { line-height:1.3; }
.lineh28 { line-height:1.4; }
.lineh3 { line-height:1.5; }
.lineh4 { line-height:2; }

.navtop, .navbot { background-color:transparent; font-weight:bold; line-height:1.5; }
.navtop { text-align:left; }
.navbot { text-align:right; }

.navbar, .navbar0 { margin:0; background-color:transparent; padding:0; font-style:italic; line-height:1; }
.navthin { margin:0; padding:0; border:0; height:.67ex; }
.navthin1 { margin:0; padding:0; border:0; height:1ex; }
.navthin2 { margin:3ex 0; padding:0; border:0; height:.67ex; }


.purple { color:#73b; }
.bblue { color:#36f; }
.blue { color:#009; }
.blugrn { color:#036; }
.blueish { color:#338; }
.cyan { color:#0070C0; }
.green { color:#090; }
.greenish { color:#383; }
.orange { color:#f30; }
.orangish { color:#840; }
.red { color:#900; }
.reddish { color:#833; }
.white { color:#fff; }
.grey { color:#888; }
.greyish { color:#666; }
.gray { color:#444; }
.dark { color:#222; }
.black { color:#000; }

.transp { background-color:transparent; }
.whtbg { background-color:#fff; }
.lblubg { background-color:#fcfcff; }
.blubg { background-color:#eef; }
.cyabg { background-color:#eff; }
.grnbg { background-color:#efe; }
.yelbg { background-color:#ffe; }
.yellowbg { background-color:#ffc; }
.ornbg { background-color:#fed; }
.redbg { background-color:#fee; }
.litebg { background-color:#eee; }
.greybg { background-color:#888; }
.graybg { background-color:#444; }
.test { background-color:#f9f; }

.ok, .hmm, .warn, .err { font-weight:bold; font-style:italic; }
.ok { color:#0c0; }
.hmm { color:#00c; }
.warn { color:orange; }
.err { color:#c00; }


/* vansprouts navbar */

A.aweb:link, A.aweb:visited { color:#009; text-decoration:none; }
A.aweb:hover { background-color:#093; color:#fff; }
A.amed:link, A.amed:visited { color:#639; text-decoration:none; }
A.amed:hover { background-color:#39f; color:#fff; }
A.aeco:link, A.aeco:visited { color:#960; text-decoration:none; }
A.aeco:hover { background-color:#e90; color:#fff; }
A.astf:link, A.astf:visited { color:#063; text-decoration:none; }
A.astf:hover { background-color:#33e; color:#fff; }


/* move to ... */

.color1 { color:#009; }
.color2 { color:#063; }
.color3 { color:#039; }
HR.line { background-color:#369; }

PRE.song { font-family:Courier,monospace; font-size:95%; line-height:1.5; }

.quote { margin:.5ex 1em; font-family:serif; font-weight:normal; font-style:italic; font-size:1em; line-height:1.4; }

.inbox { margin:0; padding:1ex; line-height:1.5; } /* newsed */
.box { display:block; margin:0; padding-left:6em; width:32em; } /* newsed ??? */


/* metasofa.css - end */