/* "Naked" styles for The Oo Kingdom, Version 19
   Latest revision January 23, 2012 @ 00:15 cst

   Not entirely naked, just stripped down to the bare essentials.
   Think of a bodybuilder in posing trunks, or a pretty girl in
   a swimsuit. ~ Everyone gets these styles, so they're guaranteed
   safe, even if they don't all work on some devices :) */

body {	margin: 0 auto; padding: 0 1em 2em 1em;
	background: white; color: black;
	font-size: 94%; line-height: 1.467;}

h1, h2 {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, "Nimbus Sans L", "DejaVu Sans Condensed", sans-serif;
	background: white; color: #070;}
body, #gallery h1 {
	font-family: Georgia, "Hoefler Text", "URW Palladio L", "Palatino Linotype", Palatino, "Century Schoolbook L", serif;}

nav p, nav ul, footer, p.after {
font-family: Arial, Helvetica, "Nimbus Sans L", "DejaVu Sans Condensed", sans-serif;
font-size: 0.867em; line-height: 1.539;
}

header, section, article, footer, nav {display: block;}
section, article, footer, nav, header nav {border-top: 3px solid silver;}

h1, h2, h3 {font-weight: normal; line-height: 1.2;}

h1 {font-size: 1.94em; margin: 0.6em 0 0.5em 0;}
h2 {font-size: 1.4em; margin: 0.8em 0 0.7em 0;}
h3, #gallery h1 {font-size: 1.2em; margin: 0.8em 0; font-style: italic;}

p {margin: 1em 0 1.47em 0;}
p.after {margin: -1.08em 0 1.7em 1.08em;}

ul, ol {margin: 1em auto; /* for IE7; fixes horizontal spacing */
	padding-left: 1.25em;}

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

dl {margin: 1.47em auto;}
dd {margin-left: 2.5em;}

/* The following rule is ONLY for small screens (read: mobile).
   IE6 and older botch "height: auto" and grossly elongate images.
   IE5.5 still finds it in the media block, so html>body hides it
	from that browser.
   For some reason, IE7, 8 and 9 don't observe "height: auto" if
	height is specified in the HTML, but that's okay. */

@media screen and (max-width: 779px) {
html>body img {max-width: 100%; height: auto;}
}

a img {border: none;}

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

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

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



/* Tables and forms */

table {margin: 0 auto 1.47em auto; width: 100%; border-collapse: collapse;}
th, td {padding: 3px 10px 3px 5px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid silver;}
th {font-weight: normal; font-style: italic;}

form {margin: 1.47em auto;}
fieldset {padding: 0 1em;}
legend {font-style: italic; background: white; color: black;}



/* Weather pages */

th.month, th.mean {width: 33%;}
th.lowest, th.highest {width: 17%;}

tr.first td {padding: 3px 10px 0 5px; border-bottom: none;}
tr.second td {padding: 0 10px 3px 21px; background: inherit; color: maroon;}

.date, .day, .low, .high {width: 10%;}



/* Fixed-width elements */

pre, code, var, samp, kbd {
font: 0.934em/1.5em Monaco, "Lucida Console", "Liberation Mono", "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Nimbus Mono L", monospace;}

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

pre {padding: 0.5em 0; overflow: auto;}



/* 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/christmas-gif
   The clear on #ummgreeting is for big screens and print */

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