Correct error in Indi header (http://webtrees.net/forums/7-open-discussion/1785-individual-page-header-information)

14 files changed, 798 insertions, 210 deletions

diff --git a/themes/colors/css/aquamarine.css b/themes/colors/css/aquamarine.css
index 82efcd48f4..72554deda4 100644
--- a/themes/colors/css/aquamarine.css
+++ b/themes/colors/css/aquamarine.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/ash.css b/themes/colors/css/ash.css
index 44fc22a4ae..f8f891fdcd 100644
--- a/themes/colors/css/ash.css
+++ b/themes/colors/css/ash.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/belgianchocolate.css b/themes/colors/css/belgianchocolate.css
index 0c205a4949..046991d1c5 100644
--- a/themes/colors/css/belgianchocolate.css
+++ b/themes/colors/css/belgianchocolate.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/bluelagoon.css b/themes/colors/css/bluelagoon.css
index ca68a2a213..80a70595ff 100644
--- a/themes/colors/css/bluelagoon.css
+++ b/themes/colors/css/bluelagoon.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/bluemarine.css b/themes/colors/css/bluemarine.css
index 4053443096..b4e5b1c5fa 100644
--- a/themes/colors/css/bluemarine.css
+++ b/themes/colors/css/bluemarine.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/coldday.css b/themes/colors/css/coldday.css
index 711b3fc0d9..acd3fff60e 100644
--- a/themes/colors/css/coldday.css
+++ b/themes/colors/css/coldday.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/greenbeam.css b/themes/colors/css/greenbeam.css
index 049d09a2b9..cd4f806d02 100644
--- a/themes/colors/css/greenbeam.css
+++ b/themes/colors/css/greenbeam.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/mediterranio.css b/themes/colors/css/mediterranio.css
index d348f6adf8..a6034c8f95 100644
--- a/themes/colors/css/mediterranio.css
+++ b/themes/colors/css/mediterranio.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/mercury.css b/themes/colors/css/mercury.css
index bc28f31966..da1f2898c6 100644
--- a/themes/colors/css/mercury.css
+++ b/themes/colors/css/mercury.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/nocturnal.css b/themes/colors/css/nocturnal.css
index 6cbac21977..945bade489 100644
--- a/themes/colors/css/nocturnal.css
+++ b/themes/colors/css/nocturnal.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/olivia.css b/themes/colors/css/olivia.css
index bd8f4be2be..8016d74182 100644
--- a/themes/colors/css/olivia.css
+++ b/themes/colors/css/olivia.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/pinkplastic.css b/themes/colors/css/pinkplastic.css
index 1188fc90f0..c05e979a98 100644
--- a/themes/colors/css/pinkplastic.css
+++ b/themes/colors/css/pinkplastic.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/shinytomato.css b/themes/colors/css/shinytomato.css
index bc21c8a78a..320f701696 100644
--- a/themes/colors/css/shinytomato.css
+++ b/themes/colors/css/shinytomato.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */
diff --git a/themes/colors/css/tealtop.css b/themes/colors/css/tealtop.css
index ba022f1600..e4db23fd13 100644
--- a/themes/colors/css/tealtop.css
+++ b/themes/colors/css/tealtop.css
@@ -1610,46 +1610,88 @@ padding-top: 12px;
 text-align: center;
 } 
 
+.clearfloat {
+	clear: both;
+}
+
 dl {
-	margin-bottom:20px;
+	margin: 0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px;
-	clear:both; 
+	margin-right:10px; 
+	clear:both;
+}
+
+/* Classes for the INDI page header */
+
+#indi_top {
+white-space:nowrap;
+}
+
+#indi_name {
+	vertical-align:	top;
+	width: 35%;
+}
+
+#indi_name a {
+	color: #333377;
+}
+
+#indi_name_details {
+	vertical-align:	top;
+	float: left;
+	margin: 10px 0 0 0;
+	width: 85%;
 }
 
 #indi_details dt:after { content: ":"; }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
+#indi_mainimage, #nameparts, #sex, #mainfacts {
+	margin-right:25px;
+	vertical-align:	top;
 }
 
-#indi_mainimage, #nameparts1, #nameparts2, #nameparts3, #nameparts4, #sex, #mainfacts {
+#facts_content dd {
 	float:left;
-	margin-right:15px;
+	width: 70%;
 }
 
-#mainfacts {
-white-space: nowrap;
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
-#hitcounter {
+#indi_details {
 	display: block;
 	width: 100%;
-	margin-bottom:10px;
+}
+#indi_facts {
+	float:left;
+	padding: 0 15px 0 0;
+	width: 45%;
+}
+#nameparts1 {
+	float: left;
+	margin-right: 20px;
 }
 
-.clearfloat {
-	clear: both;
+#name1 {
+	line-height:	2;
+	padding-bottom:	2px;
 }
 
-#indi_details {
+#sex, #mainfacts {
+	vertical-align:	top;
+}
+
+#hitcounter {
 	display: block;
 	width: 100%;
+	margin-bottom:10px;
 }
 
 /* tables for Module Admin tab */