html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  width: 100%;
  height: 100%;
  min-width: 960px;
}
body {
  position: relative;
}
.wrapOut {
  width: 100%;
  float: left;
  clear: both;
  min-width: 960px;
}
.wrapIn {
  width: 960px;
  margin: 0 auto;
}
.outer {
  float: left;
  clear: both;
  position: relative;
  left: 50%;
}
.inner {
  position: relative;
  left: -50%;
}
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  font-family: helvetica, arial, verdana, sans-serif;
  text-rendering: optimizeLegibility;
}
.floatClear {
  float: left;
  clear: both;
}
img {
  border: 0;
}
ul {
  list-style-type: none;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */
html {
  margin: 0;
  padding: 0;
  border: 0;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  float: none !important;
}
table,
th,
td {
  vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
blockquote,
q {
  quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
  border: none;
}
/* Remember to define your own focus styles! */
:focus {
  outline: 0;
}
/* -------------------------------------------------------------- 
      
   liquid.css
   * Sets up an easy-to-use grid of 24 columns that stretch
     to the window width or can also be fixed width.

   Liquid grid work by:
   * Ben Listwon
   * David Bedingfield
   * Andrei Michael Herasimchuk
   Involution Studios, http://www.involutionstudios.com

   -----

   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]

   -----
   
   By default, the grid is 80% of window width, with 24 columns.

   To make the grid fixed, simply change the .container width
   property to a pixel value. e.g., 960px.
   
-------------------------------------------------------------- */
/* A container should group your entire grid. */
.container {
  min-width: 600px;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}
/* A block should group all your columns per row stack. */
.block {
  overflow: hidden;
}
/* Columns
-------------------------------------------------------------- */
/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
.column {
  float: left;
}
/* The last column in a row needs this class. */
.last {
  margin-right: 0;
}
/* Use these classes to set the width of a column. */
.span-1 {
  width: 4%;
}
.span-2 {
  width: 8%;
}
.span-3 {
  width: 12%;
}
.span-4 {
  width: 16%;
}
.span-5 {
  width: 20%;
}
.span-6 {
  width: 25%;
}
.span-7 {
  width: 29%;
}
.span-8 {
  width: 33%;
}
.span-9 {
  width: 37%;
}
.span-10 {
  width: 41%;
}
.span-11 {
  width: 45%;
}
.span-12 {
  width: 50%;
}
.span-13 {
  width: 54%;
}
.span-14 {
  width: 58%;
}
.span-15 {
  width: 62%;
}
.span-16 {
  width: 66%;
}
.span-17 {
  width: 70%;
}
.span-18 {
  width: 75%;
}
.span-19 {
  width: 79%;
}
.span-20 {
  width: 83%;
}
.span-21 {
  width: 87%;
}
.span-22 {
  width: 91%;
}
.span-23 {
  width: 95%;
}
.span-24 {
  width: 100%;
  margin-right: 0;
}
.span-1 > div,
.span-2 > div,
.span-3 > div,
.span-4 > div,
.span-5 > div,
.span-6 > div,
.span-7 > div,
.span-8 > div,
.span-9 > div,
.span-10 > div,
.span-11 > div,
.span-12 > div,
.span-13 > div,
.span-14 > div,
.span-15 > div,
.span-16 > div,
.span-17 > div,
.span-18 > div,
.span-19 > div,
.span-20 > div,
.span-21 > div,
.span-22 > div,
.span-23 > div,
.span-24 > div {
  margin: 0 0.833em 0 0;
  overflow: hidden;
}
/* Add these to a column to append empty cols. */
.append-1 {
  padding-right: 4%;
}
.append-2 {
  padding-right: 8%;
}
.append-3 {
  padding-right: 12%;
}
.append-4 {
  padding-right: 16%;
}
.append-5 {
  padding-right: 20%;
}
.append-6 {
  padding-right: 25%;
}
.append-7 {
  padding-right: 29%;
}
.append-8 {
  padding-right: 33%;
}
.append-9 {
  padding-right: 37%;
}
.append-10 {
  padding-right: 41%;
}
.append-11 {
  padding-right: 45%;
}
.append-12 {
  padding-right: 50%;
}
.append-13 {
  padding-right: 54%;
}
.append-14 {
  padding-right: 58%;
}
.append-15 {
  padding-right: 62%;
}
.append-16 {
  padding-right: 66%;
}
.append-17 {
  padding-right: 70%;
}
.append-18 {
  padding-right: 75%;
}
.append-19 {
  padding-right: 79%;
}
.append-20 {
  padding-right: 83%;
}
.append-21 {
  padding-right: 87%;
}
.append-22 {
  padding-right: 91%;
}
.append-23 {
  padding-right: 95%;
}
/* Add these to a column to prepend empty cols. */
.prepend-1 {
  padding-left: 4%;
}
.prepend-2 {
  padding-left: 8%;
}
.prepend-3 {
  padding-left: 12%;
}
.prepend-4 {
  padding-left: 16%;
}
.prepend-5 {
  padding-left: 20%;
}
.prepend-6 {
  padding-left: 25%;
}
.prepend-7 {
  padding-left: 29%;
}
.prepend-8 {
  padding-left: 33%;
}
.prepend-9 {
  padding-left: 37%;
}
.prepend-10 {
  padding-left: 41%;
}
.prepend-11 {
  padding-left: 45%;
}
.prepend-12 {
  padding-left: 50%;
}
.prepend-13 {
  padding-left: 54%;
}
.prepend-14 {
  padding-left: 58%;
}
.prepend-15 {
  padding-left: 62%;
}
.prepend-16 {
  padding-left: 66%;
}
.prepend-17 {
  padding-left: 70%;
}
.prepend-18 {
  padding-left: 75%;
}
.prepend-19 {
  padding-left: 79%;
}
.prepend-20 {
  padding-left: 83%;
}
.prepend-21 {
  padding-left: 87%;
}
.prepend-22 {
  padding-left: 91%;
}
.prepend-23 {
  padding-left: 95%;
}
/* Border on right hand side of a column. */
.border {
  border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 2%;
  margin-right: 2%;
  border-right: 1px solid #eee;
}
.colborder > div {
  margin: 0;
}
/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-1 {
  margin-left: -3.333em;
}
.pull-2 {
  margin-left: -6.666em;
}
.pull-3 {
  margin-left: -10em;
}
.pull-4 {
  margin-left: -13.333em;
}
.push-0 {
  margin: 0 0 0 1.5em;
}
.push-1 {
  margin: 0 -3.333em 0 1.5em;
}
.push-2 {
  margin: 0 -6.666em 0 1.5em;
}
.push-3 {
  margin: 0 -10em 0 1.5em;
}
.push-4 {
  margin: 0 -13.333em 0 1.5em;
}
.push-0,
.push-1,
.push-2,
.push-3,
.push-4 {
  float: right;
}
/* Misc classes and elements
-------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #eee;
}
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  width: 100%;
  height: 0.083em;
  margin: 0 0 1.583em;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
}
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {
  font-size: 100.01%;
}
body {
  font-size: 80%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #111;
}
h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 2em;
  margin-bottom: 0.75em;
}
h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}
h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
  margin: 0 0 1.5em;
}
/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */
.left {
  float: left !important;
}
p .left {
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
.right {
  float: right !important;
}
p .right {
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}
a:focus,
a:hover {
  color: #09f;
}
a {
  color: #06c;
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong,
dfn {
  font-weight: bold;
}
em,
dfn {
  font-style: italic;
}
sup,
sub {
  line-height: 0;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
/* Tables
-------------------------------------------------------------- */
/* 
	Because of the need for padding on TH and TD, the vertical rhythm 
	on table cells has to be 27px, instead of the standard 18px or 36px 
	of other elements. 
 */
table {
  margin-bottom: 1.4em;
  width: 100%;
}
th {
  font-weight: bold;
}
thead th {
  background: #c3d9ff;
}
th,
td,
caption {
  padding: 4px 10px 4px 5px;
}
/*
	You can zebra-stripe your tables in outdated browsers by adding 
	the class "even" to every other table row. 
 */
tbody tr:nth-child(even) td,
tbody tr.even td {
  background: #e5ecf9;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}
/* Misc classes
-------------------------------------------------------------- */
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
.hide {
  display: none;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0;
  padding-left: 0;
}
.last {
  margin-right: 0;
  padding-right: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
html,
body {
  height: 100%;
}
a {
  color: #000064;
}
a:visited {
  color: #000064;
}
a:hover {
  color: #19e6e6;
}
#header {
  width: 100%;
  background: #000064;
  color: #FFFFFF;
}
#header-bottom {
  width: 100%;
  height: 5px;
  font-size: 1px;
  background: #0d73a5;
  background-image: -moz-linear-gradient(top, #000064, #19e6e6);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000064), to(#19e6e6));
  background-image: -webkit-linear-gradient(top, #000064, #19e6e6);
  background-image: -o-linear-gradient(top, #000064, #19e6e6);
  background-image: linear-gradient(top, #000064, #19e6e6);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000064, endColorstr=#19e6e6)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000064, endColorstr=#19e6e6)";
  background-image: -ms-linear-gradient(top, #19e6e6, #19e6e6);
}
#header-contents {
  width: 100%;
  margin-right: 0;
  float: left;
  text-align: right;
  margin-top: 1em;
  margin-bottom: 1em;
}
#content-block {
  background: white;
  margin-top: 3em;
}
#content-sizer {
  float: left;
  width: 100%;
  margin-right: 0;
}
#content {
  float: left;
  width: 75%;
  padding-right: 2%;
  margin-right: 2%;
  border-right: 1px solid #eee;
}
#sidebar {
  float: left;
  padding-left: 4%;
  width: 16%;
  margin-right: 0;
  padding-right: 0;
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
  text-align: center;
}
#sidebar p,
#sidebar ul {
  text-align: left;
}
#logo-block {
  display: inline;
  font-weight: bold;
  text-align: left;
  float: left;
  width: 33%;
}
#logo-block #logo-text {
  font-size: x-large;
}
#logo-block #logo-tag {
  font-size: small;
  margin-left: 1.1em;
}
#nav-menu {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
  float: left;
  padding-left: 16%;
  width: 45%;
  margin-right: 0;
  padding-right: 0;
  vertical-align: center;
  display: inline;
}
#nav-menu li {
  display: inline;
  list-style-type: none;
  padding: 0.3em;
  margin: 0.1em;
}
#nav-menu li a {
  text-decoration: none;
  font-weight: bold;
  outline: none;
  color: #FFFFFF;
}
#nav-menu li a:hover {
  color: #19e6e6;
}
#nav-menu li.selected a {
  color: #19e6e6;
  text-decoration: underline;
}
input,
textarea {
  width: inherit;
}
.code {
  border: dotted 1px #19e6e6;
  background: #EEFFFF;
  margin: 1em;
  padding: 1em;
  white-space: pre;
  font-family: 'Lucida Console', Fixed, monospace;
}
.code pre {
  margin: 0;
  padding: 0;
}
.api-ref {
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
.email-addr {
  margin: 1em;
  font-weight: bold;
}
.blog-entry {
  margin-top: 3em;
}
.blog-entry img {
  border: solid 1px black;
  margin: 1em;
}
.blog-entry-header a {
  text-decoration: none;
}
.blog-entry-details {
  margin-top: 0px;
  padding-top: 0px;
  margin-left: 1em;
  font-size: x-small;
  float: right;
  text-align: right;
}
.calendar-table {
  text-align: center;
  font-size: xx-small;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  border: none;
}
.calendar-table tr,
th,
td {
  border: none;
}
.calendar-table td a {
  border: dotted 1px #000064;
  padding: 1px;
}
.calendar-table td a:hover {
  background: #19e6e6;
  color: #000064;
}
.blog-entry-comments {
  margin-top: 50px;
  padding-left: 5em;
}
.blog-footer {
  margin-top: 2em;
  text-align: right;
  padding: 0.5em;
}
.blog-footer-left {
  float: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000064;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}