/**
 * HTML5 Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
/* line 28, ../sass/skeleton/_normalize.scss */
html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 38, ../sass/skeleton/_normalize.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 42, ../sass/skeleton/_normalize.scss */
blockquote, q {
  quotes: none;
}

/* line 45, ../sass/skeleton/_normalize.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 47, ../sass/skeleton/_normalize.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 49, ../sass/skeleton/_normalize.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 51, ../sass/skeleton/_normalize.scss */
del {
  text-decoration: line-through;
}

/* line 53, ../sass/skeleton/_normalize.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 55, ../sass/skeleton/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

/* line 59, ../sass/skeleton/_normalize.scss */
input, select {
  vertical-align: middle;
}

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.
   via blueprintcss.org

-------------------------------------------------------------- */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
/* line 72, ../sass/skeleton/_normalize.scss */
html {
  font-size: 100.01%;
}

/* line 73, ../sass/skeleton/_normalize.scss */
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */
/* line 84, ../sass/skeleton/_normalize.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #111;
}

/* line 86, ../sass/skeleton/_normalize.scss */
h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}

/* line 87, ../sass/skeleton/_normalize.scss */
h2 {
  font-size: 2em;
  margin-bottom: 0.75em;
}

/* line 88, ../sass/skeleton/_normalize.scss */
h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}

/* line 89, ../sass/skeleton/_normalize.scss */
h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}

/* line 90, ../sass/skeleton/_normalize.scss */
h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

/* line 91, ../sass/skeleton/_normalize.scss */
h6 {
  font-size: 1em;
  font-weight: bold;
}

/* line 94, ../sass/skeleton/_normalize.scss */
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */
/* line 102, ../sass/skeleton/_normalize.scss */
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>) 
 */
/* line 107, ../sass/skeleton/_normalize.scss */
.left {
  float: left !important;
}

/* line 108, ../sass/skeleton/_normalize.scss */
p .left {
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}

/* line 109, ../sass/skeleton/_normalize.scss */
.right {
  float: right !important;
}

/* line 110, ../sass/skeleton/_normalize.scss */
p .right {
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}

/* line 113, ../sass/skeleton/_normalize.scss */
a:focus,
a:hover {
  color: #09f;
}

/* line 114, ../sass/skeleton/_normalize.scss */
a {
  color: #06c;
  text-decoration: underline;
}

/* line 116, ../sass/skeleton/_normalize.scss */
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}

/* line 117, ../sass/skeleton/_normalize.scss */
strong, dfn {
  font-weight: bold;
}

/* line 118, ../sass/skeleton/_normalize.scss */
em, dfn {
  font-style: italic;
}

/* line 119, ../sass/skeleton/_normalize.scss */
sup, sub {
  line-height: 0;
}

/* line 122, ../sass/skeleton/_normalize.scss */
abbr,
acronym {
  border-bottom: 1px dotted #666;
}

/* line 123, ../sass/skeleton/_normalize.scss */
address {
  margin: 0 0 1.5em;
  font-style: italic;
}

/* line 124, ../sass/skeleton/_normalize.scss */
del {
  color: #666;
}

/* line 126, ../sass/skeleton/_normalize.scss */
pre {
  margin: 1.5em 0;
  white-space: pre;
}

/* line 127, ../sass/skeleton/_normalize.scss */
pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}

/* Lists
-------------------------------------------------------------- */
/* line 134, ../sass/skeleton/_normalize.scss */
li ul,
li ol {
  margin: 0;
}

/* line 135, ../sass/skeleton/_normalize.scss */
ul, ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em;
}

/* line 137, ../sass/skeleton/_normalize.scss */
ul {
  list-style-type: disc;
}

/* line 138, ../sass/skeleton/_normalize.scss */
ol {
  list-style-type: decimal;
}

/* line 140, ../sass/skeleton/_normalize.scss */
dl {
  margin: 0 0 1.5em 0;
}

/* line 141, ../sass/skeleton/_normalize.scss */
dl dt {
  font-weight: bold;
}

/* line 142, ../sass/skeleton/_normalize.scss */
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. 
 */
/* line 153, ../sass/skeleton/_normalize.scss */
table {
  margin-bottom: 1.4em;
  width: 100%;
}

