/*  Behold.css stylesheet - for www.beholdgenealogy.com */
/*  Developed beginning in December 2007, by Louis Kessler */
/*  Updated for FastSpring Buy Now page in November 2015 */

body {
 	font-size: 81.25%;  /* Resets 1em to 13px */
	margin-top: 2em;
	color: #000000;  /* #666666 was original design, #333333 was my alternative */
	background: #ffffff;
}
* {
   font-family: Arial, Helvetica, sans-serif; /* Tahoma, Verdana, Geneva */  
	line-height: 140%;
}

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}

h1 {
	color: #0099cc;
	font-weight: bold;
	font-size: 1.5em;  /* 1.33 was original design */
}
h2 {
	color: #0086b0;  
	font-weight: bold;
	font-size: 1.25em;  /* 1.0 was original design */
}
#contentwrapper h2 {
	margin-top: 2.0em;
}
h3 {
	color: #000000;  /* #ffffff was original design */
	font-weight: bold;
	font-size: 1.10em;  /* 1.0 was original design */
}
h4 {
	font-weight: bold;
	font-size: 1.0em;  
}
.subhead {
	margin-top: 2em;
}
hr {
  border: 0;
  height: .15em;
  color: #00aadd; 
  background-color: #00aadd; 
  margin-bottom: 0.7em;
}
ol, ul {
	padding-left: 0; 
	margin-left: 2.5em;
}
li {
	margin-bottom: 5px;
}

/*  Hyperlink colors, must be specified in the order: link, visited, hover, active */
/*  Default browser colors are: link: blue, visited: purple, hover: no change; active: red */
/*  Default text-decordation is: underline  */
a image {
	border: none;
}
a {
	text-decoration: underline;
}
a:link {
	color: #4444ff; /* #4040ff; */	/* Was #000000 */
}
a:visited {
	color: #804480; /* #804080; */  /* Was #666666 */
}
a:hover {
/*	color: #0081aa; */  /* Was #0099cc */ 
	background-color: #86dfff; /* #82ebff; */
	color: #000000;
}
a:active {
	color: #005a84;   /* Was #660000 */
}
blockquote {
	border-width: 1px;
	padding-top: 0.7em;
	padding-left: 1em;
	padding-right: 1em;
	border-color: black;
	border-style: solid;
}

input.formInputButton  {
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: bolder;
    text-align: center;
    color: #300;
    background: #f99 url(bg_button.png) repeat-x;
    padding: .08em;
    float: right; 
    cursor: pointer;
    }
textarea {
	font-size: 100%; /* Needed for Firefox */
	width: 100%;
	height: 15em;
}
/* Note: For scaling images, see: http://www.bigbaer.com/css_tutorials/css.scale.image.html.tutorial.htm */
img { /* border style for all images */
  border: 0;
}
	 
/* Top Menu Navigation */
.navmenu {
	clear: both;  /* Allows the navmenu to start following the two columns */
	text-align: center;
	white-space: nowrap;  /* prevent wrapping of the top menu  - needed for Firefox printing */
}
.navmenu ul {
	margin: 0 auto; /* center */
	padding: 0;
}
.navmenu li {
	display: inline;
	padding-left: .64em; 
	padding-right: .64em; 
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
.navmenu a {
	text-decoration: none;
}
/* These highlight the navigation link for the current page */

li.abuynow { 
	padding-left: .385em; 
	padding-right: .385em; 
	background-color: #00bbdd;
	border-top: .15em solid #00bbdd; /* These borders make it look like a "tab" when printing */
	border-left: .31em solid #00bbdd;
	border-right: .31em solid #00bbdd; 
/*	border-bottom: .15em solid #00bbdd; */
/*	font-size: 90%; */
	font-weight: bold;
	text-decoration: none;
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}

li.abuynow a { 
	color: #ffffff;
	background-color: #00bbdd; 
}
li.abuynow a:hover { 
	color: #000000;
}

/* Note: anchor states must be specified in this order: */
/*    1. link, 2. visited, 3. hover, 4. active */
.navmenu li a:link {
	color: #666666; /* #999999 was original design */
}
.navmenu li a:visited {
   color: #666666;  
}
.navmenu a#bright:link, .navmenu li a#bright:visited {
   color: #ff0000;
}
.navmenu li a:hover, .navmenu li a#bright:hover {
/*  color: #0099cc;  */
}
.navmenu li a:hover {
	color: #000000;
}

/* The border around the content, done with CSS */
#maincontainer{
	width: 60.15em; /* 782 px */
	margin: 0 auto;  /* center */
}
#maincontainer1 {
	width: 59.85em; 
   border: .15em solid #fbfbfb;
}
#maincontainer2 {
	width: 59.54em; 
   border: .15em solid #f6f6f6;	
}
#maincontainer3 {
	width: 59.38em; 
   border: .08em solid #f4f4f4;	
}
#maincontainer4 {
	width: 59.23em; 
	border: .08em solid #f1f1f1;	
}
#maincontainer5 {
	width: 59.08em; 
   border: .08em solid #eaeaea;	
}
#maincontainer6 {
   width: 58.92em;
   border: .08em solid #d3d3d3;
}

