/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
/* line 15, ../sass/_reset.scss */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 25, ../sass/_reset.scss */
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/* line 32, ../sass/_reset.scss */
img,
object,
embed {
  max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
/* line 35, ../sass/_reset.scss */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
/* line 39, ../sass/_reset.scss */
ul {
  list-style: none;
}

/* line 41, ../sass/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 46, ../sass/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 48, ../sass/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 50, ../sass/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 52, ../sass/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
/* line 55, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 56, ../sass/_reset.scss */
th {
  font-weight: bold;
  vertical-align: bottom;
}

/* line 57, ../sass/_reset.scss */
td {
  font-weight: normal;
  vertical-align: top;
}

/* line 59, ../sass/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 61, ../sass/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 63, ../sass/_reset.scss */
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

/* line 70, ../sass/_reset.scss */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 71, ../sass/_reset.scss */
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

/* line 72, ../sass/_reset.scss */
.ie6 input {
  vertical-align: text-bottom;
}

/* line 74, ../sass/_reset.scss */
select, input, textarea {
  font: 99% sans-serif;
}

/* line 76, ../sass/_reset.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
/* line 80, ../sass/_reset.scss */
a:hover, a:active {
  outline: none;
}

/* line 82, ../sass/_reset.scss */
small {
  font-size: 85%;
}

/* line 84, ../sass/_reset.scss */
strong, th {
  font-weight: bold;
}

/* line 86, ../sass/_reset.scss */
td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
/* line 90, ../sass/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/* line 91, ../sass/_reset.scss */
sup {
  top: -0.5em;
}

/* line 92, ../sass/_reset.scss */
sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
/* line 95, ../sass/_reset.scss */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
/* line 102, ../sass/_reset.scss */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
/* line 105, ../sass/_reset.scss */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
/* line 108, ../sass/_reset.scss */
button {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
/* line 111, ../sass/_reset.scss */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
/* line 114, ../sass/_reset.scss */
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */
/* line 117, ../sass/_reset.scss */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 118, ../sass/_reset.scss */
.clearfix:after {
  clear: both;
}

/* line 119, ../sass/_reset.scss */
.clearfix {
  zoom: 1;
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
/* line 127, ../sass/_reset.scss */
body {
  font: 13px Helmet, Freesans, sans-serif;
}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
/* line 133, ../sass/_reset.scss */
body, select, input, textarea {
  color: #333;
}

/* line 135, ../sass/_reset.scss */
a {
  color: #03f;
}

/* line 136, ../sass/_reset.scss */
a:hover {
  color: #69f;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
/* line 139, ../sass/_reset.scss */
::-moz-selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}

/* line 140, ../sass/_reset.scss */
::selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
/* line 143, ../sass/_reset.scss */
a:link {
  -webkit-tap-highlight-color: #fcd700;
}

/* line 145, ../sass/_reset.scss */
ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}

/* line 146, ../sass/_reset.scss */
mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Print styles!
-------------------------------------------------------------------------------*/
/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
/* line 61, ../../../../../../home/ollie/.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
* html {
  font-size: 100%;
}

/* line 64, ../../../../../../home/ollie/.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 16px;
  line-height: 1.5em;
}

/*
	Sitewide elements
*/
/* line 15, ../sass/screen.scss */
body {
  font-family: "Lato", sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

/* line 21, ../sass/screen.scss */
a {
  color: #007987;
  text-decoration: none;
}

/* line 26, ../sass/screen.scss */
#page-wrap, .content-wrap, #nav ul {
  position: relative;
  width: 100%;
  width: 780px;
  margin: 0 auto;
}

/* line 32, ../sass/screen.scss */
#page-wrap {
  border-top: #333333 solid 10px;
}

/* line 36, ../sass/screen.scss */
#header {
  padding-top: 32px;
  width: 100%;
}

/* line 41, ../sass/screen.scss */
#logo {
  width: 498px;
  height: 81px;
  padding: 20px 0;
  margin: 0 auto;
}

/* line 48, ../sass/screen.scss */
#nav {
  position: fixed;
  top: 0;
  width: 100%;
  background: #333333;
  padding: 5px;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  z-index: 100;
  font-size: 0.875em;
  line-height: 1.714em;
  font-weight: bold;
}
/* line 59, ../sass/screen.scss */
#nav ul {
  text-align: center;
}
/* line 62, ../sass/screen.scss */
#nav ul li {
  display: inline-block;
  margin: 0 20px;
}
/* line 65, ../sass/screen.scss */
#nav ul li a {
  color: #fff;
}
/* line 68, ../sass/screen.scss */
#nav ul li .active, #nav ul li a:hover {
  color: #d93840;
}