/* line 154, ../sass/skeleton/_normalize.scss */
th {
  font-weight: bold;
}

/* line 155, ../sass/skeleton/_normalize.scss */
thead th {
  background: #c3d9ff;
}

/* line 156, ../sass/skeleton/_normalize.scss */
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. 
 */
/* line 162, ../sass/skeleton/_normalize.scss */
tbody tr:nth-child(even) td,
tbody tr.even td {
  background: #e5ecf9;
}

/* line 165, ../sass/skeleton/_normalize.scss */
tfoot {
  font-style: italic;
}

/* line 166, ../sass/skeleton/_normalize.scss */
caption {
  background: #eee;
}

/* Misc classes
-------------------------------------------------------------- */
/* line 172, ../sass/skeleton/_normalize.scss */
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}

/* line 173, ../sass/skeleton/_normalize.scss */
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}

/* line 174, ../sass/skeleton/_normalize.scss */
.hide {
  display: none;
}

/* line 176, ../sass/skeleton/_normalize.scss */
.quiet {
  color: #666;
}

/* line 177, ../sass/skeleton/_normalize.scss */
.loud {
  color: #000;
}

/* line 178, ../sass/skeleton/_normalize.scss */
.highlight {
  background: #ff0;
}

/* line 179, ../sass/skeleton/_normalize.scss */
.added {
  background: #060;
  color: #fff;
}

/* line 180, ../sass/skeleton/_normalize.scss */
.removed {
  background: #900;
  color: #fff;
}

/* line 182, ../sass/skeleton/_normalize.scss */
.first {
  margin-left: 0;
  padding-left: 0;
}

/* line 183, ../sass/skeleton/_normalize.scss */
.last {
  margin-right: 0;
  padding-right: 0;
}

/* line 184, ../sass/skeleton/_normalize.scss */
.top {
  margin-top: 0;
  padding-top: 0;
}

/* line 185, ../sass/skeleton/_normalize.scss */
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
/* line 189, ../sass/skeleton/_normalize.scss */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/**
 * Minimal base styles.
 */
/* Always force a scrollbar in non-IE */
/* line 197, ../sass/skeleton/_normalize.scss */
html {
  overflow-y: scroll;
}

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

/* line 202, ../sass/skeleton/_normalize.scss */
ul, ol {
  margin-left: 2em;
}

/* line 203, ../sass/skeleton/_normalize.scss */
ol {
  list-style-type: decimal;
}

/* Remove margins for navigation lists */
/* line 206, ../sass/skeleton/_normalize.scss */
nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

/* line 208, ../sass/skeleton/_normalize.scss */
small {
  font-size: 85%;
}

/* line 209, ../sass/skeleton/_normalize.scss */
strong, th {
  font-weight: bold;
}

/* line 211, ../sass/skeleton/_normalize.scss */
td {
  vertical-align: top;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
/* line 214, ../sass/skeleton/_normalize.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/* line 215, ../sass/skeleton/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 216, ../sass/skeleton/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 218, ../sass/skeleton/_normalize.scss */
pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

/* line 224, ../sass/skeleton/_normalize.scss */
textarea {
  overflow: auto;
}

/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
/* this doesn't seem to work, so i'm trying something else below
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
*/
/* line 232, ../sass/skeleton/_normalize.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 0;
  vertical-align: baseline;
}

/* Hand cursor on clickable input elements */
/* line 238, ../sass/skeleton/_normalize.scss */
label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}

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

/* Colors for form validity */
/* line 245, ../sass/skeleton/_normalize.scss */
input:invalid, textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}

/* line 248, ../sass/skeleton/_normalize.scss */
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
/*
::-moz-selection{ background: #607890; color:#fff; text-shadow: none; }
::selection { background:#607890; color:#fff; text-shadow: none; }
*/
/* j.mp/webkit-tap-highlight-color */
/* line 259, ../sass/skeleton/_normalize.scss */
a:link {
  -webkit-tap-highlight-color: #607890;
}

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
/* line 263, ../sass/skeleton/_normalize.scss */
button {
  width: auto;
  overflow: visible;
}

/**
 * You might tweak these..
 */
/* line 269, ../sass/skeleton/_normalize.scss */
body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
/* line 276, ../sass/skeleton/_normalize.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

/* line 278, ../sass/skeleton/_normalize.scss */
a, a:active, a:visited {
  color: #607890;
}