#headercontainer {
/*   height: 16em; */
	border-bottom-width: .08em;
	border-bottom-style: solid;
	border-color: #cbcbcb;
}

#header {
	padding: 0.38em;
}
#header img {
	width: 58.15em;
	height: 15.15em;
}

#contentwrapper{
	width: 57.77em;
/* background-color: #f8fbff; */ 
}
#contentpadding {
	margin-top: 2.5em;
	margin-left: 2.5em; 
	margin-right: 2.5em; 
	margin-bottom: 2.5em; 
}
#contentpaddingnotop {
	margin-top: 2.5em;
	margin-left: 2.5em; 
	margin-right: 2.5em; 
	margin-bottom: 2.5em; 
}

#leftcolumn{
   float: left;
	width: 38.46em;  /* note: if this is changed, also change #rightcolumn width to be the same */
}
#leftcolumnpadding {
	margin-top: 2.5em;
	margin-left: 2.5em; 
	margin-right: 0.0em; 
	margin-bottom: 2.5em;
}

#rightcolumn{
	margin-left: 38.46em;  /* must be the same as the #leftcolumn width */
}
#rightcolumnpadding {
	margin-top: 2.5em; 
	margin-left: 2.5em; 
	margin-right: 2.0em; 
	margin-bottom: 2.5em;
}
#rightcolumnpaddingnobottom {
	margin-top: 2.5em; 
	margin-left: 2.5em; 
	margin-right: 2.0em; 
	margin-bottom: 0em;
}

#loginform {
	margin-top: -1em;
}
.fieldset .label {
	width: 5.38em;
	float: left;
	padding: 0.2em;
	margin: 0;
	margin-top: 0.3em; }
.fieldset .nobr {
	display: none; }  
.fieldset .textfield {
	margin: .23em;
	height: 1.54em;
	width: 15.38em; }
.fieldset .textarea {
	margin: .23em;
	height: 12.69em;
	width: 15.38em; }
	
.downloadbox {
   padding-top: 0.2em;
	padding-left: .77em;
/*	padding-right: .62em; */
   width: 15.08em;
	padding-bottom: 1em;
	background-color: #f0f0f0;
/*  	border-color: #ececec; */
	border-bottom: .15em solid #e3e3e3;
 	border-right: .15em solid #e3e3e3; 
  	text-align: center;
	font-weight: bold;
}
.downloadbox h2 {
	margin-top: 1.0em;
}
.downloadbox a {
   background-image: url('freedownload0.gif');
	display: block;
	margin-left: 1em;
	padding-top: 1em;
	width: 12.31em;
	height: 2.31em;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}
.downloadbox a:hover {
   background-image: url('freedownload1.gif');
	background-color: transparent;
   color: #ffffff;
}
.fancysubmit {
   border: none;
   background: url('freedownload0.gif');
   display: block;
	width: 12.31em;
	height: 2.31em;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}
.fancysubmit:hover {
   background: url('freedownload1.gif') no-repeat top left;
	background-color: transparent;
   color: #ffffff;
}

.quotes {
   font-size: 0.9em; 
	font-style: italic;
	color: #000000; /* #999999 was original design, #666666 was my alternative */
/*	background-color: #e0f0ff; */
	margin-top: 2em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
.quotespadding {
	margin: 1.2em;
}
#footer {
	clear: both;  /* Allows the footer to start following the two columns */
  	background-color: #f7f7f7; 
  	height: 11em;   
	padding-top: 0.5em;
	text-align: center;
/*	font-size: 0.8em;  */
	font-size: 90%;
	font-weight: bold;
	color: #666666; /* #999999 was original design */
	border-top-width: .08em;
	border-top-style: solid;
	border-top-color: #cbcbcb;
}
#footer .navmenu {
	font-size: 110%;
}

/***************************************************************************************************/
/*  Below are all the definitions needed for the Behold Blog (Wordpress) and the Behold Forum (bbPress) */
/***************************************************************************************************/

