/* filename: hh-main17.css - stylesheet for hh-new17.htm updated 1/9/12 */
/* Colors: FEF798 is biege banner background for page color;
395239 is dark green; E1E2DD is light gray;
FFFFACD is content background; FFFFCC is old beige background */
/* Below html and series put in from version 13 all clear stuff */
html {
width: 100%;
height: 100%;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0;
padding: 0;
}
body {
margin: 0; padding: 0;
background: #FFF798; /* FFF798 is light beige */
font: Times New Roman, Times, serif;
font-size: 100%;
}
p {
margin: 0 0 1em 0;
color: black;
}
#indent {
text-indent: 20;
}
.dropcap:first-letter {
padding-right: 1px;
padding-left: 0px;
font-size: 2em;
font-weight:bold;
left: 0px;
float: left;
padding-bottom: 5px;
padding-top: 5px;
}
h1 {
text-shadow:-2px 4px 3px #333333
}
/* NEED TO MAKE two sets of headlines, one with shadow, one without; note CONTENT h1 h2 below */
#bannertop {
background: #395239;
background-image:url('bgleaves.jpg');
background-repeat:repeat;
width: 100%;
height: 200;
padding: 12 0 0 0;
}
#bannerbot {
background: #FFF798;
width: 100%;
height: 196;
}
#bannerbotsm {
background: #FFF798;
width: 100%;
height: 106;
}
#container {
width: 100%;
}
#content {
/* display: block;
overflow:hidden; */
width: 720px;
font-size: 1.1em;
padding: 2em 1em 2em 1em;
background: #FFF798;
margin-right: auto;
margin-left: auto;
text-align: left;
}
/* was #F5F5DC very light gray; now #FFFACD */
/* Below put in for Indian Mound cemetery listing */
#cemetery {
/* display: block;
overflow:hidden; */
width: 1040px;
font-size: 1.1em;
padding: 2em 1em 2em 1em;
background: #F5F5DC;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#centerbox {
/* display: block;
overflow:hidden; */
width: 580px;
font-size: 1.1em;
padding: .5em 1em 2em 1em;
background: #FFF798;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#newspap { /* use for Review articles */
/* display: block;
overflow:hidden; */
width: 700px;
font-size: 1.1em;
padding: 2em 2em 2em 2em;
background: #E1E1E1; /* E1E1E1 best light or try CDC9C9 darker or - EEDD82 tan */
-moz-border-radius: 20px;
border-radius: 20px;
margin-top: 40px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
text-align: left;
}
#histbook { /* use for old book articles */
/* display: block;
overflow:hidden; */
width: 700px;
font-size: 1.1em;
padding: 2em 2em 2em 2em;
background: #EEDD82; /* EEDD82 tan */
-moz-border-radius: 20px;
border-radius: 20px;
margin-top: 40px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
text-align: left;
}
#content h1 b {
color: #B0D742;
font-size: 1.4em;
}
#content h2 {
margin: 0.5em 0; padding-bottom: 0.25em;
font-size: 1.2em;
}
#indent1 {
margin: 0.7em 1.5em; padding-bottom: 0.25em;
}
#edcomment {
width: 672px;
background: #F0F3E9;
padding: 10px 20 0 20;
margin-bottom: 20px;
text-align: left;
font-size: .9em;
font-family: Arial,sans;
border-width: 5px;
border-color: #708090;
border-style: outset;
}
/* EdComment is not centered correctly */
#widepic {
background: #FFFACD;
margin-right: auto;
margin-left: auto;
width: 990px;
}
#footer {
background: #3c5337;
background-image:url('bgleaves.jpg');
background-repeat:repeat;
width: 100%;
margin: 0px 0 0 0;
padding: 10px 0 5 0;
}
#navbox {
width: 164;
text-align: left;
padding: 5px 5 5 5;
margin: 0 0 1px 6;
float: right;
border: 3px solid #4169E1;
color: navy;
background: silver;
}
/* NOTE Welcome div below only appears on opening page */
#welcome {
margin: 0 0 24 0;
text-align: left;
}
#welcome h1 {
font-size: 1.6em;
color: #333333;
}
#welcome h2 {
font-size: 1.2em;
color: #333333;
}
/* Below added from ver. 13 */
/* Floatbox is container for text boxes or images floated to the right to help solve the margin problem with different browsers */
/* added display: inline; */
#floatbox {
position:relative;
float: right;
background: #FFF798;
display: inline;
margin: 10px,2,0,6;
width: 220px;
}
/* author is for: Author box in articles */
#author {
margin: 0 0 20 20;
/* width: 180px; TEMP */
padding: 12;
background: #D2B48C;
border: 4px solid #A0522D;
color: black;
font-size: .9em;
}
#floatleft {
position: relative;
float: left;
display: inline;
margin: 10px,6,0,0;
width: 230px;
}
#floatright {
position:relative;
float: right;
display: inline;
margin: 10px,0,0,6;
width: 230px;
}
/* TextBox is for: text box inserts in articles left or right - left works better */
#textbox {
width: 180px;
padding: 12;
background: #FFFACD;
border: 4px solid #BDB76B;
border-radius: 12px;
box-shadow: 3px 3px 10px #666;
color: black;
font-size: .9em;
}
/* #BDB76B is dark khaki */
/* Special notice text boxes */
#special1 {
margin: 0 0 20 10;
width: 168px;
float: right;
padding: 8;
background: #D3D3D3;
border: 4px solid #FF0000;
color: black;
}
/* Background - #D3D3D3 is LightGray; #0000FF is Blue; #DEB887 is Burlywood; #F4A460 is SandyBrown; #C0C0C0 is Silver */
/* Borders - #FF4500 is OrangeRed; #FF0000 is Red; #0000CD is MediumBlue */
#special2 {
margin: 0 0 20 10;
width: 172px;
float: right;
padding: 8;
background: #FFEBCD;
border: 4px solid #0000CD;
color: black;
}
#album {
width: 780px;
padding: 20;
background: #9C9C9C;
}
/* for quotes Extracted from text; left border is DimGray */
/*