/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

@import url(../../../wp-files/wp-content/themes/weaver/style.css);
@import url(../../../wp-files/wp-content/uploads/weaver-subthemes/style-weaver.css);

/* ** I have manually changed all CCCC99 to F5DEB3 in templatestyle - should really move changes to here ** */ 
/* my extra styling */
#wrapper {
	margin: 10px auto;
	width: 956px;
}
#main-contents { width: 700px}

/* the following is needed for indentation on the descendants chart - I don't know why I was missing it - overridden by WP ? */
ul {
  padding-left: 1em;
}

/* below probably all or mostly TNG overrides */
h1, .header {
	font-family: /* Georgia, Times new roman, serif; */ 
				"Apple Chancery",
				"Monotype Corsiva",
                "URW Chancery L",
               	Georgia, serif;	
	font-size: 42px;
	line-height: 125%;
	font-weight: 600;
}
h1 {clear:none; }

h2, h3, h4 {  font-family: Palatino, Georgia, Times new roman, serif;
}

h3	{
	/* margin-bottom: 0px; */
	border-bottom: 1px solid #B7B700; /* #9F9F00; / * #808000; #666600;*/
	padding-bottom:2px;
	color: #222222;
}
h4	{
	color: #B7B700;
	padding-bottom:2px;
	text-transform:uppercase;
	font-size: 14px;
	/* font-family: Verdana, Geneva, sans-serif; */
	font-weight: bold;
}
h5	{
	color: #666666;
	margin-top: 5px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

/*  home page sections replaces valign="top" width="300" */
.section {
	width: 350px;
}
.history p, .history li {
	color: #333;
	font-size: 14px;
	line-height: 21px;
	font-family: Georgia,"Bitstream Charter",serif
}
.clearboth		{	clear: both; 	}
.clearright		{	clear: right; 	}
.clearleft		{	clear: left; 	}
.separator {
		clear: both;
		height: 0;
		}
		
.indexphototable	{	width: 320px;
						text-align: center;
						margin-top: 6px;
					}
.tfixed {				min-width: 800px;
						width: 800px;
					}
.titlebox .tfixed {		min-width: 770px;
						width: 770px;
					}				 
li#eventmap table.tfixed { width: 100%; min-width: 100%;
					}
			
#tngchart, .text-ped { background-color: #FEF3DD; }

.tng h3 {
	border-bottom: 2px solid #B7B700;
    /* margin-bottom: 0; */
    padding-bottom: 2px;
	font-weight: bold;
	color: #222222;
}
.normal {
    font-family: "Verdana",Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#nav-top-menu, #nav-bottom-menu	{ 	align: center; 
								  	margin-left: auto;
									margin-left: auto;
									font-family:Arial, Helvetica, sans-serif;
								}
#access2 ul li, #access ul li {   border-right: 1px solid white;
}
#access2 ul ul li, #access ul ul li {   border-top: 1px solid white;
}
#access ul ul a, #access li:hover > a,
    #access ul ul :hover > a {background: #AB9B7D; } /* hover bg for all */
    /* hover text color for all */
#access2 ul ul a, #access2 li:hover > a,
    #access2 ul ul :hover > a {background: #AB9B7D; } /* hover bg for all */