h1 small {   /* This is needed in blog entries for the date next to the Blog entry name */
	color: #000000;
	font-weight: normal;
	font-size: 0.6em;
}
h2 small {   /* This is needed in blog entries for the date next to the Blog entry name */
	color: #000000;
	font-weight: normal;
	font-size: 0.7em;
}
h3 small {   /* This is needed in blog entries for the date next to the Blog entry name */
	color: #000000;
	font-weight: normal;
	font-size: 0.8em;
}
small a {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
.lihead {
	font-weight: bold;
	list-style: none;
	margin-left: -1em;
}
.bbcrumb {   
	font-weight: bold;
/*   font-size: 105%    */
}
.bbcrumb a {   
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
#loginbar label {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
form {
	margin-top: 0.5em;
}
form label {
	font-size: 85%;
}
form input {
	vertical-align: middle;
	line-height: 120%;
}
form input.mid {
	height: 1em;
	width: 4.8em;
	margin-left: .22em;
	font-size: 100%;
}
#sidebar {
	padding-left: 1.2em;
  	font-size: 0.95em;   
/*	padding-top: 0.1em;
	padding-right: 0.6em;
	background-color: #e0f0ff;  */
}
#sidebar p {
	margin-top: .5em;
	margin-bottom: .5em;
}
#sidebar h2 {
	margin-bottom: .15em;
}
#sidebar ul {
	margin-top: .15em;
}
#sidebar li {
	list-style-type: none;
	padding-left: 0em;
/* note: Do not use a hanging indent. It doesn't display properly in IE6 */
/*	text-indent: -1.5em;  creates a hanging indent */
  	margin-left: -2.5em;   
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
#sidebar .quotes {
	margin-top: .15em;
	background-color: transparent;
}
#loginbar {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2.5em;
	padding-right: 2em;
	text-align: right;
	border-bottom-width: .08em;
	border-bottom-style: solid;
	border-bottom-color: #cbcbcb;
/*	white-space: nowrap; */
}
#loginbottom {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0;
}
#loginbar form, #loginbottom form, th form {
	display: inline;
}
th form {
	margin-left: 2em;
}
.loginlink {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}

.lineleft {  /* No longer used */
	margin-top: 0;
	float: left;
	width: 23em;
}
.lineright {   /* No longer used */
	text-align: left;
	line-height: 2.3em;
	}
.welcome {
	display: inline;
  	font-weight: bold; 
}
	
.post, .searchresults {
	margin-top: 3em;
	margin-bottom: 3em;
}
.postsingle {
	margin-top: 0em;
	margin-bottom: 3em;
}
.searchnotfound {
	margin-top: 3em;
}
.resultline {
	margin-top: 2em;
	margin-bottom: 2em;
}

#comments, #pingbacks {
	margin-top: 3em;
}
.clearcolumns {
	clear: both;
}
.notop {
	margin-top: 0;
}
#respond, h2.post-form {
	margin-top: 3em;
}
.postmetadata {
	text-align: center;
	font-size: 0.9em;
	padding-top: 1em; 
	padding-bottom: 2em; 
	border-bottom: .08em solid #DDDDDD;	
}
.postmetabutnodata {
	border-bottom: .08em solid #DDDDDD;	
}
.titlemetadata {
	display: inline;
	font-size: 0.9em;
}

div.blogentry, div.usercomment, div.lkcomment, div.othercomment, div.pingtracklist {
/*	This was my old way
	float: left;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	outline-color: invert;
*/
/* padding-top: 1.0em; */
/*	padding-bottom: 1.2em; */
/*	background-color: #e0f0ff; */
/* This is taken from blue-anvil.com's .comment style */
	border-bottom: .15em solid #E3E3E3;
 	border-right: .15em solid #E3E3E3; 
   padding: .77em .77em .08em .08em; 
/* position:relative; */
}
.othercomment, .pingtracklist {
  	background:#F8F8F8 none repeat scroll 0% 50%; 
}
.usercomment {
	background-color: #fff0e8;  
}
.lkcomment {
  	background-color: #e8f0ff;    
}
div.userfeedback {
	border-bottom: .15em solid #E3E3E3;
 	border-right: .15em solid #E3E3E3; 
   padding: .77em 1em .77em 1em; 
  	background-color: #e8f0ff;    
}
div.pingtracklist {
	padding-top: .08em;
}
.commentleft {
	margin-left: .38em;
}
.commentright {
	text-align: justify;
	margin-right: .38em;
	word-wrap: break-word;
}
.commentright p {
	margin-top: 0;
	margin-bottom: 0.7em;
}

.searchresultleft {
	float: left;
	margin-left: .38em;
}
.searchresultright {
	margin-left: 2.38em;
	text-align: justify;
	margin-right: .38em;
	margin-bottom: 1em;
}
.searchresultright h4 {
	margin-top: 0em;
	margin-bottom: 0.3em;
}

.userinfo {
	padding-left: 1.23em;
	font-size: 0.85em;
	margin-bottom: .54em;
}
.userinfo a {   
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
#commentform textarea, #postform textarea {
	width: 100%;
	height: 11.54em;
	font-size: 100%;
}
.commentbottom {
	clear: both;
}
.icon {
	vertical-align: text-bottom;
}
.iconlink {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}

