*.hide { display: none; }

body {
 color: white;
 background: black url("../images/star_tile.gif") fixed;
 font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
}

blockquote {
 margin: 1em 1em 1em 2em;
 padding: 0 2em 0 0;
 quotes: none;
 display: list-item;
 list-style-image: url("../images/quote-start.gif");
 background: transparent url("../images/quote-end.gif") right 90% no-repeat;
 font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote > div:first-letter {
 font-style: italic;
 font-size: 2em;
 font-weight: bold;
 text-transform: uppercase;
 color: #7d7d7d;
 vertical-align: -10%;
 padding-right: 0.1em;
}

img#countrycode {
 vertical-align: -9%;
}

div.bq {
 border-left: 1em #a0a0a0 solid;
 margin-left: 1em;
}

blockquote:before, blockquote:after, q:before, q:after {
 content: "";
 content: none;
}

*.lcase {
 text-transform: lowercase;
}

*.largetext {
 font-size: 12pt;
}

a:link { color: blue; }
a:visited { color: #000066; }
a:active { color: red; }
a:hover { color: #6666ff; }

:focus { outline: 0; }

#verseref {
 text-align: right;
 margin-right: 3em;
}

* {
 margin: 0;
 padding: 0;
 border: 0;
}

html, body, div.table, div.td-main { height: 100%; }

body {
 text-align: center;
}

body, *.smalltext, h3 {
 font-size: 7.5pt;
}

h3 {
 padding-bottom: 0.5em;
}

div.table {
 display: table;
 width: 100%;
}

div.tr { display: table-row; }

div.td-main, address, div.css-js-alert { display: table-cell; }

div.td-main { vertical-align: middle; }

div.css-js-alert {
 color: #ffcc00;
 background: maroon;
}

div.mainarea, div.bar-top, div.bar-bottom { font-size: 0; line-height: 0; }

div.mainarea, div.bar-top, div.bar-bottom { width: 725px; }

div.mainarea {
 margin: 0 auto 15px;
 background: url("../images/menuback.png") #99cccc repeat-y;
}

div.bar-top { margin: 15pt auto 0; }

div.titlebar-mirror, div.titlebar-mirror div { height: 38px; margin-bottom: 1px; overflow: hidden; }
div.titlebar-mirror { background: url("../images/titleback-mirror.png") repeat-x; }
div.title-mirror { background: url("../images/rom-mirror.png") no-repeat right; }
div.curve-top-mirror { background: url("../images/curveup-mirror.png") no-repeat bottom left; position: relative; top: -39px; }  /* relative to titlebar-mirror */

div.titlebar, div.titlebar div { height: 45px; margin-bottom: 15px; overflow: hidden; }
div.titlebar { background: url("../images/titleback.png") #000099 repeat-x; }
div.title { background: url("../images/rom.png") no-repeat right; }
div.curve-top { background: url("../images/curveup.png") no-repeat top left; position: relative; top: -60px; } /* relative to titlebar */

img.blueline { width: 100%; height: 5px; overflow: hidden; }

div.menu { padding-top: 14pt; width: 125px; max-width: 125px; float: left; background: url("../images/menuback-glass.png") no-repeat; font-size: 7.5pt; line-height: normal; font-weight: bold; }
div.menu-width { width: 125px; height: 0; }
div.menu ul { list-style-type: none; padding-bottom: 2em; }
div.menu ul.list-inline li { display: inline; }
div.menu ul.list-inline li.list-inline-break:after { content: "\A"; white-space: pre; }
div.menu { color: #6666ff }
div.menu, div.menu a:link, div.menu a:visited { color: #6666ff; text-decoration: none; }
div.menu a:hover { text-decoration: underline; }

div.bar-bottom { clear: left; margin: auto; }

div.bluebar, div.bluebar div, div.bluebar-mirror, div.bluebar-mirror div { height: 15px; }
div.bluebar { background: url("../images/blueline-bottom.png") #000099 repeat-x; margin-bottom: 1px; }
div.curve-bottom { background: url("../images/curvedown.png") no-repeat bottom right; }

div.bluebar-mirror { background: url("../images/blueline-mirror.png") repeat-x; }
div.curve-bottom-mirror { background: url("../images/curvedown-mirror.png") no-repeat top right; }

div.stats { height: 82px; overflow: hidden; padding: 15pt 0 12px 0; font-size: 0; }
div.stats a { text-decoration: none; }
div.stats #clicker span.digits { position: relative; top: -38px; left: -39px; } /* relative to clicker-back.gif */
div.stats #vhtml, div.stats #vcss { padding-right: 30px; }
div.stats #host, div.stats #ibs { padding-right: 3px; }
div.stats #gapps, div.stats #blogger { padding-right: 4px; }

address {
 font-style: normal;
 padding: 12pt 0;
 vertical-align: bottom;
}