/*any that don't have comments you wont need to use*/

body {font-family:Arial, Helvetica, sans-serif}

/*main paragraph formatting*/
p, pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}

/*for transcribers notes*/
p.redbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color:#990000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}

/*for left aligned titles directly above text*/
p.nomargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*for titles such as baptisms burials etc that need to be centered*/
p.topcent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	text-align: center;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
}
/*for subtitles that need to be centered*/
p.topcent_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	text-align: center;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
}

/*for titles in OPC page tables */
p.boldtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/*for parish description in OPC page tables */
p.opc_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
/*used for the parish name only*/
h1.pagetitle {
	font-family:"Times New Roman", Times, serif;
	font-size: 250%;
	text-align: center;
	font-weight: bolder;
}
/*used for the sub-headings*/
h2.subhead {
	font-family:"Times New Roman", Times, serif;
	font-size: 150%;
	text-align: center;
	font-weight: bolder;
}

/*for adding transcribers name on OPC and miscellaneous page*/
em.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*image left align*/
.floatright {
	float: right;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 5px;
}

/*image right align*/
.floatleft {
	float: left;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
}
/*for making table content slightly smaller*/
td {border-width: 1px;
	font-family: Arial, Helvetica, sans-serif; 	font-size: 95%;
	margin-left: 120px;
	text-align: left;
}

h3.transcriber {
	font-family:"Times New Roman", Times, serif;
	font-size: 100%;
	text-align: center;
	font-weight: bolder;
	}
/*the following are used in Photos pages*/
	.thumbnails img {
		height: 100px;
		border: 2px solid #555;
		padding: 1px;
		margin: 0 4px 4px 0;
	}

	.thumbnails img:hover {
		border: 2px solid #00ccff;
		cursor:pointer;
	}

	.preview img {
		border: 2px solid #444;
		padding: 1px;
		height: 400px;
	}
/*the following are used in Photos pages for floating captions*/
figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 20px 20px 0;
}
figcaption {
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 5px 5px;
  opacity: 0;
  -webkit-transition: all 1.0s ease;
  -moz-transition:    all 1.0s ease;
  -o-transition:      all 1.0s ease;
}
figure:hover figcaption {
  opacity: 1;
}
figure:before { 
  content: "i"; 
  position: absolute; 
  background: rgba(255,255,255,0.75); 
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  /* Only Fx 4 supporting transitions on pseudo elements so far... */
  -webkit-transition: all 1.0s ease;
  -moz-transition: all 1.0s ease;
  -o-transition: all 1.0s ease;
  opacity: 0.75;	
}figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }