body { margin: 0px auto; padding: 0px 16px 8px 16px; max-width: 845px; 
    background: white; color: #333; font-size: 16px; line-height: 1.5; font-family: "Georgia", serif;
}
table { border-collapse: collapse; } /* by default, adjoining table cells share a border */

table#wrapper { margin: 0; padding: 0; width: 100%; border-style: none; }
table#wrapper > tbody > tr > td { vertical-align: top; }
td#column-left { padding: 0px 22px 6px 6px; width: 160px; margin: 0px; }
td#column-left-bottom { vertical-align: bottom; padding: 6px 22px 23px 6px; width: 160px; margin: 0px; }
td#column-content { min-width: 320px; border-left: 1px dotted #a0c0c0; margin: 0; padding: 8px 28px 8px 28px; }

/* because certain wide images may jut out by up to 60px, whitespace to the right of body text has to be at least that */
td#column-content div#content, td#column-content div#breadcrumbs { max-width: 560px; margin: 0 40px 0 0; }
td#column-content div#content { margin-bottom: 3em } /* important when content not followed by page-footer */
body.forum td#column-content div#content { margin: 0; }
div#single-column { margin: 0 auto; min-width: 350px; max-width: 35em; padding: 4px 40px 4px 28px; }
/* no-ad single-column layout: ecommerce pages, test pron */
/* #single-column has no div#content */

div#site-header { position: relative; margin: 0px; height: 99px; }
img#site-logo { position: absolute; left: 0px; bottom: 11px; margin-left: 1px; }
div#site-search { position: absolute; right: 0px; bottom: 11px; padding-right: 1px }
div#site-search form { margin: 0px; }
div#site-search label { font-size: 12px; font-weight: bold; color: #aaa691; }
div#site-search input.button { font-size: 13px; line-height: 1.2; color: #333; height: 24px; margin: 0; padding: 0 7px; vertical-align: bottom; }
div#site-search input.button::-moz-focus-inner { padding: 0; border: none }
div#site-search input.field { font-size: 14px; width: 150px; height: 16px; margin: 0; margin-bottom: 1px }

