/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

/***************************************************/
/*************** QUIVIS ADDITIONS ******************/
/***************************************************/

BODY {background-color: Silver; background-image:  url(../../../images/website/paper.jpg); background-repeat: repeat; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #3A1009; margin: 0px; padding: 0px; }	

BODY.eneados {background-color: Silver; background-image:  url(../../../images/website/tile.jpg); background-repeat: repeat; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #3A1009;  margin: 0px; padding: 0px; }	
	 
#quivistitle { font-family: "Times New Roman", Times, serif; font-style: italic; color: #fbfbfb; }
	 
A:LINK { font-weight: bold; color : #c90; text-decoration: none; }
A:VISITED { font-weight: bold; 	color : #933; text-decoration: none; }
A:HOVER { font-weight: bold; color : #f93; text-decoration: underline; }	
	
a.quivis:link, a.quivis:visited {background: #644033; color: white; 
font-weight: bold; font-style: italic; text-decoration: none;  }

a.quivis:hover, a.quivis:active {background: #ffefd5; color: #ff9933;
font-weight: bold; font-style: italic; text-decoration: none; }

.titlenav {font-size:40px; text-decoration: none;}

.quit { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 36px; color: #fbfbfb; position: relative; top: -5px;}

/*************** SIDE NAVBAR ******************/
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.sidenav p.white { color: Silver; padding: 8px 8px 8px 32px; display: block;}
/*************** end side navbar ******************/

/*************** IMAGES ******************/

.noborder{ border: none; text-decoration: none; background: transparent;}
	
.floatright { float : right; margin: 0em 0em 1em  2em; }
.floatleft  { float : left; margin: 0em 2em 1em 0em; }
.floatcentre { float: none; }
.clear { clear: both; }

.caption {color: #336600;
	font-style : italic; padding-top: 10px;
	 text-align: center; text-decoration: none; display: block; clear: both;}
	
/*********** TEXT **************/
	
.dropcap{ font-size:50px; color: #FA8072;
	font-weight:bold; font-family : serif;
	float:left; height:35px; line-height:42px;
	margin-top:2px; margin-right:1px; }	

.cap { font-size:50px; font-weight:bold; font-family : serif;
	float:left; height:34px; line-height:34px; 
	margin-top:2px; margin-right:1px; }	

.note {	font-size: small; color: black; }

.indent {display: block; font-style: italic; 
	padding: 10px 20px 5px 50px; }	
	
.in {display: block; padding: 10px 20px 5px 50px; }	

.quote {display: block; color: Maroon; font-style: italic; 
	padding: 10px 20px 5px 50px; }

.inlinequote {display: inline; color: Maroon; font-style: italic; }
		
.unquote{color: Black;	font-style: normal; font-size: smaller;}	
		
.sup { vertical-align: super; font-size: smaller; }
.sub { 	vertical-align: sub; font-size: smaller; }
.underline {	text-decoration: underline; }

.boatname {font-variant: small-caps; font-weight: bold; }			
.smcaps { font-variant: small-caps; }

.right { text-align: right; }
.centre { text-align: center; }
.justify { text-align: justify; }

.block { display: inline; }
	
/********** COLOURS *************/		
.blue {color: #1B6AA5;}
.green { color: #060;}
.red{ color: Red; }			
.brown{	color: #644033;}
.black { color: Black; }
.blue{ 	color: #483D8B; }
.evelyn {color: Green;}
.naena{	color: Purple; }		
.dum { color: #1B6AA5; }	
.dumblue { color: #1B6AA5; }	
.maroon {color: Maroon; }
.fade {	color: #966;  }
.default {	color: #3A1009; font-style: normal; }
	
/******** TABLE DATA ***********/
.table-data { background-image: url(../../../images/website/wrinkly.jpg); 
 font-family: "Times New Roman", Times, serif; font-size: 18px;  }

/************ TABLE LEDGER **************/
TABLE.ledger { background-image:  url(../../../images/website/wrinkly.jpg); }
TABLE.ledger TH { font-weight: normal; text-transform: uppercase; }
TABLE.ledger TH.leftmargin	{
	border-left-color: Red;
	border-left-style:  double;
	border-left-width: 1px; 
	border-bottom-color: #9cf; 
	border-bottom-style: solid;
	border-bottom-width: 1px; }	
TABLE.ledger TH.rightmargin	{
	border-right-color: Red;
	border-right-style:  double;
	border-right-width: 1px; 
	border-bottom-color: #9cf; 
	border-bottom-style: solid;
	border-bottom-width: 1px; }	
	
TABLE.ledger TR.top { border-top: none; vertical-align: text-bottom;  height: 50px; }
TABLE.ledger TR.bottom { border-bottom: none; height: 50px; }

TABLE.ledger TR.bottom TD { border-bottom: none; }

TABLE.ledger TD { 
	vertical-align: top;  
	border-bottom-color: #9cf; 
	border-bottom-style: solid;
	border-bottom-width: 1px; }	
TABLE.ledger TD.rightmargin	{
	border-right-color: Red;
	border-right-style:  double;
	border-right-width: 1px; }		
TABLE.ledger TD.leftmargin	{
	border-left-color: Red;
	border-left-style:  double;
	border-left-width: 1px; }
TABLE.ledger TD.nolines {border-bottom: none;  line-height: 1.8em;  }
/**************  end table ledger **************/

/************** PETERKIN **************/
h3.peterkin, h4.peterkin { text-align: center;  }

#rental { background-image: url(../../../images/website/pagemid.gif); padding: 1em 3em 2em 5em; 
font-family: "Times New Roman", Times, serif; font-size: 1.2em;  }

.pagetop { position: relative; left: 0px; top: 40px; }
.pagebott { position: relative; left: 0px; top: -40px; }

.smaller { font-size: small;  }
.tilde { position: relative; left: -10px; top: -10px; }

/************** PETERKIN TABLE LEDGER **************/
TABLE.peterkin { background-image: url(../../../images/website/wrinkly.jpg); }

TABLE.peterkin TH { text-align: center; }

TABLE.peterkin TH.leftmargin	{
	border-left: double Red;	
	border-left-width: 4px; 
	border-bottom-color: #9cf; 
	border-bottom-style: solid;
	border-bottom-width: 1px; }	
TABLE.peterkin TH.rightmargin	{
	border-right:  double Red;
	border-right-width: 4px; 
	border-bottom-color: #9cf; 
	border-bottom-style: solid;
	border-bottom-width: 1px; }	

TABLE.peterkin TR.top { border-top: none; vertical-align: text-bottom;  height: 50px; }
TABLE.peterkin TR.bottom { border-bottom: none; height: 50px; }

TABLE.peterkin TR.bottom TD { border-bottom: none; }

TABLE.peterkin TD { 
	vertical-align: top;  
	border-bottom-color: #9cf; 
	border-bottom-style: solid;
	border-bottom-width: 1px; }	
TABLE.peterkin TD.rightmargin	{
	border-right:  double Red;
	border-right-width: 4px;  }		
TABLE.peterkin TD.leftmargin	{
	border-left: double Red;	
	border-left-width: 4px; }
	
TABLE.peterkin TD.nolines {border-bottom: none;  line-height: 1.8em;  }	
	
TABLE.peterkin TD.pounds, TH.pounds {
	border-left-color: Red;
	border-left-style:  double;
	border-left-width: 1px; 
	text-align: right; }

TABLE.peterkin TD.shillings, TH.shillings{
	border-left-color: Red;
	border-left-style:  double;
	border-left-width: 1px; 
	text-align: right; }

TABLE.peterkin TD.pence,  TH.pence{
	border-left-color: Red;
	border-left-style:  double;
	border-left-width: 1px;
	text-align: right; }	
		
/**************  end Peterkin table ledger **************/
/**************  end Peterkin  **************/

/**************  Carousel portrait controls **************/
.carousel-inner > .item > img,
  	.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto; }
/**************  end Carousel portrait controls **************/

/**************  PANEL ANIMUS **************/
.panel-animus {background-color: Silver; background-image:  url(../../../images/website/tile.jpg); background-repeat: repeat; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #3A1009; margin-top: 10px; padding: 0px 20px 20px 20px; }	
/**************  end panel animus **************/

/**************  PANEL PETERKIN **************/
.panel-peterkin {background-color: Silver; background-image:  url(../../../images/website/tile.jpg); background-repeat: repeat; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #3A1009; margin-top: 10px; padding: 0px 20px 20px 20px; }	
.panel-heading h3.panel-title#quivistitle { font-size: 24px; }
.panel-body-blue {color: #00008B; text-align: center; font-family: "Times New Roman", Times, serif; font-size: large; padding: 1em; }
/**************  end panel peterkin **************/

/**************  PANEL NOTHING **************/
.panel-nothing {background-color: #25455d; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #ccc; padding: 20px; margin-bottom: 20px; }	
.nothing-heading h3 { font-size: 24px; }
/**************  end panel nothing **************/

/**************  PANEL INFO **************/
.panel-info {background-color: #25455d; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #ccc; }	
.info-heading h3 { font-size: 24px; }
/**************  end panel info **************/

/**************  HERM **************/
#hermtitle { font-family: "Times New Roman", Times, serif; font-size: x-large; font-style: italic; color: #fbfbfb; text-align: center; padding-top: 20px; }
.sup{ vertical-align: super; font-size: smaller;}
.sub { vertical-align: sub; font-size: smaller;}
.underline { text-decoration: underline;}
.struck { text-decoration: line-through;}
.hand  { color: #363; font-style: italic;}

.well-letter {background-color: Silver; background-image:  url(../../../images/website/tile.jpg); background-repeat: repeat; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #00008B; text-align: center; font-family: "Times New Roman", Times, serif; font-size: large; padding: 1em; }	

.panel-letter {background-color: Silver; background-image:  url(../../../images/website/tile.jpg); background-repeat: repeat; font: medium "Franklin Gothic Book",  Arial, sans-serif; color: #3A1009; margin-top: 10px; padding: 0px 20px 20px 20px; }	

.address { text-align: right; padding: 30px 50px 0px 0px; font-family: "Times New Roman", Times, serif; font-size: larger; color: #A0522D; }

/******  AUCTION ******/
.jumbotron-auction {background-color: Silver; background-image:  url(../../../images/website/tile.jpg); background-repeat: repeat; padding: 20px; }
	
#auction-nav { text-align: center; margin-bottom: 10px; }

a.auction-nav { padding: 0px 5px;  }

#border {padding: 0px;  border-style: double; border-color: #993136; border-width: medium;}

.tl {position: relative; left: 0px; top: 0px;}
.tr {position: relative; left: 0px; top: 0px;}
.bl {position: relative; left: 0px; top: 0px;}
.br {position: relative; left: 0px; top: 0px;}	

.arrow-left { padding-left: 20px;  }
.arrow-right { text-align: right; }

/******  end auction ******/	
/**************  end herm **************/

/******  PAGINATION NAV ******/
	.pagination-xs > li > a,
	.pagination-xs > li > span 
	{ padding: 2px 4px;
  	font-size: 12px;
  	line-height: 1.5;
	background-color: transparent;
	}
	.pagination-xs > li:first-child > a,
	.pagination-xs > li:first-child > span 
	{ border-top-left-radius: 3px;
  	border-bottom-left-radius: 3px;
	background-color: transparent;
	}
	.pagination-xs > li:last-child > a,
	.pagination-xs > li:last-child > span 
	{ border-top-right-radius: 3px;
  	border-bottom-right-radius: 3px;
	background-color: transparent;
	}
/******  end pagination nav  ******/

/****** KILVERT ******/

#kilverttitle { font-family: "Times New Roman", Times, serif; font-size: x-large; font-style: italic; color: #fbfbfb; text-align: center; padding-top: 20px; }

.col-xs-12 .kilvert { float: right; }

/****** end Kilvert ******/

/******** DUM  ********/
#dumtitle gedcomtitle {  font-family: "Times New Roman", Times, serif; font-size: x-large; font-style: italic; color: #1B6AA5; text-align: center; padding-top: 20px; }

.ulysses { color: #999; position: relative; left: 0px; top: -25px;	z-index: 1;
	font-family: "Times New Roman", Times, serif;
	font-style: italic; font-size: 1.5em;  background-color: transparent; }
	
.worsley { display: block;
	color: #060;
	padding: 10px 20px 5px 50px;}	

/****** DANA ******/
.word { font-weight: bold; color: #2F4F4F; text-transform: lowercase;  }
	
/****** end Dana ******/	
	
/****** end Dum ******/

/****** GEDCOM ******/
.gedcom { background-image: url(../../../images/website/foxed.jpg); }
#gedcom-events { text-align: left; line-height: 14pt; }
#gedcom-events TD { padding: 0 0 6px 8px; vertical-align: top; }
#gedcom-events TD.date { width:160px; }
#gedcom-events H1 { font-size:14pt; }

.tabletop { vertical-align: top !important; }

#minitree { position:relative; width:100%; overflow:auto; text-align:center; }
/****** end GEDCOM ******/

/****** SEARCH ******/


/****** end search ******/