/* ==================================================================================================== */
/* CSS file for "RIR Stats" website - Common rules
These rules are prefixed by div.rirstats and should be used inside an enclosing <div class="rirstats">.
Table class: sitebanner.
*/
/* ==================================================================================================== */

/* ---------------------------------------------------------------------------------------------------- */
/* Body and container */
/* ---------------------------------------------------------------------------------------------------- */

body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: gray;
}

div.container {
  max-width: 1400px;
  margin: 0px auto;
  padding: 8px;
  background-color: white;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Enclosing div */
/* ---------------------------------------------------------------------------------------------------- */

div.rirstats {
  margin: 0px 5px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Site banner */
/* ---------------------------------------------------------------------------------------------------- */

div.rirstats table.sitebanner {
  width: 100%;
}

div.rirstats table.sitebanner td.title {
  width: 70%;
}

div.rirstats table.sitebanner td.logo {
  width: 15%;
  text-align: center;
}

div.rirstats table.sitebanner td.logo img {
  height: 100px;
}

/* Site banner: do not display logos on small screens */
@media only screen and (max-width: 660px) {
  div.rirstats table.sitebanner td.logo {
    display: none;
  }
}

/* ---------------------------------------------------------------------------------------------------- */
/* Headers */
/* ---------------------------------------------------------------------------------------------------- */

div.rirstats h1, div.rirstats h2, div.rirstats h3.author {
  text-align: center;
}

div.rirstats h1, div.rirstats h2 {
  font-variant: small-caps;
}

div.rirstats h1, div.rirstats h1 a, div.rirstats h2, div.rirstats h3 {
  color: #FF4D4D; /* red */
}

/* ---------------------------------------------------------------------------------------------------- */
/* Horizontal row */
/* ---------------------------------------------------------------------------------------------------- */

div.rirstats hr {
  height: 4px;
  border: 0;
  background-color: #FF4D4D; /* red */
}

/* ---------------------------------------------------------------------------------------------------- */
/* Fonts */
/* ---------------------------------------------------------------------------------------------------- */

div.rirstats h3, div.rirstats p, div.rirstats ul {
  font-size: larger;
}

div.rirstats p.bold {
  font-weight: bold;
}