/* Ravenswood Physiotherapy: the old site (c. 2014). System fonts only, fixed 960 px tables. */
body {
  margin: 0;
  padding: 10px 0 30px;
  background: #5d84b8 repeating-linear-gradient(45deg, #5d84b8 0, #5d84b8 3px, #5a80b3 3px, #5a80b3 6px);
  font: 13px/1.4 "Times New Roman", Times, serif;
  color: #666;
}
#page { width: 960px; margin: 0 auto; background: #fff; border: 1px solid #234; }
table { border-collapse: separate; }
td { font: inherit; }
a { color: #0000cc; }
img { border: 0; }

#banner { background: linear-gradient(#35a0ff 0%, #0b52c4 55%, #083a94 100%); }
.banner-l { padding: 18px 20px; }
.logo { margin: 0; font: italic bold 38px Georgia, "Times New Roman", serif; color: #fff; text-shadow: 2px 2px 3px #001a55; }
.tag { margin: 6px 0 0; font: 14px Verdana, Arial, sans-serif; color: #cfe6ff; }
.banner-r { width: 230px; padding: 10px; text-align: right; }
.stock {
  position: relative; width: 210px; height: 130px; margin-left: auto; overflow: hidden;
  background: linear-gradient(#d8ecff, #8fc2f2); border: 2px solid #fff;
}
.stock-head { position: absolute; left: 82px; top: 14px; width: 46px; height: 52px; border-radius: 50%; background: #f1c9a5; }
.stock-body { position: absolute; left: 45px; top: 70px; width: 120px; height: 90px; border-radius: 60px 60px 0 0; background: #fff; }
.stock span { position: absolute; left: 0; right: 0; bottom: 2px; font: 10px Arial, sans-serif; color: #345; text-align: center; }

#nav { background: #ccc; }
#nav td { background: linear-gradient(#f4f4f4, #bdbdbd); text-align: center; border: 1px solid #888; }
#nav a { display: block; padding: 7px 4px; font: bold 12px Arial, sans-serif; color: #333; text-decoration: none; }
#nav small { font-weight: normal; font-size: 9px; color: #c00; }

#layout { background: #fff; }
#side { background: #eef3fa; border-right: 1px solid #ccd; font: 11px Verdana, Arial, sans-serif; }
.box { margin-bottom: 12px; border: 1px solid #99b; background: #fff; }
.box h3 { margin: 0; padding: 3px 6px; background: #3b78c9; color: #fff; font: bold 12px Verdana, sans-serif; }
.box ul { margin: 0; padding: 4px 6px 4px 20px; }
.box li { margin: 3px 0; }
.box p { margin: 5px 6px; color: #777; }
.box img { display: block; margin: 6px auto; }
.red { color: #d00 !important; }
.fbbox { margin: 6px; padding: 6px; background: #3b5998; color: #fff; font: 11px Arial, sans-serif; }
.fbbox b { display: inline-block; width: 16px; margin-right: 4px; background: #fff; color: #3b5998; text-align: center; }
.counter { margin: 0; text-align: center; font: 10px Verdana, sans-serif; color: #888; }
.counter span { display: inline-block; margin-top: 3px; padding: 2px 6px; background: #000; color: #0f0; font: bold 14px "Courier New", monospace; letter-spacing: 2px; }

#content { padding: 14px 18px !important; }
h1 { margin: 0 0 10px; font: bold 28px "Comic Sans MS", "Comic Sans", cursive; color: #e0701a; text-align: center; }
h2 { margin: 22px 0 6px; padding-bottom: 2px; border-bottom: 1px solid #aac; font: bold 18px Georgia, "Times New Roman", serif; color: #1c4fa3; }
.welcome { text-align: center; color: #888; }
.bio, .services { margin: 0; text-align: justify; font-size: 11px; line-height: 1.35; color: #888; }
.services { color: #999; }
.fees { margin: 0; font-size: 16px; color: #1c4fa3; }
.small { font-size: 11px; color: #888; }
.old-form td { font: 12px Verdana, sans-serif; color: #555; }
.old-form input, .old-form textarea { font: 12px Verdana, sans-serif; }
.sent { display: none; margin: 8px 0 0; padding: 6px; border: 1px solid #c00; background: #ffeaea; color: #900; font: bold 12px Verdana, sans-serif; }
.sent:target { display: block; }

#foot { background: #222; color: #aaa; text-align: center; font: 10px Verdana, Arial, sans-serif; }
#foot a { color: #9cf; }