/* Style sheet for The Oo Kingdom, Version 20.1
   Latest revision 3 October 2014 @ 23:32 cdt */

@import url(https://fonts.googleapis.com/css?family=Kavoon|Merriweather+Sans:400,400italic,700,700italic);
@import url(v201a.css) screen and (min-width: 50em);
@import url(iPhone20.css) screen and (max-device-width: 480px);

body {	font-family: "Merriweather Sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	background: #ffe4e1; color: black;
	font-size: 87.5%; line-height: 1.643;}

p.after, footer, nav ul, nav p, #col2 p, #col2 dl, #col2 table {
	font-size: 0.86em; line-height: 1.75;}

nav ul ul {font-size: 1em;}

h1, h2, h3, #homelink {font-weight: normal;
	font-family: Kavoon, "Franklin Gothic", "Franklin Gothic Medium", Tahoma, sans-serif;}

h1 {font-size: 2.15em; line-height: 1.27; margin: 0.5em 0;
	background: inherit; color: #272;}
h2 {font-size: 1.58em; line-height: 1.28; margin: 0.7em 0;
	background: inherit; color: #272;}
h3, #gallery h1 {font-size: 1.29em; line-height: 1.34em; margin: 0.8em 0;
	background: inherit; color: #753;}
#homelink {font-size: 1.84em; line-height: 1.37em;
	background: inherit; color: #272;}

header h1 {font-size: 2.86em; color: #753;}
header p {margin: -1em 0 1.6em 0.1em;}

p, ul, ol, dl {margin: 1.6em auto;}
p.after {margin: -1.2em 0 1.75em 0.75em;}

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

dd {margin-left: 1.5em;}

hr {border-top: 1px solid #aaa; border-bottom: 2px solid #aaa;}

/* The following rule is ONLY for small screens.
   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 and 8 don't observe "height: auto" if
	height is specified in the HTML, but that's okay. */

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

a img {border: none;}

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

nav a, h2 a {text-decoration: none;}
nav a:hover, h2 a:hover {text-decoration: underline;}
nav ul ul {margin: 0 auto;}

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

.center {text-align: center;}
.right {text-align: right;}



/* Tables and forms */

table {margin: 0 auto 1.6em 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.6em auto;}
fieldset {padding: 0 1em;}
legend {font-style: italic; background: inherit; 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: small/1.616 Monaco, "Lucida Console", "Liberation Mono", "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Nimbus Mono L", monospace;}

pre {padding: 0.616em 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;}