/* line 279, ../sass/skeleton/_normalize.scss */
a:hover {
  color: #036;
}

/**
 * Non-semantic helper classes: please define your styles before this section.
 */
/* For image replacement */
/* line 286, ../sass/skeleton/_normalize.scss */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
/* line 290, ../sass/skeleton/_normalize.scss */
.hidden {
  display: none;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
/* line 294, ../sass/skeleton/_normalize.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
/* line 297, ../sass/skeleton/_normalize.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
/* line 300, ../sass/skeleton/_normalize.scss */
.invisible {
  visibility: hidden;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
/* line 304, ../sass/skeleton/_normalize.scss */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 305, ../sass/skeleton/_normalize.scss */
.clearfix:after {
  clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
/* line 307, ../sass/skeleton/_normalize.scss */
.clearfix {
  zoom: 1;
}

/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */
@media all and (orientation: portrait) {
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation: landscape) {
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  /* line 343, ../sass/skeleton/_normalize.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: sanbeiji.com/archives/953 */
  /* line 345, ../sass/skeleton/_normalize.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  /* line 346, ../sass/skeleton/_normalize.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 347, ../sass/skeleton/_normalize.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 348, ../sass/skeleton/_normalize.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  /* line 349, ../sass/skeleton/_normalize.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 350, ../sass/skeleton/_normalize.scss */
  thead {
    display: table-header-group;
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  /* line 351, ../sass/skeleton/_normalize.scss */
  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
}

  /* line 353, ../sass/skeleton/_normalize.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 354, ../sass/skeleton/_normalize.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}
/* line 4, ../sass/skeleton/_common.scss */
html,
body {
  background: #666;
}

/* line 8, ../sass/skeleton/_common.scss */
.site.wrapper {
  background: white;
  margin: 1em auto;
  width: 960px;
}

/* line 15, ../sass/skeleton/_common.scss */
header.site,
footer.site {
  background: #ddd;
}

/* line 21, ../sass/skeleton/_common.scss */
header.site,
#content,
footer.site {
  padding: 2em;
}

/* line 25, ../sass/skeleton/_common.scss */
#logo {
  float: left;
  margin: 0;
}

/* line 30, ../sass/skeleton/_common.scss */
#user-info {
  float: right;
}

/* line 34, ../sass/skeleton/_common.scss */
nav {
  display: inline-block;
  padding: 0 1em;
}

/* line 39, ../sass/skeleton/_common.scss */
nav li {
  display: inline-block;
}

/* line 43, ../sass/skeleton/_common.scss */
nav a {
  display: block;
  padding: 1em;
}

/* line 48, ../sass/skeleton/_common.scss */
#content {
  clear: both;
  padding: 2em;
}

/* line 53, ../sass/skeleton/_common.scss */
aside {
  float: right;
  margin-left: 1.5em;
  width: 26em;
}

/* line 60, ../sass/skeleton/_common.scss */
#login,
#register {
  display: inline-block;
}

/* line 64, ../sass/skeleton/_common.scss */
.field-pair {
  white-space: nowrap;
}

/* line 68, ../sass/skeleton/_common.scss */
.field-pair .field {
  display: inline-block;
  margin-right: 1em;
}

/* line 73, ../sass/skeleton/_common.scss */
.field-pair .field:last-of-type {
  margin-right: 0;
}

/* line 77, ../sass/skeleton/_common.scss */
.field {
  line-height: 2;
  margin-bottom: 21px;
}

/* line 82, ../sass/skeleton/_common.scss */
.field label {
  line-height: 1;
}

/* line 86, ../sass/skeleton/_common.scss */
.field span {
  display: block;
}

/* line 90, ../sass/skeleton/_common.scss */
.field input {
  width: 12em;
}

/* line 94, ../sass/skeleton/_common.scss */
.field .hint {
  color: #999;
  font-size: 12px;
  line-height: 20px;
}

/* line 100, ../sass/skeleton/_common.scss */
.checkbox input {
  margin-right: .25em;
}

/* line 104, ../sass/skeleton/_common.scss */
.submit .submit {
  float: right;
}

/* line 108, ../sass/skeleton/_common.scss */
.form-hint {
  font-style: italic;
  margin-top: 21px;
}