div.mainmenu { width: 100%; height: auto; margin-bottom: 23px; background-color: #b9b6a3; border-radius: 2px; }
ul.mainmenu { display: inline-block; *display: inline; list-style-type: none; margin: 0; padding: 0; background-color: white; }
ul.mainmenu > li { display: inline-block; *display: inline; zoom: 1; margin: 0; border-right: solid 1px white;
    font-family: "Trebuchet MS", "Tahoma", sans-serif; font-size: 13px; line-height: 37px; }
ul.mainmenu > li a { display: inline-block; *display: inline; zoom: 1; padding: 1px 9px 0px; color: white;
	text-decoration: none; background-color: #b9b6a3; border-radius: 3px; text-shadow: 0px 1px #664;
	background: -moz-linear-gradient(top, #bab7a5 0%, #bab7a5 30%, #a5a296 67%, #a5a296 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bab7a5), color-stop(30%,#bab7a5), color-stop(67%,#a5a296), color-stop(100%,#a5a296)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bab7a5 0%,#bab7a5 30%,#a5a296 67%,#a5a296 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bab7a5 0%,#bab7a5 30%,#a5a296 67%,#a5a296 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bab7a5 0%,#bab7a5 30%,#a5a296 67%,#a5a296 100%); /* IE10+ */
	background: linear-gradient(top, #bab7a5 0%,#bab7a5 30%,#a5a296 67%,#a5a296 100%); /* W3C */
}
@media screen and (max-width: 800px) {
    ul.mainmenu > li a { padding: 1px 7px 0px; }
}
/* has to be background, not background-color to override the gradient */	 
ul.mainmenu > li.current a { background: #c1aa84; text-shadow: 0px 1px #4F4630; }
ul.mainmenu > li a:hover { background: #c0bdad; }
ul.mainmenu > li.current a:hover { background: #c8b491; }

div#breadcrumbs { font-family: "Trebuchet MS", "Tahoma", sans-serif; font-size: 15px; line-height: 1.60;
    font-style: italic; margin-bottom: 0.8em; }
div#breadcrumbs > a { text-decoration: none; border-bottom: dotted 1px; padding-bottom: 1px }
div#breadcrumbs > small { font-size: 93.33%; margin-left: 0.33em; } /* there are no spaces to the left of > in breadcrumbs to prevent bad linebreaks */
/* multiple breadcrumbs */
div#breadcrumbs > div { font-size: 14px; line-height: 1.40; margin-bottom: 0.3em; }
div#breadcrumbs > div > a { padding-bottom: 0px; }

div#page-footer { margin-top: 80px; clear: both; line-height: 1.25; }
div.share-links { min-height: 20px; line-height: 1.25; zoom: 1; }
div.share-links-label { float: left; font-size: 14px; margin-right: 15px; color: #a47048;
	font-weight: bold; font-style: italic; font-family: "Trebuchet MS", "Tahoma", sans-serif;
} /* matches wiki ul#f-links */
div#page-end-box { width: 350px; margin: 16px 0px; padding: 0.75em 1.3em;
    font-size: 14px; line-height: 1.40; color: #239276; background-color: #F0F8F6; box-shadow: 4px 4px 0px 0px #A9CCCB;
    border-collapse: separate; /* IE9 needs this */
}
div#page-end-box > ul { margin: 0.5em 0.5em 0 0em; list-style-type: none }
div#page-end-box > ul > li { margin-bottom: 0.6em; }

div#site-footer { margin: 4px 0px 0px 0px; padding: 18px 0px 28px;
	color: #887; border-top: double 3px silver; font-size: 13px; line-height: 1.40 } /* l-h helps with iframe vert-align */
div#site-footer > ul { margin: 0; padding: 0; }
div#site-footer > ul > li { display: inline; margin: 0; padding: 0;  }
div#site-footer > ul > li > span.sep { margin: 0px 3px }
div#site-footer iframe.fb-like-site { width: 100px; height: 21px; margin-left: 5px; border: none;
    vertical-align: bottom; overflow: hidden;
}

div.helpbox { float: right; width: 8em; margin: 4px 0px 20px 0px; padding: 0.5em;
    font-family: "Trebuchet MS", Tahoma, sans-serif;	font-size: 12px; line-height: 1.40;
    color: #a47048; border: solid 2px #a47048; border-radius: 7px;
}

input { font-family: "Trebuchet MS", "Tahoma", sans-serif; font-size: 15px }
textarea { font-family: "Georgia", serif; font-size: 16px }
pre { font-family: "Courier New", monospace; font-size: 12px; }
h1, h2, h3, h4, div.subh1, div.superh1, div#author { font-family: "Trebuchet MS", "Tahoma", sans-serif; font-weight: bold; line-height: 1.30; }
h1, h2, h3, div#author, div.subh1, div.superh1 { color: #508080; }
h1 { font-size: 31px; margin-top: 25px; margin-bottom: 29px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; font-style: italic; }
h2, h3 { margin-top: 1.21em; margin-bottom: 0.75em; }

div#author { margin-top: -15px; margin-bottom: 32px; font-size: 15px; font-style: italic; font-weight: normal }
div.subh1 { margin-top: -26px; margin-bottom: 34px; font-size: 15px; font-style: italic; font-weight: normal; }
div.superh1 { margin-top: 25px; margin-bottom: -25px; font-size: 17px; font-style: normal; font-weight: bold; }
div#copyright { display: none } /* for print */
/*
span#date { margin-left: 0.2em; font-size: 11px; color: #777; text-transform: uppercase; fonts-style: normal; letter-spacing: 0.8px; }
span#date:before { content: '/'; margin-right: 0.2em; font-size: 14px; font-style: normal; }
*/

p { margin-top: 0.75em; margin-bottom: 0.75em; } /* half of line-height, grid-like placement */
/* need margin top to ensure headers are at least 0.75em away from text */
p:first-child { margin-top: 0em }
p:last-child { margin-bottom: 0em } /* disable for testing */
p.bottom { margin-bottom: 0em } /* need to mark last paragraph in a container with 'bottom' class because IE8 doesn't understand :last-child */
li p { margin-top: 0.5em; margin-bottom: 0.5em }

ul { list-style-type: disc; margin: 0.75em 0em 0.75em 1em; padding: 0; }
@media all and (-webkit-min-device-pixel-ratio:0) {  /* Webkit hack, won't work forever */
    ul { margin-left: 1.2em }
}
ol { margin: 0.75em 0em 0.75em 1.4em; padding: 0; }
ol.tenormore { margin-left: 1.9em; } /* ol's with double-digit numbers must be indented a bit more */
li { margin: 0.5em 0em 0em 0em; padding: 0; }
li:first-child { margin-top: 0em; }
li li:last-child { margin-bottom: 0.75em; }
li > ul, li > ol  { margin-top: 0.5em; margin-bottom: 0.5em; }
li > ul { list-style-type: circle; }

/*used in other.htm, resources.htm, _learners.htm, user_guide.htm*/
ul.article-list { list-style-type: none; margin: 1.5em 0em 1.5em 0em; color: #255; font-size: 16px; }
ul.article-list div.link { font-weight: bold; margin-bottom: 4px }
ul.article-list div.summary { font-size: 15px; margin-left: 1.5em; font-style: italic; line-height: 1.40 }
ul.article-list > li { margin-top: 0.75em; }
ul.article-list > li li { margin-top: 0.4em; }
ul.article-list > li > ol { margin: 0.4em 0em 0.4em 2.9em; font-size: 15px; line-height: 1.40 } /* 0.4em * 15px = 0.375em * 16px = 0.75em/2 */
ul.article-list > li > ol.quoted > li { padding-left: 0.3em; text-indent: -0.4em; } /* list where each item is quoted, used in other.htm */
ul.article-list > li > ul { margin: 0.4em 0em 0.4em 2.6em; font-size: 15px; line-height: 1.40; list-style-type: disc; }
@media all and (-webkit-min-device-pixel-ratio:0) {  /* Webkit hack, won't work forever */
    ul.article-list > li > ul { margin-left: 2.9em }
}

a:link { color: #009a50; }
a:visited { color: #587c6a; }
a:hover { color: #b83480; }
.main { font-weight: bold; }
/* see also mediawiki main.css - .portlet a */
a.word, span.word { text-decoration: none; color: #7d531d; }
a.word:hover { text-decoration: underline; cursor: help; color: #a77534; }
span.word:hover { cursor: help; color: #a77534; }
a img { border-style: none; }

code { font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe UI Semibold", "DejaVu Sans", "Charis SIL", "Doulos SIL", sans-serif;
	font-style: normal; white-space: nowrap; color: #148281; line-height: 1.00; font-size: 0.9375em; } /* 0.9375 * 16px = 15px */
/* l-h: 1.00 prevents Firefox from making the box really tall despite computing line-height properly */
code img { vertical-align: bottom; }
code sup { vertical-align: 5px; font-size: 80%; line-height: 0.9; } /* Chrome/Safari/IE8 hack*/

div.sidenote { float: right; page-break-inside: avoid; width: 208px; margin: 0.4em -40px 2em 2em; padding: 1.3em 1.5em;
    font-size: 14px; line-height: 1.5; background-color: #ede8d6; color: #333;
    /* bgcolor also used in test-pronunciation div#intro, forum intro */
    /* remember to change bgcolor on embedded Flash objects to match sidenote background */
}
div.sidenote h3 { margin-top: 1em; margin-bottom: 0.9em; font-family: "Georgia", serif; font-size: 15px; line-height: 1.3;
	font-weight: bold; font-style: italic; color: #666;
}
div.sidenote p { margin-bottom: 0.75em; margin-top: 0.75em; }
div.sidenote ul { margin-left: 1em }
/* cannot use *.first-child here because it would match e.g. <b> in "This is the <b>only</b> paragraph" */
div.sidenote > p:first-child, div.sidenote > h3:first-child, div.sidenote > ul:first-child,
    div.sidenote > ol:first-child, div.sidenote > div:first-child { margin-top: 0.1em; }
div.sidenote > p:last-child, div.sidenote > p:last-child, div.sidenote > ol:last-child,
    div.sidenote > div:last-child { margin-bottom: 0.1em; }  /* disable for testing */
div.sidenote > *.bottom { margin-bottom: 0.1em; }
div.sidenote img { border: solid 2px #CDC8AD }

/* clean up */
div.img { margin-left: 0em; margin-top: 1.5em; margin-bottom: 1.5em; page-break-inside: avoid; }
div.img.float { float: right; margin: 0.4em -40px 1em 2em; }
div.img.float.left { float: left; margin: 0.5em 2em 1em 0em; }
div.img.float img { border: solid 1px black; }
div.img cite { display: block; font-size: 75%; color: gray; }
div.img div.caption { font-size: 13px; text-align: center; margin-top: 0.2em; font-style: italic; line-height: 1.25 }
div.sidenote > div.img { margin: 1em 0em; }
div.sidenote > div.img > div.caption { text-align: left; }
div.img div.attribution { font-size: 12px; text-align: right; margin-top: 0.2em; font-style: italic; line-height: 1.25 }
div.img div.options { font-size: 14px; text-align: center; margin-top: 0.2em }

em { font-weight: bold; font-style: inherit; } /* should be stress emphasis: change this to <b> site-wide? */
em.em { font-weight: inherit; font-style: italic; } /* real stress emphasis - use in new articles, convert to plain <em> later */
cite { font-style: italic; }
/* titles of referenced major works (books, movies, newspapers)
quotes should be used for articles, chapters, songs, episodes */
b { font-weight: bold; }
i { font-style: italic; }
/* mentioned (not used) words and phrases (can also use quotes) */
q { font-style: italic; font-weight: normal } /* inline quoted phrases */
dfn { font-style: italic } /* definitional instances of terms */
i em { font-weight: bold; font-style: italic; }
.red { color: red; } /* text added in the past week */
span.file, span.option { font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; color: #A47857; font-style: italic; }
span.corr { background-color: red; color: white; }
span.nobr { white-space: nowrap; }
span.inv { visibility: hidden } /* readhow.htm */

div.introduction { margin: 1em 0em; font-size: 17px; font-style: italic; color: #7B4216; }

/* blockquote - formerly div.excerpt, longer quotes and other things that might be put in quotes (like examples) */
/* div example - example definitions, English sentences */
div.example, blockquote { position: relative; width: auto; -moz-box-sizing: border-box; margin: 1.5em 0em 1.5em 0em;
    padding: 0em 2em 0em 3em; color: #1e747b;
}
blockquote:before, div.example:before { position: absolute; top: -11px; left: -5px;
    content: '“'; font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 78px; font-size: 75px; line-height: 1.0; 
    color: #A3D3B9;
}

/* note: first-child matches first child element, even if the element comes after a text node */
blockquote p, div.example p { margin-bottom: 0.75em; margin-top: 0.75em; }
blockquote > p:first-child, div.example > p:first-child { margin-top: 0.2em }
blockquote > p:last-child, div.example > p:last-child { margin-bottom: 0.2em } /* disable for testing */
blockquote > *.bottom, div.example > *.bottom { margin-bottom: 0.2em }
blockquote cite, div.example cite { font-size: 75%; opacity: 0.6; }

table.tab { margin: 1.5em 0em; page-break-inside: avoid; border: solid 1px gray; border-bottom: solid 1px silver; }
li > table.tab { margin: 1em 0em; }    
@-moz-document url-prefix() {
    table.tab { margin: 0.75em 0em 0.75em 0em; } /* Firefox hack, remove when FF10 is common */
    li table.tab { margin: 0.5em 0em 0.5em 0em; } /* Firefox hack, remove when FF10 is common */
}    
table.tab td, table.tab th { font-size: 14px; line-height: 1.4; border-style: none; border-bottom: solid 1px silver;
    text-align: left; vertical-align: middle; }
table.tab.centered td, table.tab.centered th { text-align: center; }
table.tab td.word { text-align: center }
table.tab.nocellborders td { border-bottom-style: none; }
table.tab td { padding: 0.3em 0.7em }
table.tab.bigcells td, table.tab.bigcells th { padding: 0.5em 1em; }
table.tab th { padding: 0.3em 0.7em; background-color: #dddddd; color: teal; line-height: 1.286 }
table.tab tbody th { border-right: solid 1px silver; } /* vertical th's */
table.tab tr > td:first-child, table.tab > thead > tr > th:first-child, table.tab > tbody > tr > th:first-child { padding-left: 1em }
table.tab tr > td:last-child, table.tab > thead > tr > th:last-child { padding-right: 1em }
table.tab tbody tr:last-child td, table.tab tbody tr:last-child th { border-bottom-style: none }
table.tab td code { font-size: 13px; line-height: 1.508; }

table.overarch { margin: 1.5em 0em 1.5em 0em; }
@-moz-document url-prefix() {
    table.overarch { margin: 0.75em 0em 0.75em 0em; } /* Firefox hack, remove when FF10 is common */
}
table.overarch > tbody > tr > td { vertical-align: top; text-align: left; padding: 0; }
table.overarch > tbody > tr > td.left { padding-right: 40px; }
table.overarch > tbody > tr > td table.phon { margin-bottom: 0em; }
table.overarch > tbody > tr:first-child > td table.phon { margin-top: 0em; }

table.phon { border: solid 1px gray; margin: 1.5em 0em 1.5em 0em; page-break-inside: avoid }
table.phon caption { text-align: left; font-size: 13px; font-weight: normal; }
table.phon td, table.phon th { font-size: 14px; line-height: 1.286; border-style: none; border-bottom: solid 1px silver; text-align: center; }
table.phon td { padding: 0.15em 0.6em 0.15em 0.3em; padding: 2px 0.6em 2px 0.3em; }
table.phon th { padding: 0.25em 0.4em 0.2em 0.3em; text-align: left; background-color: #dddddd; color: teal; font-weight: bold  }
table.phon th.listen { padding-right: 0.7em }
table.phon .ipa { padding-left: 0.6em; padding-right: 0.3em }
table.phon#chart-ascii-consonants .ipa { padding-right: 0.2em }
table.phon#chart-vowels td.ipa, table.phon#chart-ascii-vowels td.ipa { padding-left: 0.8em }
/*
table.phon td.ipa, table.phon td.ascii { font-size: 14px; }
table.phon td.ipa code, table.phon td.ascii code { font-size: 14px; }
*/
table.phon td.wordex { text-align: left; color: #777; }
table.phon td.wordex em { text-decoration: underline; font-weight: normal; font-style: normal; }
table.phon td.listen { font-size: 11px; text-align: left; padding-right: 1em; }
table.phon td.expl { text-align: left; padding: 0.3em 0.5em; color: #444; }
table.phon td.expl > p { margin: 0.75em 0; }
table.phon td.expl > p:first-child { margin-top: 0; }
table.phon td.expl > p:last-child { margin-bottom: 0; }
table.phon td.expl > p.bottom { margin-bottom: 0; }
table.phon td.ftnote { font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 10px;
    padding: 0px 7px 0px 0px; vertical-align: top; text-align: left; color: #666 }
table.phon .ipa code, table.phon .ascii code { font-size: 14px }
table.phon code { color: black; }

ol.footnotes { list-style-type: none; margin: 2em 0 2em 0; padding-top: 10px; border-top: solid 1px silver;
    font-size: 12px; line-height: 17px; color: #777; }
div.img ol.footnotes, ol.footnotes.noborder { border-top: none; padding-top: 0px; }
ol.footnotes > li { margin-top: 6px; margin-left: 1.85em; text-indent: -1.85em; }
ol.footnotes > li:first-child { margin-top: 0px }
ol.footnotes > li > span.marker { display: inline-block; width: 1.5em; margin-right: 0.1em; text-align: right; }
/* enough width to fit a two-digit number with period */
div.sidenote > ol.footnotes { border-top: none; padding-top: 0em; line-height: inherit; color: inherit; }
div.sidenote > ol.footnotes > li { margin-left: 0.95em; text-indent: -0.95em; }
div.sidenote > ol.footnotes > li > span.marker { display: inline-block; width: 0.6em; margin-right: 0.1em; text-align: right; }
ol.footnotes code { color: black; font-size: 13px; }

table.proandcon { background-color: #f2f2f2; border: solid 2px #e0e0e0; page-break-inside: avoid }
table.proandcon .right { background-color: #fafafa }
table.proandcon th { font-size: 14px; font-weight: bold; color: #333; text-align: left; padding: 0.5em 1em; }
table.proandcon td { font-size: 14px; vertical-align: top; padding: 0.5em 1.2em }
table.proandcon ul { margin: 0em 0em 0.75em 1em; }
table.proandcon td li { margin-bottom: 0.5em; }

table.comparison { width: 100%; background-color: #f2f2f2; border: solid 2px #e0e0e0 }
table.comparison th { border: solid 1px #e0e0e0; background-color: #e0e0e0; padding: 0.5em;
	font-size: 14px; font-weight: bold; color: #333 }
table.comparison td { font-size: 14px; vertical-align: top; padding: 1em; width: 50%; border: solid 1px #e0e0e0 }
table.comparison td > ul { margin: 0; margin-left: 1em }
table.comparison td > ul > li > ul { margin: 0.5em 0em 0.5em 1em }
table.comparison td li { margin: 0 }

div.feedback { font-weight: bold; margin-top: 3em; }
span.highlights { font-weight: normal }

div.note { margin-top: 3em; font-style: italic; }
div.next-article-link { font-size: 14px; font-weight: bold }

/* remove outer div when FF10 comes out with fixed margin collapsing on tables */
div.item { width: 420px; margin: 1.5em auto 1.5em 0em; }
li div.item { margin-top: 1em; margin-bottom: 1em; }
table.item, dl.item { display: table; margin: 0; width: 100%; border-collapse: separate; border-spacing: 3px;
    font-family: "Trebuchet MS", "Tahoma", sans-serif; font-size: 15px; line-height: 1.40; }
dl div.row { display: table-row }
table.item td, dl.item dt, dl.item dd { display: table-cell; }
table.item td.qlabel, table.item td.alabel, dl.item dt { vertical-align: top;
    padding: 0.25em 0.05em 0.25em 0.15em; width: 1em;
    color: #7ab79e; font-weight: bold; font-style: italic; cursor: help; }
table.item td.q, table.item td.a, dl.item dd { vertical-align: top; padding: 0.5em 0.6em;
    background-color: #dfefea; color: #1e747b; border-radius: 4px;
}

/* defpages */
ol.definitions { margin-top: 1.5em; margin-left: 1.7em; }
ol.definitions li { margin-bottom: 2em; }
ol.definitions div { margin-bottom: 0.5em; }
ul.ex { list-style-type: none; }
div.ex { margin: 1em 0em 1.5em 1.5em; }
div.ex > div, ul.ex > li { font-style: italic; margin: 0em 0em 0.5em 0em; color: #266; }
span.speechpart { font-size: 55%; }
div.pronunc { font-weight: normal; font-size: 16px; margin-bottom: 20px }
div.pronunc div.pronunc-help { font-size: 12px; font-weight: normal; margin-top: 0.2em; }
div.pronunc code { color: black } /* words, terms */

table.wordlist td { vertical-align: top; padding: 0em; padding-right: 1.5em; font-size: 16px; line-height: 1.25 }
span.wordtype, span.cf { color: #808080; font-size: 10px; }

/* forum */
/* this is only used in one page, but one that is frequently loaded */
table.findex th, table.findex td { padding: 0.1em; padding-bottom: 0.3em; line-height: 1.25 }
table.findex a { text-decoration: none; }
table.findex a:hover { text-decoration: underline; }
table.findex th.thread { text-align: left }
table.findex th.messages { text-align: center }
table.findex th.lastmessage { padding-left: 10px; text-align: left }
table.findex td.thread { text-align: left; }
table.findex td.bullet { vertical-align: top; padding-right: 0.5em; }
table.findex td.messages { font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 14px; color: #555; text-align: center; }
table.findex td.lastmessage { font-family: "Trebuchet MS", Tahoma, sans-serif; text-align: left; font-size: 12px; padding-left: 10px; color: #555 }
span.pagelist { font-size: 75%; color: gray }
span.pagelist a { text-decoration: underline }

div#forumintro { background-color: #ede8d6; line-height: 1.30; padding: 1em 1.1em; margin: 1.5em 0em; }

/* padding-top prevents mainmenu margin from collapsing */
body.forum.index div#left, body.forum.topic div#left { float: left; vertical-align: top; padding-left: 6px; padding-right: 22px; width: 160px; }
div#skyscraper { width: 160px; height: 600px; margin-bottom: 33px; }
div#skyscraper2 { width: 160px; height: 600px; }

div#menubox { border: dotted 2px #a0c0c0; padding: 3px; width: 110px; margin-left: 40px; margin-bottom: 30px }
div#menubox div.opt { padding: 3px 7px; font-weight: normal;  }
div#menubox div.opt#sel { background: #eee; color: #007070; font-weight: bold; }
div#logininfo { font-size: 13px }
div.modlink { margin-top: 1em; font-size: 13px }

/* best of forum */
ul.threads { margin-left: 1.2em; line-height: 1.25 }
ul.threads > li { margin: 0em; margin-bottom: 0.35em; }
ul.threads > li > a { text-decoration: none; }

div.post { margin-bottom: 1.5em; width: 100% }
div.post > div.header { padding: 0 0 0.5em 0; ssssline-height: 1.25; }
div.post > div.msg { background: #eee; padding: 1em; line-height: 1.40 }
div.post > div.header span.authorid { font-style: normal; padding-top: 0.5em }
div.post > div.header span.time { font-size: 12px; color: #888; white-space: nowrap; }

div.pagination { font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 15px; text-align: center; margin: 2em 0em; }
div.pagination span.pages a { color: black; font-weight: normal }

/* reply form */
div#reminder { color: #005050; font-size: 100%; font-family: "Georgia", serif; margin-top: -1.2em; margin-bottom: 2em }
textarea#msg { margin-bottom: 1em; width: 39em; height: 22em; }
input#subject { width: 35em }
input#authorname { width: 22em }


/* == PRINT STYLESHEET == */
@media print {
    /* font faces */
    body, body.mediawiki { font-family: "Palatino Linotype", "Palatino", "Times New Roman", serif; }
    h1, h2, h3, div.subh1, div.superh1, div#copyright, div.sidenote, div.sidenote h3 {
        font-family: "Palatino Linotype", "Palatino", "Helvetica", "Arial", sans-serif;
    }
    code { font-family: "Calibri", "Doulos SIL", "Charis SIL", "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
    
    /* font sizes */
    body, pre { font-size: 10pt }
    code { font-size: 100%; } /* in screen stylesheet code is smaller than body text */
    h1 { font-size: 20pt }
    h2 { font-size: 13pt }
    h3 { font-size: 11pt }
    div.sidenote { font-size: 10pt; }
    div.sidenote h3 { font-size: 11pt; }
    div.img div.caption { font-size: 8pt; }
    div.img div.attribution { font-size: 8pt; }
    div.img div.options { font-size: 8pt; }
    blockquote:before, div.example:before { font-size: 42pt; color: #57AD7E }
    blockquote cite, div.example cite { font-size: 8pt }
    table.tab td, table.tab th { font-size: 10pt; }
    table.tab td code { font-size: 100%; }
    table.phon caption { font-size: 10pt; }
    table.phon td, table.phon th { font-size: 10pt }
    table.phon td.listen { font-size: 8pt; }
    table.phon td.ftnote { font-size: 7pt; }
    ol.footnotes { font-size: 8pt }
    ol.footnotes code { font-size: 100% }
    table.proandcon th { font-size: 10pt }
    table.proandcon td { font-size: 10pt; }
    table.comparison td { font-size: 10pt; }
    table.comparison th { font-size: 10pt; }
    div.next-article-link { font-size: 10pt; }
    table.item, dl.item { font-size: 9pt; }
    
    body { color: black; padding: 0; margin: 0; min-width: none; max-width: none; }
    h2, h3 { margin-top: 15pt; margin-bottom: 7.5pt }
    h1 { margin-top: 1cm }
    
    div.banner, div.leaderboard { display: none }
    td#column-left, td#column-left-bottom, div#site-footer, div#page-footer,
    div#site-search, div.mainmenu, div#breadcrumbs, body.mediawiki td#column-right { display: none }
    .editsection { display: none }
    body.mediawiki #bodyContent a.external { background: none; padding-right: 0px; }
    
    div.goog-te-ftab-float { display: none }
        
    td#column-content { margin: 0; padding: 0 3em; border: none; border-left: none; max-width: none; min-width: none; }
    td#column-content div#content { margin: 0 80px 0 0; max-width: 38em; }
    div#single-column { margin: 0 3em; padding: 0; max-width: 38em; }
    div.sidenote, div.img.float, h1 { margin-right: -80px }
    /* div.multicol { -moz-column-count: 2; -moz-column-gap: 2em; } */
    
    div#site-header { margin: 0.5cm 0 0 0; width: 100%; }
    img#site-logo { width: 6cm; height: auto; border: none; position: absolute; left: auto; right: 1cm }
    div#author { display: none }
    div#copyright { display: block; margin-top: -2em; margin-bottom: 3em; color: #308080; font-style: italic; font-size: 10pt; }
    blockquote, div.example { margin-left: 0cm; margin-right: 0.1cm; padding-left: 2.5em; padding-right: 0em; }
    div.item { margin: inherit 0; padding: inherit 0; width: auto; max-width: 300px; }
    table.item td.q, table.item td.a, dl.item dd { border: solid 1px #aaa }
    div.img cite, blockquote cite { color: #505050; }
    a.word:link, a.word:visited { color: inherit }
    a:link, a:visited, a.main:link, a.main:visited { color: #275 }
    span.word { color: inherit }
    span.corr { border-bottom: solid 1px red } /* carefulwriting.htm */
    
    div.sidenote { border: solid 3px gray; background: transparent; }
    /*
    div.multicol div.sidenote, div.multicol div.img.float { float: none;
        margin: 1.5em 0cm; width: auto !important; height: auto !important; }*/
    /* make sure any wide sidenotes and floated images take up no more than the width of the column
        !important overrides any inline style declarations */
    div.img.float div.options { display: none }
    img { max-width: 100% !important; height: auto !important; }
} /* end print stylesheet */