/* line 76, ../sass/screen.scss */
#main-wrap {
  margin-left: 10px;
  margin-right: 10px;
  width: 500px;
}

/* line 80, ../sass/screen.scss */
#side-wrap {
  margin-left: 10px;
  margin-right: 10px;
  width: 240px;
}

/* line 85, ../sass/screen.scss */
#main-wrap, #side-wrap {
  float: left;
  margin-top: 0.75em;
}

/* line 92, ../sass/screen.scss */
.hidden {
  display: none;
}

/* line 97, ../sass/screen.scss */
.body-text ul {
  list-style: circle;
  margin-left: 30px;
}

/* line 105, ../sass/screen.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

/* line 111, ../sass/screen.scss */
#page-content > h1, #page-content > h2 {
  margin: 0;
}
/* line 114, ../sass/screen.scss */
#page-content hgroup {
  margin-bottom: 1.5em;
}

/* line 119, ../sass/screen.scss */
h1 {
  font-size: 2.25em;
  line-height: 1.333em;
  color: #d93840;
  text-transform: uppercase;
  letter-spacing: -0.05em;
}

/* line 126, ../sass/screen.scss */
h2 {
  font-size: 1.125em;
  line-height: 1.333em;
  margin-bottom: 0.75em;
}

/* line 131, ../sass/screen.scss */
h3 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.75em;
}

/* line 136, ../sass/screen.scss */
p {
  margin-bottom: 1.5em;
}

/* line 143, ../sass/screen.scss */
#side-wrap .body-text {
  font-size: 0.875em;
  line-height: 1.714em;
}
/* line 146, ../sass/screen.scss */
#side-wrap h2 {
  color: #007987;
  border-bottom: 3px solid #007987;
}
/* line 151, ../sass/screen.scss */
#side-wrap ul {
  margin-bottom: 1.5em;
}
/* line 154, ../sass/screen.scss */
#side-wrap p {
  margin-bottom: 0.75em;
  margin-bottom: 0.75em;
}
/* line 158, ../sass/screen.scss */
#side-wrap .cta {
  display: block;
  margin-bottom: 1.5em;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #007987;
  font-size: 0.875em;
  line-height: 1.714em;
}
/* line 166, ../sass/screen.scss */
#side-wrap .cta:after {
  content: " >";
}

/* line 172, ../sass/screen.scss */
#blog-feed {
  overflow: hidden;
}
/* line 174, ../sass/screen.scss */
#blog-feed h2 {
  color: #007987;
  font-size: 1.5em;
  line-height: 2em;
  border-bottom: 3px solid #333333;
  text-transform: uppercase;
}
/* line 180, ../sass/screen.scss */
#blog-feed h3 a {
  color: #d93840;
  text-transform: uppercase;
}
/* line 184, ../sass/screen.scss */
#blog-feed article {
  margin-bottom: 1.5em;
}
/* line 187, ../sass/screen.scss */
#blog-feed .body-text {
  font-size: 0.875em;
  line-height: 1.714em;
}

/* line 192, ../sass/screen.scss */
#footer {
  border-top: #333333 solid 2px;
  margin: 10px;
  padding: 10px 0;
  text-align: center;
  font-size: 0.75em;
  line-height: 2em;
}

/* line 202, ../sass/screen.scss */
.image-gallery {
  position: relative;
  margin-bottom: 10px;
}
/* line 205, ../sass/screen.scss */
.image-gallery img {
  display: block;
}
/* line 208, ../sass/screen.scss */
.image-gallery .slides li {
  display: none;
  cursor: pointer;
}
/* line 211, ../sass/screen.scss */
.image-gallery .slides li.current {
  display: block;
}
/* line 220, ../sass/screen.scss */
.image-gallery .thumbs {
  padding: 10px 0;
  border-bottom: 1px solid #333333;
  overflow: hidden;
  *zoom: 1;
}
/* line 224, ../sass/screen.scss */
.image-gallery .thumbs li {
  display: block;
  float: left;
  margin-right: 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
/* line 230, ../sass/screen.scss */
.image-gallery .thumbs li.current {
  border-color: #d93840;
}
/* line 233, ../sass/screen.scss */
.image-gallery .thumbs li:hover {
  opacity: 0.8;
}

/* line 239, ../sass/screen.scss */
.image-solo {
  margin-bottom: 1.5em;
}

/* line 246, ../sass/screen.scss */
.chapter {
  padding: 0.75em 0;
  margin-top: 0.75em;
  border-top: #333333 solid 2px;
}

/* line 254, ../sass/screen.scss */
.addthis_toolbox {
  overflow: hidden;
  *zoom: 1;
}
/* line 256, ../sass/screen.scss */
.addthis_toolbox > * {
  float: left;
  clear: both;
}