td { vertical-align: top; /* set to baseline in weaver style.css which meant info appeared in next cell to media from base of pic down - hence this fix */
}
td.unhighlightedchild {
    border-bottom: 1px solid white;
    border-top: 0;
}
td.highlightedchild {
    padding:2px;
    background-color: #FFF4DD;
}
#footer { border-top: 4px solid #AB9B7D; }
.databack, .titlebox, table.calendar { background-color: #FFFAEF /*FFFCF6*/; } 
#lazTable td { border-right: 1px solid #FFFAEF; }
#lazTable tr { border-bottom: 1px solid #900; /*#FFFAEF; */ }
#lazTable table tr { border: 0 }
 
#calLegend {
    background-color: #D8CFBC;
    border: 1px solid #AB9B7D;
}
table.calendar td.calDay { border-color: #7F7A6F;  }

table.calendar, .databack { border-color: #BFB6A6; }

.fieldnameback { border-color: /* #FFFAEF; * #7F7A6F; * #FFCECE * #C40000; * #FFE9BB; */ #FFCF6A; }

.databacksave {
    background-color: #BFB6A6;
	color: #FFFAEF;
	font-family: "Georgia","Times New Roman",Times,serif;
}
input[type="submit"].databacksave {
    color: #FFFAEF;
}
input[type="text"], textarea, ins {
    background-color: #FAFAFA;
} 
.mwblock { background-color: #990000; }
.mwblock p.subhead { color: #FFFAEF; }

.emphasisyellow {color: #990000; }
#bar1 { style="left: 10px;" }

/* #primary, #secondary {   padding-right: 10px;
                 } */

/* restyle the person menu on getperson pages */ 
#pub-innermenu.fieldnameback.smaller { font-size: 12px; } 
#pub-innermenu {
    border: 0; border-top: 3px solid #990000;
	background-color: #FEF3DD; /* #FFFAEF; */
	color: #666666;
	font-weight: bold;
	height: 20px;
	padding: 6px;
/*    clear: both;
    margin: 0 1px;
    padding: 0.3em 0 0.3em 0.7em; */
}

#tngnav a {
    font: 12px arial,helvetica,sans-serif;
}

#pub-innermenu a.lightlink:link, #pub-innermenu a.lightlink:visited {
    color: #666666;
	background-color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 3px; margin: 3px;
}
#pub-innermenu a.lightlink:hover, #pub-innermenu a.lightlink:active {
    color: #FFF;
	background-color: #990000;
    text-decoration: none;
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 3px; margin: 3px;
}
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
    color: #FFF;
	background-color: #990000;
    text-decoration: none;
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 3px; margin: 3px;
}
#tngnav a {
    background-color: #fff;
    border: 1px solid #990000;
	border-radius: 8px 8px 0px 0px;
    color: #990000;
	padding-left: 5px; padding-right: 10px; 
    /* padding: 0.2em 1.9em 0.3em 26px; */
}
#tngnav a#a1, #tngnav a#a2, #tngnav a#a3, #tngnav a#a4, #tngnav a#a5, #tngnav a#a6 {
    left: 15px;
}
#tngnav a.here {
    background: url("../img/tngtabactive.png") no-repeat scroll 0 0 transparent;
	background-color: #990000;
    border-right: 1px solid #990000;
    color: #FFF;
	padding-left: 5px; padding-right: 10px; 
    /* margin: 0 4px 0 0; */
    /* padding: 0.2em 1em 0.4em 26px; */
}
#tngnav a:hover {
    background: url("../img/tngtabactive.png") no-repeat scroll 0 0 transparent;
	background-color: #990000;
    border-right: 1px solid #990000;
    color: #FFF;
	padding-left: 5px; padding-right: 10px; 
    /* margin: 0 4px 0 0; */
    /* padding: 0.2em 1em 0.4em 26px; */
}
#tngnav a.here {
    position: relative;
    z-index: 0;
}

