/* cmsms stylesheet: Main style modified: 03/10/26 18:20:03 */
* { /* browsers interpret margin and padding a little differently so remove the defaults now and set them later on */
	margin: 0;
	padding: 0;
}

/*****************font settings ommitted*****************/

body {
	text-align: justify;
	 font-family: "Palation Linotype", Cambria, Times, serif;
	font-size: 1.2em;
	color: #000; /* default text color for entire site*/
    }

/*my table styles*/
  /*Default table style*/  
  table {
    color: #000000;
	text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.2vw;
    width: 100%; }
 table, td, th {border:2px solid #000099;
    border-collapse: collapse;
    padding: 8px;vertical-align: top;}
 tr:nth-child(even){background-color: #ebd6ad;}
 tr:nth-child(odd){background-color: #d6ebe0;}
 tr:hover {background-color: #ffffcc;}
/*End default table style*/ 

/*CURRENT table style*/ 
table.current {
    color: #000066;
	text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
    width: 100%; }
 table.current, table.current td, table.current th {border:2px solid #000099;
    border-collapse: collapse;
    padding: 8px;}

 table.current tr:nth-child(even){background-color: #ebd6ad;}
 table.current tr:nth-child(odd){background-color: #d6ebe0;}
 table.current tr:hover {background-color: #ffffcc;}

/*ARCHIVE table style*/
table.archive {
	    color: #000;
	text-align: left;
	    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	    font-style: normal;
	    font-size: 1.3vw;
	    width: 100%; 
	}
table.archive, table.archive td, table.archive th {
	    border: 1px solid black;
	    border-collapse: collapse;
	    padding: 8px; 
	}

table.archive tr:nth-child(even){background-color: #cfcfcf;}
table.archive tr:nth-child(odd){background-color: #ebd6ad;}
table.archive tr:hover {background-color: #ffffcc;}

/*end of my table styles*/

/*default link styles*/
a, a:link, a:active, a:visited {
	text-decoration: underline; /* set all links to have underline */
	background-color: inherit; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	color: #000066; /* text colour for all default links */
}
a:hover {
	text-decoration: none; /* remove underline on hover */
	background-color: inherit;
	color: rgb(102, 81, 51); /* using a different color makes the hover obvious */
}

/*****************basic layout*****************/
body {
	margin: 0em 0em 0em 0em;
	padding: 0;
	background: rgba(245, 238, 223, 0.8); /* you can set your background here */
}
  img {
	border: 0; /*if img is inside "a" it would have borders, we don't want that*/
	margin-left: 0.5em;
	margin-right: 0.5em;
	max-width: 100%;
	height: auto;
}
div#pagewrapper {
/* now that width is set this centers wrapper */
	margin: 0 auto;
	background-color: rgba(245, 238, 223, 0.2);/* f5eedf is pale buff = rgba(245, 238, 223, 0.2) */
	color: black;
}
/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#pagetop {
	height: 299px;
	margin: 0;
	padding: 0;
	background-image: url(https://banburyhistoricalsociety.org/uploads/images/{page_attr key='extra2'});
	background: no-repeat left top;
}
div#header {
	height: 280px; /* adjust according your image size */
	margin: 0;
	padding: 0px  0px  0px  0px;
	background-color: rgba(255, 255, 250, 0.1);
}
div.crbk {
	height: 0px;
	margin: 0;
	padding: auto;
	background-color: rgba(128, 128, 128, 0.7);
}
div.breadcrumbs {
	height: 0px;
	padding: 1em; /* CSS shorthand rule first value is top then right, bottom and left */
	font-size: 90%; /* its good to set font sizes to be relative, this way viewer can change his/her font size */
	font-weight: bold;
}
div#search {
	float: right; /* position for the search box */
	height: 50px;
	text-align: right;
	padding: 1em;
	font-weight: bold;
}
input.search-button { /* a class for Submit button for the search input box */
	border: none;
	height: 30px;
	width: 53px;
	margin-left: 5px;
	padding: 0px 2px 2px 0px;
	cursor: w-resize; /* makes the hover cursor show, you can set your own cursor here */
	background: url(https://banburyhistoricalsociety.org/uploads/ngrey/search.gif) no-repeat center center; /* you can set your own image here */
}
div.site_updates ul {
	list-style-type: none;
	list-style-position: inside;
	padding-left: 0;
}
div.site_updates ul a {
	display: none;
}
div#content {
	margin: 1.5em auto 2em 0; /* some air above and under menu and content */
	padding: 0px;
}
div#main {
	padding: 10px 15px; /* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */
}
div.back #main {
	padding: 10px 30px 1px 15px; /* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */
}
div#sidebara {
	padding: 13px 15px 3px 0px;
}
div#sidebarb {
	padding: 10px 10px 1px 0px;
}
div.footback {
	clear: both; /* keep footer below content and menu */
	padding: 0;
	border-top: #00004f 2px solid;
}
div#footer {
	padding: 0px 0px 0px 10px; /* this sets 10px on left to balance 10px right on last div */
	color: #00004f; /* color of text, the link color is set below */
}
div#footer p {
	font-size: 0.8em; /* sets different font size from default */
	padding: 1.5em; /* some air for footer */
	text-align: center;
	margin: 0;
}
div#footer p a {
	color: #00004f; /* footer link would be same color as default we want it same as footer text */
}
div.hr { /* as we hid all hr for accessibility we create new hr with div class="hr" element */
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
figure { /* used for images with a caption */
	padding-bottom: 0.25em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	background-color: rgba(255, 255, 255, 0.6);
}
figure img {
	margin-left: 0;
	margin-right: 0;
}

/************relational links under content************/
div.left49 {
	width: 70%; /* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
}
div.right49 {
	float: right;
	width: 29%;
	text-align: right;
}

/********************content styling*********************/
/* HEADINGS */
h1 {
	font-size: 2.5em; /* the higher the h number the smaller the font size, usually */
	line-height: 1em;
	margin: 0;
	color: #00004f;
}
h2 {
	color: #00004f;
	font-size: 2em;
	text-align: left;
	padding-left: 0.5em;
	padding-bottom: 1px;
	border-bottom: 1px solid #00004f;
	/*border-left: 1.1em solid #4f004f;*/
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
h2.current {color: #00004f;}
h2.archive {color: #004f00;}
h3 {
	color: #00004f;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0 0 0.5em 0;
}
h4 {
	color: #00004f;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h5 {
	color: #00004f;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #00004f;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h8 {
	font-size: 2.5em;
        font-family: 'Palatino Linotype';
        font-weight: bold;
	color: #00004f;
	text-shadow: 0 0 3em #FFF, 0 0 3em #FFF, 0 0 2em #FFF, 0 0 1em #FFF, 0 0 0.5em #FFF, 0 0 0.3em #FFF, 0 0 0.1em #FFF;
}
h9 {
	font-size: 1.6em;
        font-family: 'Palatino Linotype';
	color: #00004f;
	text-shadow: 0 0 2em #FFF, 0 0 2em #FFF, 0 0 1em #FFF, 0 0 0.5em #FFF, 0 0 0.3em #FFF, 0 0 0.2em #FFF, 0 0 0.1em #FFF;
}
/* TEXT */
p {
	font-size: 1em; /* default p font size, this is set different in some other divs */
	margin: 0 0 1em 0;
	line-height: 1.4em;
	padding: 0;
}
ul {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 1em;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
/*My figcaption style*/
figcaption{
        text-align: left;
        font-size: 1em;
        color: #000066;
        }
/*End my figcaption style*/

strong, b { /* explicit setting for these */
	font-family: 'Source Sans Pro - bold';
}
em, i { /* explicit setting for these */
	font-family: 'Source Sans Pro - italic';
}
em strong, i b { /* explicit setting for these */
	font-family: 'Source Sans Pro - bold_italic';
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
	border: 1px solid #000; /* black border for pre blocks */
	background-color: #ddd; /* set different from surroundings to stand out */
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
div.templatecode { /* Separating the divs on the template explanation page */
	margin: 0 0 2.5em;
}
/* IMAGE FADER */
@-webkit-keyframes cf4FadeInOut {
	0% { opacity:1; }
	10% { opacity:1; }
	20% { opacity:0; }
	90% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes cf4FadeInOut {
	0% { opacity:1; }
	10% { opacity:1; }
	20% { opacity:0; }
	90% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes cf4FadeInOut {
	0% { opacity:1; }
	10% { opacity:1; }
	20% { opacity:0; }
	90% { opacity:0; }
	100% { opacity:1; }
}
@keyframes cf4FadeInOut {
	0% { opacity:1; }
	10% { opacity:1; }
	20% { opacity:0; }
	90% { opacity:0; }
	100% { opacity:1; }
}
#cf4a {
	height:250px;
	width:320px;
	margin: 0 9px 0 0;
	position:relative;
	float:right;
	clear:right;
}
#cf4a img {
  position:absolute;
  left:0;

  -webkit-animation-name: cf4FadeInOut;

  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 50s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 50s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 50s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 50s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 40s;
  -moz-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  animation-delay: 30s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  -o-animation-delay: 20s;
  animation-delay: 20s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}
#cf4a img:nth-of-type(5) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}