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

@font-face {
  font-family: "LiberationSerif";
  src: url(../fonts/liberation_serif/LiberationSerif-Regular.ttf);
}
@font-face {
  font-family: "LiberationSerif";
  font-style: italic;
  src: url(../fonts/liberation_serif/LiberationSerif-Italic.ttf);
}
@font-face {
  font-family: "LiberationSerif";
  font-weight: bold;
  src: url(../fonts/liberation_serif/LiberationSerif-Bold.ttf);
}
@font-face {
  font-family: "LiberationSerif";
  font-weight: bold;
  font-style: italic;
  src: url(../fonts/liberation_serif/LiberationSerif-BoldItalic.ttf);
}

@font-face {
  font-family: "Cantarell";
  src: url(../fonts/Cantarell/Cantarell-Regular.ttf);
}
@font-face {
  font-family: "Cantarell";
  font-style: italic;
  src: url(../fonts/Cantarell/Cantarell-Oblique.ttf);
}
@font-face {
  font-family: "Cantarell";
  font-weight: bold;
  src: url(../fonts/Cantarell/Cantarell-Bold.ttf);
}
@font-face {
  font-family: "Cantarell";
  font-weight: bold;
  font-style: italic;
  src: url(../fonts/Cantarell/Cantarell-BoldOblique.ttf);
}

/* The fonts for absolutely everything (unless otherwise specified) */
body, #content {
  font-size: 12pt;
  font-family: "Cantarell", "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 16pt;
  color: rgb(55, 55, 55);
}

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

/* Link colors */
#content a, #content-wm a, .post a {
  color: rgb(74, 92, 117);
  text-decoration: underline;
}

  /* Hover-over link colors */
  #content a:hover, #content-wm a:hover, .post a:hover {
    color: rgb(114, 132, 157);
  }

/* 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: "LiberationSerif", "Baskerville", Times, serif;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 30pt;
  font-size: 24pt;
  color: rgb(0, 114, 188);
  border-color: rgb(0, 114, 188);

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

/* A slightly smaller title */
h2, h3, h4 {
  color: rgb(152, 167, 200);
  font-family: "LiberationSerif", "Baskerville", Times, serif;
  letter-spacing: 0px;
  font-size: 18pt;
  line-height: 20pt;
  font-weight: normal;

  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;
}

/* 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-family: "LiberationSerif", "Baskerville", Times, serif;
  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;
  }

/* A blue box to indicate a message other than error. */
.infobox {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(114, 132, 157);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

  background-color: rgba(114, 132, 157, 0.1);

  font-family: "LiberationSerif", "Baskerville", Times, serif;
  font-size: 13pt;
  letter-spacing: 0px;
  color: rgb(220, 220, 255);

  padding: 15px;
  margin: 15px 0px 15px 0px;
}

  .infobox h1 {
    color: rgb(114, 132, 157) !important;
  }