/* Just the layout, none of the colors, for shallowsky.com top */

#masthead {
    width: 95%;
    background: black url("images/stars.jpg") repeat-x;
    border: 4px outset black;
    text-align: center;
    margin: 0 auto;
    min-height: 90px;
    position: relative; /* no-op EXCEPT it lets children be abs positioned */
}

#masthead img {
    margin: auto 0 auto 0;
    z-index: 99;
}

img#mastheadtext {
    margin: .3em auto 0 auto;
    /*vertical-align: middle;  /* doesn't work */
    position: relative;
    z-index: 10;
}

#preface {
	padding: .5em 4.5em;
}

/* cat-hdr margin-top puts space between hdr and text above it, but not
   between hdr and cat-icon above, need cat-icon margin-bottom for that.
 */
.cat-hdr { font-weight: bold; font-style: italic; font-size: 1.1em;
           padding: .5em 1em;
           margin: 1.8em 1.5em .8em 1.5em;
           border: 1px inset black;
           clear: both; }

.minorcategory { font-weight: bold; font-style: italic; padding-top: .5em; }

.cat-icon { float: left; width: 140px; margin-bottom: 1em; }
.cat-icon img { float: right; border: 0; }

.details { margin-left: 160px; }

#rightbox { float: right; }
#searchbox { text-align: right; }

#faq {
	padding: .1em 1em; 
	border: 2px inset black;
}

.iconbox { float: left; padding-right: 1em; }
.iconbox a img { vertical-align: bottom; }