/* TYPOGRAPHY */
body            {font-family: "Lucida Grande", "Lucida Sans Unicode",  helvetica, arial, sans-serif;}
h1, h2, h3, dt  {font-family: "Utopia Std", "Georgia", "Times", serif;}
h1, h2, #footer {text-align: center;}
p               {text-align: justify;}

p, dd, dt em, ol {font-size: 0.8em;}
h1               {font-size: 1.6em;}
h3, dt           {font-size: 1.1em;}
code             {font-size: 1.15em;}
#footer          {font-size: 0.7em;}

dt  {text-decoration: underline;}
p   {text-indent: 1em;}
h3  {letter-spacing: 1px;}
p   {line-height: 1.4em;}

/* COLORS AND BACKGROUNDS */
body         {background: #fff url(../i/body_bg.jpg) repeat-y top center;}
#color       {background: transparent url(../i/content_bg.jpg) no-repeat bottom center fixed;}
h3, #footer  {background-color: #ffc819;}
h3           {background: url(../i/h3_bg.png) repeat-y;}
p            {background: url(../i/p_bg.png) no-repeat;}

body                       {color: #000;}
a                          {color: #0066cc;}
a:hover, a:active, a:focus {color: #000099; background-color: #ffc819;}
.shell                     {color: orange;}

/* LAYOUT AND MARGINS */
#content    {width: 700px; margin: 0 auto 0 auto; padding-bottom: 10px; padding-top: 10px;}
h1, #footer {width: 100%;}
dd img      {width: 560px;}
h3          {clear: both;}
ol li       {list-style-type: decimal; margin-top: 1em; margin-left: 3em;}
img         {margin-top: 10px; margin-bottom: 10px;}
a img       {float: left; margin: 10px 40px 40px 40px; border: 0px;}

h3, dt, #footer       {padding-top: 3px; padding-bottom: 1px; margin-top: 1em;}
p, dt, dl, dd, h3, ol {padding-left: 10px;}
p, dd                 {padding-right: 120px;}
dd                    {padding-bottom: 30px;}
p                     {padding-top: 15px; min-height: 50px;}
code                  {margin-top: 0.7em; margin-bottom: 0.7em; display: block;}