/* Live in Style - Jerry */
/* Colors  -->  background: steelblue (#4282B5), borders: firebrick (#B52021), font: whitesmoke */

/* Foundation */
body       { color: whitesmoke; background-image: url("graphics/background.png");
             font-size: 90%; font-family: geneva, tahoma, sans-serif; margin: 0px; }
html       { overflow: -moz-scrollbars-vertical; }
table      { font-size: 100%; }
td         { vertical-align: top; }
td.middle  { vertical-align: middle; }
ul, ol     { margin-top: 3px; }
textarea   { font-family: sans-serif; }
br.all     { clear: both; }

/* Links */
a         { color: darkslategray; font-weight: bold; text-decoration: none; }
a:hover   { color: darkblue; }
a:active  { color: darkgray; }
a:visited { color: darkgray; }
img       { border-style: none; }

/* Document */
h1        { font-size: 170%; font-family: comic sans ms, american typewriter, cursive; margin-top: 20px; }
h2        { font-weight: normal; font-size: 120%; font-family: sans-serif; }
h3        { font-size: 120%; }
h4        { font-weight: normal; font-size: 110%; margin-bottom: 5px; }
.stage_r  { float: right; text-align: right; font-size: 90%; font-family: sans-serif; margin: 0px 0px 20px 20px; }
.indent   { margin-left: 20px; margin-right: 20px; }
.footnote { font-size: 70%; font-family: xcourier, sans-serif; }
.click    { cursor: pointer; }  /* use for submit buttons */
div.blog_date { font-weight: bold; font-size: 110%; margin-bottom: 2px; }

/* Layout */
div.main      { width: 600px; background-color: steelblue;
                background-image: url("graphics/header-background.jpg");
                background-position: top right; background-repeat: no-repeat;
                border-left: 50px solid firebrick; border-right: 50px solid firebrick;
                padding: 5px 25px; margin: 0px auto; }
div.title_box { float: left; text-align: center; margin-left: 10px; }
div#footer    { text-align: center; color: dimgray; font-size: 80%; font-family: sans-serif;
                margin: 10px 0px 30px 0px; }
div#footer a  { color: dimgray; font-weight: normal; }

/* Navigation Bar */
table#nav   { margin: 6px auto; }
table#nav a { text-transform: uppercase; text-decoration: none; color: white;
              background-color: firebrick; font-size: 75%; font-family: sans-serif;
              border: 1px solid darkblue; padding: 0px 8px; }
table#nav a:hover           { color: white; background-color: darkblue; border: 1px solid white; }
table#nav a.current         { color: whitesmoke; background-color: firebrick; border: 1px solid darkblue; }
table#nav a.current:visited { color: whitesmoke; background-color: firebrick; border: 1px solid darkblue; }
table#nav a.current:hover   { color: whitesmoke; background-color: firebrick; border: 1px solid darkblue; }

/* Sub-Windows (image tables for floor plans) */
table.photo_frame { display: inline; border: 5px; font-weight: bold; }
img.photo_frame   { border: 10px solid darkblue; border-radius: 10px; -moz-border-radius: 10px; }

/* !!!!!!!!!!!!!!!!!!!! */
a.photo_frame   { border: 10px solid pink; border-radius: 10px; -moz-border-radius: 10px; }

/* Data Tables (real estate listings) */
#data table   { border: 1px solid darkblue; background-color: aliceblue; color: dimgray; }
#data caption { background-color: darkblue; color: aliceblue; font-weight: bold; }
#data th      { text-decoration: underline; }
#data td      { font-size: 80%; padding: 0px 4px 0px 4px;
                border-color: silver; border-width: 1px; border-style: none dotted solid none; }

/* PERFECT E-Mail Form */
table#perfect         { color: dimgray; background-color: lightsteelblue; 
                        font-family: sans-serif; border: solid darkblue 1px;
                        padding: 7px; margin-left: auto; margin-right: auto; }
table#perfect caption { color: white; background-color: darkblue;
                        font-weight: bold; padding: 2px;
                        margin-left: auto; margin-right: auto; }
table#perfect th      { text-align: right; font-weight: bold; }
table#perfect p       { float: left; font-size: 55%; margin: 0px; }
table#perfect a       { color: darkslategray; text-decoration: none; }
/* Perfect IE Hack */
table#perfect th      { padding-left: 15px; }
table#perfect td      { padding-right: 15px; }
table#perfect div     { text-align: right; }