/*default settings based on shelfimage topic 09/12/07 - 08/06/08 Killersites.com old CSS forum, initial css settings and sticky 08/06/08*/

/*----------Resets---------- */
/*html { overflow: -moz-scrollbars-vertical; } does not valdate*/
body, address, blockquote, dl, ol, ul, form, fieldset, a { margin: 0; padding: 0; }
fieldset, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; overflow: hidden; }
caption, th, td { text-align: left; }

/* ----------Defaults--------- */
html { font-size: 100.01%; height: 101%; } /* 100.01% and 101% forces scrollbar on short length pages in Firefox and IE8 to stop side shift when moving to another page; moz style in html above is for Firefox only; (sometimes 100.01% and 101% not used if short pages look OK without a dummy scrollbar)*/

body, pre { height: 100%; font: 62.5%/1.3 "Times New Roman", Times, serif; } /*62.5% makes 1em = 10px as normal browser default is 16px * 62.5% = 10px; 1.3 is line-height*/

/* ----------Typography---------- */
h1, h2, h3, h4, h5, p { padding: 0; } 
h1 { font-size: 4em; text-align: center; margin: 0.6em 0 0.5em 0; color: #008080; }
h2 { font-size: 3em; margin: 0.6em 0 0.5em 0; color: #008080; }
h3 { font-size: 2.5em; margin: 0.6em 0 0.5em 0; color: #008080; }
h4 { font-size: 2em; margin: 0.6em 0 0.5em 0; color: #008080; }
h5, h6 { font-size: 1.6em; color: #008080; }
p, li, address, pre { font-size: 1.6em; color: #555; font-weight: 600; }

h5, h6, p, li, address, pre { margin: 0.6em 0 0.5em 0; }
noscript p { font-size: 1.0em; }
#footer p { margin: 0.3em 0 0.2em 0; }

 /*pre doesn't operate ems unless also in Defaults with body*/
/*0.3em if used for margin causes different side margin or padding indent for h and p tags with different size text so px preferred*/
li li { font-size: 100%; }
strong {  } /* just default bold, under 600 all normal, 600 or above all the same bold weight */ 
.large { font-size: 2em; }
.small { font-size: 1.4em; font-weight: normal; }
.xsmall { font-size: 1.2em; font-weight: normal; }
.textcenter { text-align: center; }
.highlight { font-weight: 700; color: #ff4500; }
.subtitle { font-size: 1.2em; text-align: center; font-weight: normal; }
.toph1 { font-size: 4em; margin: 6px 0; text-shadow: #cccccc 3px 4px 2px; }
.header2 { font-size: 2em; margin: 8px 0 2px 0; text-align: center; color: #bbbbbb; }
.toph4 { font-size: 4em; text-align: center; margin: 0.6em 0 0.5em 0; text-shadow: #cccccc 3px 4px 2px; }

.padding20 { padding: 0 20px; }


/* ----------Template---------- */
#wrap { margin: 0 auto; }
#header {}
#content {}
#footer { clear: both; }
div { margin: 0; padding: 0; }
/*If div has padding it will double up with a nested div or other element with padding*/

/* ----------Global Classes----------- */

.clear { clear: both; width: 100%; height: 0px; visibility: hidden; margin: 0; padding: 0; border: none; line-height: 0px; font-size: 0px; }
.center { margin: auto; }
.hidden { display: none; }
.inline { display: inline; }
.border { border: 1px solid #000000; }
.offpage {  
	text-indent: -9999px; }

/* ----------Pages---------- *//* specific page rules */

body { background: #eeeeee url(../historyphotos/pennycottageoldfront.jpg)  50% 200px no-repeat;fixed; } /*small background-image to show if large stretching image doesn't show or if it's just slow downloading*/
#background { position: fixed; width: 100%; top: 20px; left: 0; right: 0; z-index: -1; } /*Index page; not for IE6*/
#wrap { min-width: 650px; max-width: 900px; padding: 0 20px; margin: 0 auto; }
.anchor { height: 0; visibility: hidden;  }
.photoframecenter { background-color: #eeeeee; margin: 0 auto; border-color: #999999; border-style: double; border-width: 5px; padding: 5px; margin-top: 30px; }
.photocenter { margin: 30px auto 0 auto; }
.left49 { float: left; width: 49%; }
.right49 { float: right; width: 49%; text-align: right; }

#header { padding-top: 30px; }
#content {  }

#clearfooter { height: 2.2em; clear: both; } /*space for #footer*/
#footer { position: fixed; bottom: 0; left: 0; right: 0; background-color: #cccccc; padding: 0 20px; } /*background needed for pages that scroll*/

.leftlinks { float: left; width: 170px; }
.rightlinks { float: right; width: 190px; text-align: right; }



/* ---------Links--------- */
img { border-style: none; }

a, a:link, a:visited, a:hover, a:active, a:focus { outline: none; }
a, a:link { color: #936b09; }     /* unvisited link Dark Golden Rod shade*/
a:visited { color: #008000; }        /* visited links Green*/
a:hover { color: #b22222; }      /* hover links Firebrick*/
a:active { color: #a0522d; }     /* active links Sienna;*/
a:focus { color: #ff00ff; }      /* focus links Fuchsia;*/

#footer a, #footer a:link, #footer a:visited { color: #555555; text-decoration: none; }
#footer a:hover { color: #b22222; }      
#footer a:active { color: #a0522d; text-decoration: underline; }     /* active links Sienna;*/
#footer a:focus { color: #a0522d; text-decoration: underline; }      /* focus links Sienna;*/