/*
 * Blue Static Site
 *
 * Copyright (c)2010 by Blue Static. All Rights Reserved.
 * This file may not be reproduced in any way without permission.
 */

body {
  --text-accent: rgb(0,68,170);
  --text-bright: rgb(23,179,239);
  --text-bright2: rgb(67,151,211);
  --menu-dark: rgb(14,57,121);
  --menu-highlight: rgb(187,219,255);

  --body-font:  'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  --secondary-font: 'Titillium Web', Optima, 'Trebuchet MS', serif;

  --code-background: rgb(228,239,247);
}

/* The fonts for absolutely everything (unless otherwise specified) */
body, #content {
  font-size: 13pt;
  font-family: var(--body-font);
  font-weight: 400;
  color: rgb(55, 55, 55);
}

code, pre, samp {
  font-size: 12px;
}

pre {
  overflow: scroll;
  background-color: var(--code-background);
  padding: 3pt;
}

/* Link colors */
#content a, #content-wm a, .post a {
  color: var(--text-accent);
  text-decoration: underline;
}

  /* Hover-over link colors */
  #content a:hover, #content-wm a:hover, .post a:hover {
    color: var(--text-bright);
  }

/* Remove formatting for images that have been applied to links. This has to be class'd on all <img> tags because parent selectors don't exist (a<img to select all A that have IMG children) */
img, .img, img:hover, .img:hover {
  border: none;
  text-decoration: none;
}

/* A clear float blocker to prevent spill */
.clear {
  clear: both;
}

/* General content titles */
h1, h1 a, #content h1, #content h1 a {
  font-family: var(--secondary-font);
  font-weight: 800;
  line-height: 30pt;
  font-size: 24pt;
  color: var(--text-accent);
  border-color: var(--text-accent);

  margin-bottom: 0px;
  margin-top: 10px;
  padding: 0px;
  margin: 0px;
}

/* A slightly smaller title */
h2, h3, h4 {
  color: var(--text-bright2);
  font-family: var(--secondary-font);
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18pt;
  line-height: 20pt;

  margin: 0px;
}

h2 a, h3 a {
  color: rgb(0, 0, 0);
  font-style: normal;
}

/* Heading 3 */
h3 {
  font-size: 14pt;
}

/* Content to go with the general title block */
p {
  margin-top: 0px;
  margin-bottom: 17px;
}

/* Floats an image over to the left */
.left {
  float: left;
  margin: 1px 8px 1px 1px;
}

/* Floats an image to the right */
.right {
  float: right;
  margin: 1px 1px 1px 3px;
}

/* Small links under post titles */
.smallfont {
  margin-top: 2pt;
  margin-bottom: 12pt;
  font-size: 9pt;
}

/* Wraps text in a nice red outfit so people know to pay attention */
.error {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(167, 40, 26);
  border-radius: 3px;

  background-color: rgba(167, 40, 26, 0.1);

  font-size: 13pt;
  letter-spacing: 0px;
  color: rgb(0, 30, 30);

  padding: 15px;
  margin: 15px;
}

  .error h1 {
    color: rgb(207, 80, 66) !important;
  }

  .error p {
    padding: 0px;
    margin: 0px;
  }