.node { width: 12em; height: 6em; }
.node .tail { top: -2em; height: 2em; left: 6em; }
ol.grandchildren .node .tail { width: 2em; left: -2em; top: 3em; }
div.marriage { width: 4em; margin-left: 12em; margin-top: 3em; }
div.marriage .date { font-size: 80%; margin-top: -1.5em; }
div.marriage .children { left: 2em; width: 2em; height: 5em; }
#tree h3.children { margin-left: 6em; margin-top: 8em; }
#tree h3.grandchildren { margin-left: -2em; margin-top: 8em; }
#tree h3.grandchildren span { padding-bottom: 5em; width: 16em; }
div.has-child-count .children { height: 4em; }
div.marriage .child-count { width: 28em; left: -12em; top: 4em; }
.c1 { left: 4em; }
.c2 { left: 20em; }
.c3 { left: 36em; }
.c4 { left: 52em; }
.c5 { left: 68em; }
.c6 { left: 84em; }
.c7 { left: 100em; }
.c8 { left: 116em; }
.c9 { left: 132em; }
.c10 { left: 148em; }
.c11 { left: 164em; }
.c12 { left: 180em; }
.c13 { left: 196em; }
.c14 { left: 212em; }
.c15 { left: 228em; }
.c16 { left: 244em; }
.c17 { left: 260em; }
.c18 { left: 276em; }
.c19 { left: 292em; }
.c20 { left: 308em; }
.c21 { left: 324em; }
.c22 { left: 340em; }
.c23 { left: 356em; }
.c24 { left: 372em; }
.c25 { left: 388em; }
.c26 { left: 404em; }
.c27 { left: 420em; }
.c28 { left: 436em; }
.c29 { left: 452em; }

.c1a { left: 12em; }
.c2a { left: 28em; }
.c3a { left: 44em; }
.c4a { left: 60em; }
.c5a { left: 76em; }
.c6a { left: 92em; }
.c7a { left: 108em; }
.c8a { left: 124em; }
.c9a { left: 140em; }
.c10a { left: 156em; }
.c11a { left: 172em; }
.c12a { left: 188em; }
.c13a { left: 204em; }
.c14a { left: 220em; }
.c15a { left: 236em; }
.c16a { left: 252em; }
.c17a { left: 268em; }
.c18a { left: 284em; }
.c19a { left: 300em; }
.c20a { left: 316em; }
.c21a { left: 332em; }
.c22a { left: 348em; }
.c23a { left: 364em; }
.c24a { left: 380em; }
.c25a { left: 396em; }
.c26a { left: 412em; }
.c27a { left: 428em; }
.c28a { left: 444em; }
.c29a { left: 460em; }

.r1 { top: 2em; }
.r2 { top: 12em; }
.r3 { top: 22em; }
.r4 { top: 32em; }
.r5 { top: 42em; }
.r6 { top: 52em; }
.r7 { top: 62em; }
.r8 { top: 72em; }
.r9 { top: 82em; }
.r10 { top: 92em; }
.r11 { top: 102em; }
.r12 { top: 112em; }
.r13 { top: 122em; }
.r14 { top: 132em; }
.r15 { top: 142em; }
.r16 { top: 152em; }
.r17 { top: 162em; }
.r18 { top: 172em; }
.r19 { top: 182em; }
.r20 { top: 192em; }
.r21 { top: 202em; }
.r22 { top: 212em; }
.r23 { top: 222em; }
.r24 { top: 232em; }
.r25 { top: 242em; }
.r26 { top: 252em; }
.r27 { top: 262em; }
.r28 { top: 272em; }
.r29 { top: 282em; }

.w1 { width: 0em; }
.w2 { width: 16em; }
.w3 { width: 32em; }
.w4 { width: 48em; }
.w5 { width: 64em; }
.w6 { width: 80em; }
.w7 { width: 96em; }
.w8 { width: 112em; }
.w9 { width: 128em; }
.w10 { width: 144em; }
.w11 { width: 160em; }
.w12 { width: 176em; }
.w13 { width: 192em; }
.w14 { width: 208em; }
.w15 { width: 224em; }
.w16 { width: 240em; }
.w17 { width: 256em; }
.w18 { width: 272em; }
.w19 { width: 288em; }
.w20 { width: 304em; }
.w21 { width: 320em; }
.w22 { width: 336em; }
.w23 { width: 352em; }
.w24 { width: 368em; }
.w25 { width: 384em; }
.w26 { width: 400em; }
.w27 { width: 416em; }
.w28 { width: 432em; }
.w29 { width: 448em; }

.h1 { height: 0em; }
.h2 { height: 10em; }
.h3 { height: 20em; }
.h4 { height: 30em; }
.h5 { height: 40em; }
.h6 { height: 50em; }
.h7 { height: 60em; }
.h8 { height: 70em; }
.h9 { height: 80em; }
.h10 { height: 90em; }
.h11 { height: 100em; }
.h12 { height: 110em; }
.h13 { height: 120em; }
.h14 { height: 130em; }
.h15 { height: 140em; }
.h16 { height: 150em; }
.h17 { height: 160em; }
.h18 { height: 170em; }
.h19 { height: 180em; }
.h20 { height: 190em; }
.h21 { height: 200em; }
.h22 { height: 210em; }
.h23 { height: 220em; }
.h24 { height: 230em; }
.h25 { height: 240em; }
.h26 { height: 250em; }
.h27 { height: 260em; }
.h28 { height: 270em; }
.h29 { height: 280em; }