/* Style sheet for The Oo Kingdom, Version 18.01
   (Jim Petitt Memorial Edition)
   Interim, in anticipation of Version 19 - Work is in progress
   Latest update 2 June 2011 */

@media all {

html {	background-color: #ffff80; color: black;
	background-image: url(design/yellow.gif);
	min-height: 100%; padding-bottom: 1px;
	}
body {	position: relative; margin: 0 auto;
	max-width: 54em; min-width: 735px; padding: 1px 0;
	background: white; color: black;
	}



/* Structure */

header, nav, section, article, footer, aside, figure {display: block;}
section, article, footer {border-top: 3px solid #9c9;}
article section {border-top: 1px solid #9c9;}
.noroof {border-top: none;}

header, section, article, footer {margin-left: 2%; margin-right: 32%;}
#writings header {background: #c4bebe; color: black;}

/* Nested headers and sections */
section header, article header, section section, article section {
	margin-left: 0; margin-right: 0;}



/* Navigation blocks */

nav {position: absolute; top: 0; left: 70%; width: 30%;
	background: #ffe4e1; color: black; padding: 1px 0;}
nav p, nav dl {text-align: left; padding: 0 1.36em;}
nav ul {padding: 0 1.36em 0 3.36em;}
nav h2 {padding: 0 0.8em;}
nav h3 {padding: 0 0.95em;}

nav#supplemental, nav#columns, header nav {
	position: static; width: auto;
	border-top: 3px solid #9c9;
	background: #fffacd; color: black;}
nav#supplemental, nav#columns {margin-right: 30%;}
.column {float: left; width: 33%;}

nav a {text-decoration: none;}
nav a:hover {text-decoration: underline;}



/* Typography, headings, paragraphs, lists */

body {	font-size: 112.5%; line-height: 1.334;
	font-family: Times, "Times New Roman", "Nimbus Roman No9 L", "Linux Libertine", "Liberation Serif", Utopia, FreeSerif, serif;
	}

p {text-align: justify; margin: 1em 0;}

h1, h2, h3 {font-weight: normal; line-height: 1.2; margin-bottom: 0;}
h1 {font-size: 1.778em; background: inherit; color: green;}
h1#notag {padding-bottom: 0.57em;}
h2 {font-size: 1.334em; background: inherit; color: maroon;}
h3 {font-size: 1.112em; font-style: italic;
	background: inherit; color: maroon;}

nav p, nav ul, nav ol, nav dl, td, footer p, footer dl {
	font: 0.723em/1.462 "Trebuchet MS", Arial, "Helvetica Neue", "DejaVu Sans Condensed", "Nimbus Sans L", "Liberation Sans", FreeSans, Helvetica, sans-serif;}
table {margin: 1em auto;}
p.tagline {margin-top: 0; font-size: 0.889em; font-style: italic;
	padding-left: 0.75em;}
p.tagline em {font-weight: bold;}
footer p, footer dl {margin: 1.24em auto;}

ul, ol {margin: 1em auto; padding-left: 2em;}
nav ul {list-style-type: none; text-indent: -2em;}

ol ol {list-style-type: lower-alpha;}

dl {margin: 1em auto;}
dd {margin-left: 1.32em;}



/* Links, miscellaneous styles */

a:link {background: inherit; color: navy;}
a:visited {background: inherit; color: purple;}
a:hover {background: #ffd700; color: maroon;}
a:active, a:focus {background: #3f0; color: black;}

img {border: none;}
abbr {border-bottom: 1px dotted; cursor: help;}
cite, dfn {font-style: italic;}

.hidden {display: none;}
.center {text-align: center;}
.right {text-align: right;}
.nobreak {white-space: nowrap;}



/* Floats and Clears */

.fl {float: left; margin: 0 1em 0.5em 0;}
.fr {float: right; margin: 0 0 0.5em 1em;}
dl.fr {width: 46%; margin-left: 2em;}

.cl, section, article {clear: left;}
.cr {clear: right;}
.cb, footer {clear: both;}



/* Tables and forms */

table {border-collapse: collapse;}
th, td {padding: 5px; border: 1px solid silver;}
th {background: #ffc6d7; color: black;
	font-size: 0.889em;
	font-weight: normal; font-style: italic;}
td {background: white; color: black;}

table + p {margin-top: 0;}

fieldset {padding: 0 10px;}
legend {font-style: italic; background: inherit; color: black;}



/* Monospace - don't specify generic!
   Firefox, Chrome and Safari will make it too small.
   Remedy: stack fonts people are likely to have on
   Windows, Mac or Linux, and hope for the best */

pre, code, var, samp, kbd {
font: 0.778em/1.286em Consolas, "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Liberation Mono", "Andale Mono", "Nimbus Mono L", "Courier New", Courier, FreeMono;
}

pre code, pre var, pre samp, pre kbd {font-size: 1em;}

pre {margin-left: 1.15em; overflow: auto;}



/* Home page - for "Counting the Days" */

.howlong {font-size: 1.5em; text-align: center;}



/* For holiday calendar - Definition list */

#calendar dt {float: left; width: 7em;}
#calendar dd {margin-left: 7em; border-left: 1px solid black;
	padding-left: 2.32em; text-indent: -1.32em;}



/* Divided pages */

.half1 {float: left; width: 47%;}
.half2 {float: right; width: 47%;}



/* Weather charts */

.date, .low, .high {white-space: nowrap;}
.precip {width: 15%;}



/* Words of Jesus */

.divine {background: inherit; color: #c00;}



/* While Shepherds Watched Their Flocks
   www.ookingdom.com/holiday/shepherds */

#shepherds {background: black; color: white; border: solid #ffd700;
	margin: 1em 0; padding: 0 1em;}



/* Our Christmas GIF to You
   www.ookingdom.com/holiday/christmasgif */

#ummsanta {float: left; width: 257px; padding-top: 9px;
	background: #9cf; color: black; text-align: center;}
#ummsanta img {margin-bottom: 1em;}
#ummsong {margin-left: 273px;}
#ummsong p {text-align: left;}
#ummgreeting {clear: left; padding: 1em 0; text-align: center;}



/* Image Gallery
   www.ookingdom.com/gallery/ */

#gallery {padding: 1px 0; background-image: none;}
#gallery header, #gallery section, #gallery footer {
	margin-left: 16px; width: 807px; border-top: none;}
#gallery h1 {font-size: 1.112em; font-style: italic;}
#gallery footer p {clear: both; padding-top: 1em;}

} /* end of all-media styles */



@media only screen and (max-width: 734px) {

body {min-width: inherit; font-size: 100%;}
header, section, article, footer {margin-left: 0.5em; margin-right: 0.5em;}
nav {position: static; width: auto;}
nav#supplemental, nav#columns {margin-right: 0;}
.half1, .half2 {float: none; width: auto;}

} /* end of narrow screen styles */



@media print {

body, header, section, article, footer {
	background: white; color: black;
	width: auto; margin: 0;}
body {padding: 1px 0; font-size: 12pt;}

#shepherds {background: white; color: black; border: none; margin: 2em;}
nav, .noprint, #prevnext, #gallery footer {display: none;}

#gallery a {text-decoration: none; background: white; color: black;}
#gallery .fr {float: none; margin: auto;}

abbr {border-bottom: none;}

.newpage {page-break-before: always;}

}