1,24d0 < html, body { < border: 0; < padding: 0; < margin: 0; < font-family: Verdana, Arial, Helvetica, sans-serif; < min-width: 912px; < background-color: #eeeff1; < } < #header { < margin-bottom: 23px; /* sync this value with margin-top of #content */ < background: #2963a5 url("../images/people-header.png") repeat-y 20% 0%; < height: 74px; < } < #header .logo { < position: absolute; < display: block; < left: 5px; < top: 3px; < } < #content { < margin-top: -23px; /* sync this value with margin-top of #content */ < margin-right: 210px; < background-color: white; < } 26,30c2,6 < background: white url("../images/people-entry-group-date-header.png") no-repeat top right; < margin-right: 25px; < position: relative; < padding-bottom: 12px; < margin-bottom: 30px; --- > background: white url("../images/people-entry-group-date-header.png") no-repeat top right; > margin-right: 25px; > position: relative; > padding-bottom: 12px; > margin-bottom: 30px; 33,41c9,17 < text-align: center; < background: transparent url("../images/people-entry-group-date-background.png") repeat-y top right; < color: white; < margin-top: 11px; < position: absolute; < right: 0; < font-size: 0.9em; < width: 229px; < height: 100%; --- > text-align: center; > background: transparent url("../images/people-entry-group-date-background.png") repeat-y top right; > color: white; > margin-top: 11px; > position: absolute; > right: 0; > font-size: 0.9em; > width: 229px; > height: 100%; 44,47c20,22 < clear: both; < margin: 11px 0; < position: relative; < top: 40px; --- > margin: 11px 0; > position: relative; > top: 40px; 50,55c25,30 < float: left; < margin-top: 30px; < padding: 0 20px 30px 0; < width: 125px; < font-size: 0.8em; < text-align: center; --- > float: left; > margin-top: 30px; > padding: 0 20px 30px 0; > width: 125px; > font-size: 0.8em; > text-align: center; 58c33 < font-size: 0.9em; --- > font-size: 0.9em; 61,63c36,38 < display: block; < margin: 1ex auto; < border: 0; --- > display: block; > margin: 1ex auto; > border: 0; 66,68c41,43 < margin: 1em 0 1em 145px; < border-radius: 20px; < background: transparent url("../images/people-entry-center-left.png") repeat-y center left; --- > margin: 1em 0 1em 145px; > border-radius: 20px; > background: transparent url("../images/people-entry-center-left.png") repeat-y center left; 71,72c46,47 < background: transparent url("../images/people-entry-top-center.png") repeat-x top center; < height: 50px; --- > background: transparent url("../images/people-entry-top-center.png") repeat-x top center; > height: 50px; 75,77c50,52 < font-size: larger; < background: transparent url("../images/people-entry-top-left.png") no-repeat top left; < height: 50px; --- > font-size: larger; > background: transparent url("../images/people-entry-top-left.png") no-repeat top left; > height: 50px; 80,84c55,59 < padding: 1em 0; < display: block; < margin-left: 25px; < background: transparent url("../images/people-entry-top-right.png") no-repeat top right; < height: 50px; --- > padding: 1em 0; > display: block; > margin-left: 25px; > background: transparent url("../images/people-entry-top-right.png") no-repeat top right; > height: 50px; 87,96c62,71 < padding-top:10px; < padding-right: 3em; < margin-left: 25px; < text-align: justify; < font-size: 0.8em; < font-weight: normal; < background: transparent url("../images/people-entry-center-right.png") repeat-y center right; < padding-bottom:10px; < position: relative; < overflow: auto; --- > padding-top:10px; > padding-right: 3em; > margin-left: 25px; > text-align: justify; > font-size: 0.8em; > font-weight: normal; > background: transparent url("../images/people-entry-center-right.png") repeat-y center right; > padding-bottom:10px; > position: relative; > overflow: auto; 99,100c74,75 < max-width: 575px; < margin-left: 2ex; --- > max-width: 575px; > margin-left: 2ex; 103c78 < background: transparent url("../images/people-entry-bottom-center.png") repeat-x bottom center; --- > background: transparent url("../images/people-entry-bottom-center.png") repeat-x bottom center; 106,109c81,84 < font-size: x-small; < text-align: right; < color: #b3b3b3; < background: transparent url("../images/people-entry-bottom-left.png") no-repeat bottom left; --- > font-size: x-small; > text-align: right; > color: #b3b3b3; > background: transparent url("../images/people-entry-bottom-left.png") no-repeat bottom left; 112,117c87,92 < display: block; < color: #b3b3b3; < text-decoration: none; < height: 35px; < background: transparent url("../images/people-entry-bottom-right.png") no-repeat bottom right; < padding: 1em 5em 0 0; --- > display: block; > color: #b3b3b3; > text-decoration: none; > height: 35px; > background: transparent url("../images/people-entry-bottom-right.png") no-repeat bottom right; > padding: 1em 5em 0 0; 120,151c95,98 < font-size: x-small; < color: #b3b3b3; < text-align: center; < padding: 1em; < } < #sidebar { < color: #555555; < background-color: #eeeff1; < font-size: 0.8em; < position: absolute; < width: 210px; < min-width: 210px; < max-width: 210px; < top: 0; < right: 0; < margin: 0; < border-left: 2px solid white; < height: 100%; < } < #sidebar #sidebar-header { < display: block; < background-color: #2963a5; < } < #sidebar-inner { < padding: 10px; < } < #sidebar h2 { < font-size: 1.4em; < font-weight: normal; < border-bottom: 1px solid #cfd4d9; < margin: 5px 0px; < padding: 0px 5px; --- > font-size: x-small; > color: #b3b3b3; > text-align: center; > padding: 1em; 154,159d100 < #sidebar ul { < list-style: square inside; < padding: 0; < margin: 0 0 1em 0; < color: #22538b; < } 161c102 < height: 1em; --- > height: 1em; 164c105 < color: #337ACC; --- > color: #337ACC; 167c108 < color: #6A3B18; --- > color: #6A3B18;