/* classic.css — shared styles for Template A (classic HTML4) pages */

/* Body defaults (replaces <body bgcolor/text/link/vlink/alink> and <font> tags) */
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  margin: 0;
  padding: 8px;
}

/* Link colors (replaces body link/vlink/alink attributes) */
a:link    { color: #8897DB; }
a:visited { color: #293A8B; }
a:active  { color: #CC0000; }
a:hover   { color: #336699; }

/* Replaces <center> tags */
.text-center { text-align: center; }

/* Replaces <font face="Arial, ..."> blocks */
.font-arial { font-family: Arial, Helvetica, sans-serif; }

/* Replaces <big> tags */
.text-big { font-size: larger; }

/* Replaces <br clear=all> */
.clear { clear: both; }

/* Image defaults: replaces border=0 attribute + responsive */
img {
  border: 0;
  max-width: 100%;
  height: auto;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  body {
    padding: 4px;
  }

  blockquote {
    margin-left: 1em;
    margin-right: 0.5em;
  }

  blockquote blockquote {
    margin-left: 0.5em;
    margin-right: 0.25em;
  }
}
