/* cvstyle.css - basics - copyright (c) 2008-19 vansprouts.metasofa.org */

/* init page defaults */

HTML, BODY { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; }
BODY, .body { margin:0; border:0; padding:0; min-width:32em; max-width:100%; vertical-align:top; text-align:center; font-weight:normal; font-style:normal; }
BODY, .body { background:#fff; color:#111; font-family:serif; font-size:14px; line-height:2.6ex; }


/* structure styles */

DIV, HR, P, PRE, FORM, TABLE, TR, TD, AUDIO, VIDEO, H1, H2, H3, H4, H5, H6, .init, .nospace, .fblk, .fbox, PRE.song, .iblk, .iblkt { margin:0; border:0; padding:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:inherit; line-height:inherit; }

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

.pagebox { margin:0 2em; }
.textbox0 { margin:0; padding:0; max-width:40em; text-align:left; }
.textbox { margin:0; padding:0 2em; max-width:40em; text-align:left; }
.textbox30 { margin:0; padding:0 2em; max-width:30em; text-align:left; }

.fleft { float:left; }
.fright { float:right; }
.prewrap { white-space:pre-wrap; }
.nowrap { white-space:nowrap; }

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


/* vertical whitespace */

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

HR.y0, HR.y1, HR.yp, HR.y2, HR.y3, HR.y4, HR.y5 { height:0; background: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; }

HR.line { margin:1.6ex 0; height:1px; }
HR.clear, .clear { clear:both; }


/* form & media styles */

.inherit { font-family:inherit; font-weight:inherit; font-style:inherit; font-size:inherit; line-height:inherit; }

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

INPUT, TEXTAREA, .inherit { font-family:monospace; font-weight:inherit; font-style:inherit; font-size:inherit; line-height:inherit; }

.msgbx, .linbx { vertical-align:middle; margin:0; border:1px solid #999; border-width:2px 1px 1px 2px; background:#fff; font-family:monospace; line-height:2.6ex; }
.linbx { padding:.33ex .33em; }
.msgbx { padding:.67ex .33em; }
.smallform { font-size:91%; line-height:2.2ex; color:#036; }

.sendbtn, .send { padding-left:1em; padding-right:1em; cursor:pointer; }

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


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

.list { padding-top:.75ex; }
P, .p { padding:1ex 0 0 0; font-family:Times,serif; line-height:2.6ex; }

.quote { margin:.5ex 2em .5ex 1em; font-family:Times,serif; font-weight:normal; font-style:italic; font-size:91%; line-height:2.6ex; }

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


/* text styles */

/* orig h1 200%, h2 150%, h3 117%, h4 115%, h5 83%, h6 67% */
/* bbbig 133% 121% 110% big small 91% 83% 75% sssmall */
.h1 { font-weight:bold; font-size:146%; line-height:2.6ex; text-decoration:none; }
.h2 { font-weight:bold; font-size:133%; line-height:2.6ex; text-decoration:none; }
.h3 { font-weight:bold; font-size:121%; line-height:2.6ex; text-decoration:none; }
.h4 { font-weight:bold; font-size:110%; line-height:2.6ex; text-decoration:none; }
.h5 { font-weight:bold; font-size:91%; line-height:2.6ex; text-decoration:none; }
.h6 { font-weight:bold; font-size:83%; line-height:2.6ex; text-decoration:none; }

.title { font-weight:bold; font-size:121%; line-height:2.6ex; }
.title2 { font-weight:bold; font-size:110%; line-height:2.6ex; }
.subtitle { font-style:italic; font-size:inherit; line-height:2.6ex; }
.self { font-weight:bold; font-size:110%; line-height:2.6ex; text-decoration:none; }

.qv { font-family:Times,serif; font-style:italic; font-size:91%; line-height:2.6ex; }
.copyright, .copylite { background:transparent; font-family:Times,serif; font-style:italic; font-size:75%; line-height:2.6ex; }
.copylite { color:#666; }

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

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

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


/* link text */

.navtop { background:transparent; text-align:left; font-weight:bold; }
.navbot { background:transparent; text-align:right; font-weight:bold; }
.navbar0, .navbar { background:transparent; font-style:italic; line-height:67%; }
.navthin { margin:0; height:.75ex; }
.navthin2 { margin:3ex 0; height:.75ex; }

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; }


/* paragraph primitives */

.vtop { vertical-align:top; }
.vmid { vertical-align:middle; }
.vbot { vertical-align:bottom; }

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

.indent1 { padding-left:1em; padding-right:1em; }
.indent2, .indent { padding-left:2em; padding-right:2em; }
.indent3 { padding-left:3em; padding-right:3em; }
.indent4 { padding-left:4em; padding-right:4em; }

.indent80 { margin:0 10%; }


/* text primitives */

.fancy { font-family:serif; font-size:inherit; line-height:2.6ex; }
.serif { font-family:serif; font-size:inherit; line-height:2.6ex; }
.plain { font-family:sans-serif; font-size:95%; line-height:2.6ex; }
.sans  { font-family:sans-serif; font-size:95%; line-height:2.6ex; }
.mono  { font-family:monospace; font-size:95%; line-height:2.6ex; }

B, .b, .bold { font-weight:bold; }
I, .i, .italic, .ital { font-style:italic; }
CITE, .cite { font-weight:normal; font-style:italic; }
EM, .em { font-weight:bold; font-style:italic; }
S, .s, .strike { text-decoration:line-through; }
U, .u { text-decoration:underline; }
.normal { font-weight:normal; font-style:normal; text-decoration:none; font-size:inherit; line-height:2.6ex; }
.lite { font-weight:normal; }

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

.purple { color:#73b; }
.bblue { color:#36f; }
.blue { color:#009; }
.bluish { color:#338; }
.cyan { color:#0070C0; }
.green { color:#090; }
.greenish { color:#383; }
.orange { color:#f30; }
.red { color:#900; }
.reddish { color:#833; }
.grey { color:#888; }
.gray { color:#444; }
.black { color:#000; }


/* images & icons */

/* img.test { background:red; vertical-align:middle; margin:.1em; border:0; padding:4px; } */
.ipad { vertical-align:middle; margin:.3em; border:0; padding:0; }
.ipad0 { vertical-align:middle; margin:0; 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:bottom; 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; }


/* vansprouts navbar */

A.aweb:link, A.aweb:visited { color:#009; text-decoration:none; }
A.aweb:hover { color:#063; text-decoration:underline; }
A.amed:link, A.amed:visited { color:#639; text-decoration:none; }
A.amed:hover { color:#39f; text-decoration:underline; }
A.aeco:link, A.aeco:visited { color:#960; text-decoration:none; }
A.aeco:hover { color:#f90; text-decoration:underline; }
A.astf:link, A.astf:visited { color:#063; text-decoration:none; }
A.astf:hover { color:#0c3; text-decoration:underline; }

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


/* cvstyle.css - end */