/* Live in Style - ESPBS */

/* Foundation */
body        { color: midnightblue; background-color: lightcyan; font-size: 90%;
              font-family: trebuchet ms, sans-serif; margin-top: 0px }
table       { font-size: 100% }
td          { vertical-align: top }
br.all      { clear: both }
input.click { cursor: pointer }  /* use for submit buttons */

/* Links */
a         { color: blue }
a:hover   { color: maroon }
a:visited { color: midnightblue }
img       { border-style: none }

/* Document */
h1           { color: darkslategray; font-size: 250%;
               font-family: impact, american typewriter, sans-serif; margin: 25px 0px 40px 0px }
h2           { color: darkslategray; font-size: 120%; border-bottom: 7px solid midnightblue;
               padding: 5px 0px }
h3           { float: right; color: darkslategray; font-size: 140%; font-weight: bold;
               border: 3px dotted; padding: 1px 20px; margin: 5px }
div.indent   { margin-left: 25px; margin-right: 25px }
div.footer   { width: 900px; color: darkslategray; font-size: 80%; margin-top: 0px; text-align: right }
div.footer a { color: darkslategray; text-decoration: none; font-weight: normal }
img.screen   { float: right; border: 2px solid darkslategray; margin: 0px 0px 10px 10px }
img.footer   { width: auto }

/* High-Level Layout */
div.main    { width: 770px; background-color: white;
              background-image: url("graphics/header-hong-kong.jpg"); background-repeat: no-repeat;
              background-position: top right;
              border-top: 150px solid midnightblue; border-bottom: 10px solid midnightblue;
              border-left: 2px solid midnightblue; border-right: 2px solid midnightblue;
              padding: 0px 30px; margin-left: 70px }
div.command { color: #333; font-weight: bold; font-family: courier, monospace; margin: 10px 30px }
div.code    { display: table; white-space: pre; color: black; background-color: silver;
              font-size: 85%; font-family: courier new, monospace;
              padding: 0px 15px 15px 15px; margin: 10px auto 0px auto }
div.code p  { text-align: center; color: white; background-color: darkslategray;
              font-weight: bold; font-size: 120%; font-family: sans-serif;
              padding: 2px; margin: 0px -15px }

/* Form Box */
table.perfect         { color: #333; background-color: cadetblue;
                        border: solid darkslateblue 3px; padding: 7px;
                        margin-left: auto; margin-right: auto }
table.perfect caption { color: white; font-size: 110%; background-color: darkslateblue;
                        font-weight: bold; padding: 1px; margin-left: auto; margin-right: auto }
table.perfect th      { text-align: right; font-weight: bold }
table.perfect div     { text-align: center; margin-top: 6px }
table.perfect span    { float: right; font-size: 65% }
table.perfect a       { color: darkslategray; text-decoration: none }