/* Style sheet for The Oo Kingdom, Version 18.01
   Jim Petitt Memorial Edition
   Latest update July 21, 2010 */

/* Elements and attributes to eliminate in the rebuild process */

h4 {padding: 0.25em 1em; background: purple; color: white;}
div.textbox {background: orange; color: black;}
acronym {background: blue; color: yellow; font-size: larger;}
hr, tt, big {border: 5px dashed red;}
a.ext {font-size: 1.5em; background: #ffd700; color: #c00;}



@media all {

html {	background-color: white; color: black;
	background-image: url(100404_135632.jpg);
	background-position: 100% 0;
	background-attachment: fixed;
	min-height: 101%;
	}
body {	position: relative; margin: 0 auto;
	width: 800px; padding: 51px 0 1px 0;
	background-color: white; color: black;
	background-image: url(ookbanner.gif);
	background-position: 3px 0;
	background-repeat: no-repeat;
	}



/* Structure */

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

header, section, article, footer {margin-left: 16px; width: 526px;}
#writings header {background: #c4bebe; color: black;}

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



/* Typography, headings, paragraphs, lists */

body {	font-size: 100%; line-height: 1.3125;
	font-family: Corbel, "Gill Sans", "Gill Sans MT", Arial, "Helvetica Neue", FreeSans, "Liberation Sans", "Nimbus Sans L", Helvetica, sans-serif;
	}

p {text-align: justify; margin: 1em 0;}
h1, h2, h3 {font-family: Candara, "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Liberation Sans", sans-serif;}
h1 {margin: 0.54em 0 0 0; font-size: 1.875em; line-height: 1.1em;}
h1#notag {padding-bottom: 0.54em;}
h2 {margin: 0.60em 0 0.03em 0; font-size: 1.375em; line-height: 1.1em;}
h3 {margin: 0.69em 0 -0.06em 0; font-size: 1.1875em; line-height: 1.11em;
	font-weight: normal; font-style: italic;}

nav p, nav ul, nav ol, nav dl, table, footer p, footer dl, p.tagline {
	font: 0.8125em/1.385 Arial, "Helvetica Neue", "DejaVu Sans Condensed", "Nimbus Sans L", "Liberation Sans", FreeSans, Helvetica, sans-serif;}
table {margin: 1.24em auto;}
p.tagline {margin: 0 0 1em 1em;}
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;}



/* Navigation blocks */

nav {	position: absolute; top: 51px; left: 558px;
	width: 216px; padding: 0 13px;
	background: white; color: black;}
nav p {text-align: left;}

nav#supplemental, nav#columns, header nav {
	position: static; margin-left: 16px; width: 526px;
	padding: 0; border-top: 3px solid #804000;
	background: white; color: black;}
nav#columns {width: 779px;}
header nav {margin-left: 0;}
.column {float: left; width: 33%;}

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



/* Links, miscellaneous styles */

a:link {background: inherit; color: navy;}
a:visited {background: inherit; color: purple;}
a:hover {background: yellow; color: navy;}
a:active, a:focus {background: yellow; color: red;}

img {border: none;}
abbr {border-bottom: 1px dotted; cursor: help;}

.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;}
td {background: white; color: black;}

table + p {margin-top: 0;}

fieldset {margin-left: 1em; padding: 0 10px;}
legend {font-style: italic; background: white; 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.875em/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 stuff */

#home h1 img {position: absolute; top: 0; left: 3px;}

/* for "Counting the Days" */

.howlong {font-size: 1.77em; 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: 246px; padding-right: 16px;
	border-right: 2px solid #804000;}
.half2 {float: left; padding-left: 16px; width: 246px;}



/* 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: 0.60em 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: 747px; border-top: none;}
#gallery h1 {font-size: 1.25em; font-style: italic;}
#gallery footer p {clear: both; padding-top: 1em;}

} /* end of all-media styles */



@media print {

body, header, section, article, footer {width: auto; margin: 0;}
body {padding: 1px 0; font-size: 12pt;}
body#home {padding: 51px 0 1px 0;}
#home h1 img {left: -13px;}

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

}