.snlink { background-color: #F5DEB3 /*#FAE9C9 #D8CFBC*/; }

div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
    background-color: #FAE9C9 /* #DFD8C8 * #D8CFBC *  #F5DEB3 */;
    border: 1px solid #AB9B7D;
}
/* databack: background color for data areas */
div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
    background-color: #FAE9C9 /* #DFD8C8 * #D8CFBC *  #F5DEB3 */;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAE9C9), to(#C4B8A2));
	background-image: -webkit-linear-gradient(top, #FAE9C9, #C4B8A2);
	background-image:    -moz-linear-gradient(top, #FAE9C9, #C4B8A2);
	background-image:     -ms-linear-gradient(top, #FAE9C9, #C4B8A2);
	background-image:      -o-linear-gradient(top, #FAE9C9, #C4B8A2);
	background-image:         linear-gradient(top, #FAE9C9, #C4B8A2 /* #AB9B7D */);
}

a:link, a:active, div.icons a {
    color: #FC6A21; 
}
element.style {
    height: 680px;
    width: 900px;
}

/* #getperson td.databack li, #familygroup td.databack li { list-style: none; }  */
/* I can't remember why I inserted the above line, but it stopped the nos. showing for source refs */

td.databack li { margin-bottom: 3px; }
#notes ul { list-style: none inside none; }
#notes ul li { border: 1px solid #AB9B7D; padding: 4px 8px; margin: 6px; margin-left: 0; margin-bottom: 8px;  border-radius: 6px 6px 6px 6px; }

#getperson td.databack li .caps, .caps, span.caps	{ text-transform: uppercase;  }
#getperson td.databack li .small-caps, .small-caps	{ font-variant:small-caps;	}
#getperson td.databack li .overline, .overline	{ text-decoration:overline;	}

#slidingDiv, #slidingDivMain, #slidingDiv0, #slidingDiv1, #slidingDiv2, #slidingDiv3, #slidingDiv4, #slidingDiv5, #slidingDiv6, #slidingDiv7, #slidingDiv8, #slidingDiv9, #slidingDiv10,
#slidingDiv11, #slidingDiv12, #slidingDiv13, #slidingDiv14, #slidingDiv15, #slidingDiv16, #slidingDiv17, #slidingDiv18, #slidingDiv19, #slidingDiv20,
#slidingDiv21, #slidingDiv22, #slidingDiv23, #slidingDiv24, #slidingDiv25, #slidingDiv26, #slidingDiv27, #slidingDiv28, #slidingDiv29, #slidingDiv30,
#slidingDiv31, #slidingDiv32, #slidingDiv33, #slidingDiv34, #slidingDiv35, #slidingDiv36, #slidingDiv37, #slidingDiv38, #slidingDiv39, #slidingDiv40,
#slidingDiv41, #slidingDiv42, #slidingDiv43, #slidingDiv44, #slidingDiv45, #slidingDiv46, #slidingDiv47, #slidingDiv48, #slidingDiv49, #slidingDiv50,
#slidingDiv51, #slidingDiv52, #slidingDiv53, #slidingDiv54, #slidingDiv55, #slidingDiv56, #slidingDiv57, #slidingDiv58, #slidingDiv59, #slidingDiv60,
#slidingDiv61, #slidingDiv62, #slidingDiv63, #slidingDiv64, #slidingDiv65, #slidingDiv66, #slidingDiv67, #slidingDiv68, #slidingDiv69, #slidingDiv70,
#slidingDiv71, #slidingDiv72, #slidingDiv73, #slidingDiv74, #slidingDiv75, #slidingDiv76, #slidingDiv77, #slidingDiv78, #slidingDiv79, #slidingDiv80,
#slidingDiv81, #slidingDiv82, #slidingDiv83, #slidingDiv84, #slidingDiv85, #slidingDiv86, #slidingDiv87, #slidingDiv88, #slidingDiv89, #slidingDiv90,
#slidingDiv21, #slidingDiv92, #slidingDiv23, #slidingDiv24, #slidingDiv25, #slidingDiv26, #slidingDiv27, #slidingDiv28, #slidingDiv29, #slidingDiv100,
#slidingDiv101, #slidingDiv102, #slidingDiv103, #slidingDiv104, #slidingDiv105, #slidingDiv106, #slidingDiv107, #slidingDiv108, #slidingDiv109, #slidingDiv110,
#slidingDiv, #slidingDiv1841, #slidingDiv1851, #slidingDiv1861, #slidingDiv1871, #slidingDiv1881, #slidingDiv1891, #slidingDiv1901, #slidingDiv1911
{
	display:none;
}

/* added for Census Feature mod - TAG I've softened the colour of the alt lines*/
/* same as databack with lighter or darker background color for census alternate rows in data areas */
.censusdatabackalt {
	background-color: #F2F2E3;
}

/* featureback: regular text within featured individual in census display */
.featureback {
	background-color: #FF9;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

/* for census transcript */
td.databack.smaller { padding: 15px; }	

/* for slide-down search box */
ul.tngdd ul li a, .slidedown {
	background-color:#FFFAEF;
}
.fieldname, .lightlink:link, .lightlink:visited { font-family: Palatino, Georgia, Times,serif; font-weight: bold; font-size: 14px; color: #FFFAEF; }

/* for place link magnifying glass: add styling to make the link larger; style like snlink but without change on hover */
/* as for snlink in gensytles.css - small boxes for letters on the surnames page, also for pagination on other pages*/
.placeimg {
	padding:0px 5px 0px 5px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	margin-bottom: -5px;
	background-color:#e0e0f7; /*same as "databack" background color */
	color:black;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: right;
}
/* as for snlink in templatestyles */ 
.placeimg {
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	background-color:#F5DEB3;
	color:black;
}
a.pl { border-bottom: 0; }

/* commented out code below to give rounded corners. A problem with one row tables not getting - but should be able to get around by defining (e.g. border-top-left-radius) instead of giving 4 values each time. BUT there are nested tables in some getperson tables - to cause a bigger problem. Also some strange results in preview pop-up - not explored reason
It seemed to me only-child didn't work but it should have - see here: http://www.quirksmode.org/css/selectors/ - maybe I got the css with it wrong?? */

/*
table.whiteback {
    border-collapse:separate;
/*    *border-collapse: collapse;  - do I need? - from other code / * IE7 and lower * /
/*  border-spacing: 0;  - do I need? - from other code * /
    border-radius:11px;
    -moz-border-radius:11px;
}

td.fieldnameback, td.databack  {
    padding: 5px;
} 

td.fieldnameback {
    border-top: none;
}
/* top left * /
tr:first-child td.fieldnameback:first-child, td.databack:first-child {
     border-left: none;
}

tr:first-child td.fieldnameback:first-child { -moz-border-radius: 11px 0 0 0;
    -webkit-border-radius: 11px 0 0 0;
    border-radius: 11px 0 0 0;
 }
/* top right * / 
td.fieldnameback:last-child, tr:first-child td.databack:last-child { -moz-border-radius: 0 11px 0 0; 
    -webkit-border-radius: 0 11px 0 0;
    border-radius: 0 11px 0 0;
}
/* bottom left * /
tr:last-child td.databack:first-child, tr:last-child td.fieldnameback:first-child { -moz-border-radius: 0 0 0 11px;
    -webkit-border-radius: 0 0 0 11px;
    border-radius: 0 0 0 11px;
 }
/* bottom right * / 
tr:last-child td.databack:last-child { -moz-border-radius: 0 0 11px 0;
    -webkit-border-radius: 0 0 11px 0;
    border-radius: 0 0 11px 0;
  }
/* one row only - assume fieldnameback on left, databack on right * /
tr:only-child td.fieldnameback { -moz-border-radius: 11px 0 0 11px;
    -webkit-border-radius: 11px 0 0 11px;
    border-radius: 11px 0 0 11px;
 }
tr:only-child td.databack { -moz-border-radius: 0 11px 11px 0;
    -webkit-border-radius: 0 11px 11px 0;
    border-radius: 0 11px 11px 0;
 } 
/* one column only - assume fieldnameback at top, databack at botom * /
td.fieldnameback:only-child  { -moz-border-radius: 11px 11px 0 0px;
    -webkit-border-radius: 11px 0 0 11px;
    border-radius: 11px 0 0 11px;
 }
td.databack:only-child { -moz-border-radius: 0 0 11px 11px;
    -webkit-border-radius: 0 0 11px 11px;
    border-radius: 0 0 11px 11px;
 } 
  
/* one row, one column - prob never happen! * /  
tr:only-child td.fieldnameback:only-child{
    -moz-border-radius: 11px 11px 11px 11px;
    -webkit-border-radius: 11px 11px 11px 11px;
    border-radius: 11px 11px 11px 11px;
} */
/* added for Ancestor Map mod for use with mappedigree file - increase width of balloon and add right margin for scroll bar (when needed)  */
.mapballoonpedigree {
	width:417px;
	padding-right: 3px; /* create small gap between text and scroll bar) */
	margin-right: 18px; /* 17px seems enough for scroll bar */
	margin-top: 7px;
}
/* added for person events map - also used by headstones map - increase width of balloon and add right margin for scroll bar (when needed)  */
.mapballoon {
	width:315px; /* from 240px in genstyle */
	padding-right: 3px;
	margin-right: 18px;
	margin-top: 7px; /* currently 10px is in the code so needs to change there - this won't have any effect */
}

h3.h3link {border-bottom: 0;} 

/* Background colour for Family Chart - option from get person (familychart.php) */
.fambackground {
	background-color: #C7B491;
}
.hiddenbox {
		background-color: #F8E7C6;
}