Michel,
Please consider using a stylesheet that is
% based instead of
pt based. There is also a typo in the font "Courrier" instead of "Courier" used in several of the styles. As an example this makes the magazine respect the user's current font size selection:
P.Content
{
font-size: 100%;
font-family: "Arial";
font-weight: bold;
color: yellow;
}
P.ContentMenu
{
font-size: 90%;
font-family: "Arial";
font-weight: bold;
color: #FFFFFF;
margin-top: 4pt;
margin-bottom: 0pt;
}
P.ContentMenuItem
{
font-size: 80%;
font-family: "Arial";
font-weight: none;
color: #C0C0C0;
margin-top: 0pt;
margin-bottom: 0pt;
}
SPAN.ContentMenuItemPage
{
font-size: 80%;
font-family: "Arial";
font-weight: bold;
color: #FFFFFF;
}
.Article
{
font-size: 140%;
font-family: "Arial";
font-weight: bold;
}
.Bio
{
font-size: 80%;
font-family: "Arial";
font-style: Italic;
}
.ArticleSection
{
font-size: 90%;
font-family: "Arial";
font-weight: bold;
}
.Page
{
font-size: 90%;
font-family: "Arial";
font-weight: bold;
}
P
{
font-size: 90%;
font-family: "Arial";
}
TD
{
font-family: "Arial";
font-size: 90%;
}
TD.Content
{
font-family: "Arial";
font-size: 90%;
}
@media print
{
BODY {background-image: none; background-color: white}
}
TABLE.Detail
{
BACKGROUND-COLOR: CCCCC1;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 0px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 0px solid;
}
TABLE.Detail TD
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
font-family: "Arial";
font-size: 90%;
}
TABLE.Detail TH
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
BACKGROUND-COLOR: CCCC99;
font-family: "Arial";
font-size: 90%;
}
PRE.Code
{
background: none;
font-family: "Courier";
font-size: 80%;
color: #003399;
}
P.Figure
{
font-size: 80%;
font-family: "Arial";
font-weight: bold;
margin-top: 6pt;
margin-bottom: 2pt;
}
PRE.CodeStraight
{
font-family: "Courier";
font-size: 90%;
margin-top: 2pt;
color: #003399;
}
TT.CodeStraight
{
font-family: "Courier";
font-size: 90%;
color: #003399;
}
TABLE.FAQ
{
BACKGROUND-IMAGE: url("BackContent2.jpg");
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 0px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 0px solid;
}
TABLE.FAQ TD
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
}
TABLE.FAQ TH
{
BORDER-BOTTOM: #000000 0px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 1px solid;
BACKGROUND-IMAGE: url("BackContent.jpg");
}