/* $Header: /home2/whbjr/www/stormy/RCS/stormy.css,v 1.1 2015/10/18 18:30:56 whbjr Exp $ */

body {
 background: #E0E0E0;
 color: #333;
 font: 80% "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
 margin: 0; 
 padding: 0;
}
hr { border: none; border-top: 1px solid #DDDDDD; margin: 4px 0; }

div.title {
 position: absolute; top: 8px; left: 0; right: 0;
 overflow: hidden;
 margin: 8px 0 0 0;
 padding: 0 0 0 8px;
 font: 32pt Rockwell,Times-Roman,Courier,serif; color: white;
 text-shadow: 1px 1px black;
 background: #CCC url(img/stormy-1680.png) left top no-repeat;
 height: 1.2em;
}

div.nav {
 float: left;
 width: 5.2em;	/* = info_outer.margin, scaled for our font size */
 margin: 0; padding: 80px 0.5em 0 0; /* padding-top moves it below .title */
 font: 16pt Rockwell,Times-Roman,Courier,serif; color: #444;
 text-align: right;
}

div.info_outer {
 background: #CCCCCC url(img/stormy-282.png);
 margin: 0 0 0 10em;	/* margin-left ∝ nav.width */
 padding: 80px 0 1em 0;
}
div.info {
 margin: 0 20px 10px 20px; padding: 0.5ex 1em;
 background: #EDEDED;
 border: 1px solid #333;
 overflow: auto;
 max-width: 66em;
}
div.info h1 {
 font: 166% Rockwell,Times-Roman,Courier,serif bold; color: #444;
 margin-top: 0; margin-bottom: 0.1ex;
}

/* Initial settings (tunes): dots = visible, text = hidden */
span.dot  { display: inline; font-weight: 800; }
span.ttxt { display: none; }

div.foot {
 float: left;
 text-align: right; font-size: 75%;
 margin: 0 0 0 13.3em;	/* left = info_outer.margin, scaled for our font size */
}
div.foot p { margin-top: 0; }