.img-13-13 {width: 1.00em; height: 1.00em; }
.img-14-13 {width: 1.08em; height: 1.00em; }
.img-14-14 {width: 1.08em; height: 1.08em; }
.img-15-15 {width: 1.15em; height: 1.15em; }
.img-15-16 {width: 1.15em; height: 1.23em; }
.img-16-16 {width: 1.23em; height: 1.23em; } 
.img-18-12 {width: 1.38em; height: 0.92em; }
.img-18-20 {width: 1.38em; height: 1.54em; }
.img-19-19 {width: 1.46em; height: 1.46em; }
.img-105-15 {width: 8.08em; height: 1.15em; }
.img-150-200 {width: 11.54em; height: 15.38em; }
.img-510-24 {width: 39.23em; height: 1.85em; }
.img-439-29 {width: 33.77em; height: 2.23em; }
.img-441-333 {width: 33.92em; height: 25.61em; }
.img-574-400 {width: 44.15em; height: 30.77em; }
.img-735-555 {width: 56.54em; height: 42.69em; margin-left: -1em;}

.checkbox {
	width: 1.2em;
	height: 1.2em;
}
.nav {
	margin-left: 0.5em;
	font-weight: bold;
}

/* The following are needed to override the wp-login css stylesheet */
#login {
	margin-top: 2em;  
}
#login a:hover {
	background-color: transparent; 
}
a {
	border-bottom: none; 
}
.message {
	color: #0086b0;  /* #ffffff was original design */
	font-weight: bold;
	font-size: 1.25em;  /* 1.0 was original design */
}
.errors, #login_error, .updated {
	color: red;
	font-weight: bold;
}

/* 
  The following styles are from needed for the bbPress Forum
  Some are taken from the Kakumei Too bbPress theme by _ck_ at: http://bbshowcase.org/forums/
*/
#latest, #usertable, #forumlist {
	border-collapse: collapse;
	margin-bottom: 1em;
	border-width: .08em;
	border-style: solid;
	border-color: #dddddd;
}
#latest td, #usertable td, #forumlist td {
	border-top-width: .08em;
	border-top-style :solid;
	border-top-color: #dddddd;
}
#latest td, #forumlist td, #latest th, #forumlist th {
	padding: .31em .54em;
}
#usertable td {
	padding: .31em .4em .31em 0em;
	font-size: 90%;
}
#usertable th {
	padding: .31em .4em .31em 0em;
}
#forumlist tr td div.nest {
padding-left: 2.5ex;
}
#latest th, #usertable th, #forumlist th {
background-color: #f0f0f0;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
}
#latest th h2, #usertable th h2, #forumlist th h2  {
margin: 0;
padding: 0;
text-align: left;
}
.numintable, #forumlist small {
font-size: 90%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}
.searchline {
	margin-bottom: 1.5em;
}
.searchhilight {
	background-color: yellow;
}
.results h4 {
	margin-bottom: 0em;
}

/* 
  The following styles are for the quotes on the main index page */
*/
.people {
	text-align: center;
	font-size: 90%;	
}
.people p {
	margin-top: 0.5em;
}
.people ul {
	margin-left: 1em;
}
.people li {
	margin-top: 0.3em;
}

/* Tooltips Using Cascading Style Sheets */
/* http://www.jlhaslip.trap17.com/samples/tooltips/index.html */
a.popup, a.opinion{ 
	position: relative;           /*this is the key*/
	z-index: 24;
	background-color: #e8e8e8;    /* background colour of display text */
	color: #000000;               /* colour of display text */
	border: 1px dotted #999;    /* border colour */
	text-decoration: none;
	font-style: italic;
}
a.opinion {
/*	line-height: 1.8em; */
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.betweenopinions {
	margin-top: 0.4em;
}
a.popup:hover, a.opinion:hover {
	z-index: 25;
	background-color: #cceaf2;
}
a.popup span, a.opinion span {
	display: none;  /* hide the span text using this css */
}
a.popup:hover span, a.opinion:hover span{ /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 1.5em; 
	width: 15em;
	padding: 0.8em;
	border: 1px dotted #999; /* border colour */
	background-color: #cceaf2; /* background colour here */
	color: #000000;         /* text colour */
	font-size: 100%;
	font-style: italic;
	z-index: 30;
}
a.popup:hover span {
	left: -5em; 
	text-align: center;
}
a.opinion:hover span {
	left: -0.1em; 
}
.seethis {
	display: none;
}
.purch {
  	background-color: #d3fcd4;    
}
.freebie {
  	background-color: #bef1f1;    
}
.unsub {
  	background-color: #fdd0e7;    
}
.bounce {
  	background-color: #e3d1b9;    
}

.core-section {
	border-width: 3px;
	border-color: grey;
	border-style: solid;
	border-spacing: 2px;
	border-collapse: collapse;
	padding: 1.5em;
}

#contentwrapper h2 {
	margin: 0;
}