fooocusplus-screen.css

body /* initialize default text parameters
and set the background colour of the page
beyond the 960px wrapper. */
{
   font-family: Georgia, Times, "Times New Roman", serif;
   font-size: 1.2em;
   text-align: left;
   color: black;
   background: #003; /* very dark blue */
   line-height: 1.3em;
}

#wrapper /* fix the page width to 960px.
This declaration must always come second */
{
   margin: 0 auto;   /* centre wrapper */
   border: 1px solid black;
   width: 1870px;
}

/* banner styles */
header
{
   background: #ffc; /* conditioner yellow */
   text-align: center;
   height: 172px;
   border-bottom: 1px solid black;
   padding: 10px;
}

/* <h1> and <h2> margin-top indirectly
affects vertical position of the navbar */
header h1
{ 
   font-size: 1.6em;
   font-weight: bold;
   margin-top: 45px;
}

/* header <h2> is used for the slogan or
theme to improve accessibility. We switch
from Georgia to Times New Roman here,
which I prefer for italics */
header h2
{
   font-family: "Times New Roman", Times, Georgia, serif;
   font-size: 1.05em;
   line-height: 1.5em;
   margin-top: 30px;
}

img
{ 
   background: black;
   box-shadow: 0.2px 0.2px 4px black;
   margin-top: 6px;
   padding: 1px 2px 2px 1.5px;
   height: 256px;
   width: 256px;
}

/* table styles
Switch to Times New Roman to improve
numerical display */
table
{
   font-family: "Times New Roman", Times, Georgia, serif;
   background: #ffc; /* conditioner yellow */
   border: 1px solid black;
   margin: 8px 0px 6px 0px;
   padding: 8px;
}

#titles
{
   font-weight: bold;
   height: 80px;
   text-align: center;
}

th
{
   font-weight: bold;
   padding: 5px;
   text-align: center;
   width: 80px;
}

tr
{
   background: #9ff; /* light cyan */
}

td
{
   padding: 2px;
}

.blank
{
   padding: 3px;
}

.image
{
   width: 256px;
}

.prompt
{
   padding: 10px;
   width: 310px;
}

/* footer styles
Times New Roman harmonizes with Georgia,
but gives uniform display of numbers */
footer
{
   font-family: "Times New Roman", Times, Georgia, serif;
   font-size: 1em;
   color: white;
   background: #069;  /* Baltic blue */
   border: 1px solid black;
   padding: 25px;
   line-height: 1em;
   text-align: center;
}