/* 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" /> 
 
 
 @import "old";
 
 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct lists handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
button,
input,
select,
textarea {
  color: #222; }

html {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #2dbba7;
  text-shadow: none;
  color: #FFF; }

::selection {
  background: #2dbba7;
  text-shadow: none;
  color: #FFF; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.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: h5bp.com/p
 */
.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
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
.wrapper {
  margin: 0 auto;
  /* This centers the grid. Remove this line to place the grid on the left of the page. */
  text-align: left;
  max-width: 1200px;
  background-color: #FFF; }

.inner-wrapper {
  clear: both;
  display: inline;
  /* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
  float: left;
  padding: 0 15px 0 15px;
  position: relative;
  min-width: 1200px;
  overflow: hidden;
  background-color: #FFF; }

* html .wrapper {
  height: 1%;
  overflow: hidden;
  display: block; }

.container {
  clear: both;
  float: left;
  margin: 0;
  width: 100%; }

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
  clear: none;
  display: inline;
  float: left;
  margin-right: 2.56411%;
  overflow: hidden;
  padding: 0;
  position: relative; }

.one-col {
  width: 5.9829%; }

.two-col {
  width: 14.52991%; }

.three-col {
  width: 23.07692%; }

.four-col {
  width: 31.62393%; }

.five-col {
  width: 40.17094%; }

.six-col {
  width: 48.71794%; }

.seven-col {
  width: 57.26495%; }

.eight-col {
  width: 65.81196%; }

.nine-col {
  width: 74.35897%; }

.ten-col {
  width: 82.90598%; }

.eleven-col {
  width: 91.45299%; }

.twelve-col {
  width: 100%;
  margin-right: 0; }

.twelve-col .one-col {
  width: 5.9829%;
  margin-right: 2.5641%; }

.twelve-col .two-col {
  width: 14.52991%;
  margin-right: 2.5641%; }

.twelve-col .three-col {
  width: 23.07692%;
  margin-right: 2.5641%; }

.twelve-col .four-col {
  width: 31.62393%;
  margin-right: 2.5641%; }

.twelve-col .five-col {
  width: 40.17094%;
  margin-right: 2.5641%; }

.twelve-col .six-col {
  width: 48.71794%;
  margin-right: 2.5641%; }

.twelve-col .seven-col {
  width: 57.26495%;
  margin-right: 2.5641%; }

.twelve-col .eight-col {
  width: 65.81196%;
  margin-right: 2.5641%; }

.twelve-col .nine-col {
  width: 74.35897%;
  margin-right: 2.5641%; }

.twelve-col .ten-col {
  width: 82.90598%;
  margin-right: 2.5641%; }

.twelve-col .eleven-col {
  width: 91.45299%;
  margin-right: 2.5641%; }

.twelve-col .twelve-col {
  width: 100%;
  margin-right: 0; }

.eleven-col .one-col {
  width: 6.54205%;
  margin-right: 2.80373%; }

.eleven-col .two-col {
  width: 15.88785%;
  margin-right: 2.80373%; }

.eleven-col .three-col {
  width: 25.23364%;
  margin-right: 2.80373%; }

.eleven-col .four-col {
  width: 34.57943%;
  margin-right: 2.80373%; }

.eleven-col .five-col {
  width: 43.92523%;
  margin-right: 2.80373%; }

.eleven-col .six-col {
  width: 53.27102%;
  margin-right: 2.80373%; }

.eleven-col .seven-col {
  width: 62.61682%;
  margin-right: 2.80373%; }

.eleven-col .eight-col {
  width: 71.96261%;
  margin-right: 2.80373%; }

.eleven-col .nine-col {
  width: 81.30841%;
  margin-right: 2.80373%; }

.eleven-col .ten-col {
  width: 90.6542%;
  margin-right: 2.80373%; }

.eleven-col .eleven-col {
  width: 100%;
  margin-right: 0; }

.ten-col .one-col {
  width: 7.21649%;
  margin-right: 3.09278%; }

.ten-col .two-col {
  width: 17.52577%;
  margin-right: 3.09278%; }

.ten-col .three-col {
  width: 27.83505%;
  margin-right: 3.09278%; }

.ten-col .four-col {
  width: 38.14432%;
  margin-right: 3.09278%; }

.ten-col .five-col {
  width: 48.4536%;
  margin-right: 3.09278%; }

.ten-col .six-col {
  width: 58.76288%;
  margin-right: 3.09278%; }

.ten-col .seven-col {
  width: 69.07216%;
  margin-right: 3.09278%; }

.ten-col .eight-col {
  width: 79.38144%;
  margin-right: 3.09278%; }

.ten-col .nine-col {
  width: 89.69072%;
  margin-right: 3.09278%; }

.ten-col .ten-col {
  width: 100%;
  margin-right: 0; }

.nine-col .one-col {
  width: 8.04597%;
  margin-right: 3.44827%; }

.nine-col .two-col {
  width: 19.54022%;
  margin-right: 3.44827%; }

.nine-col .three-col {
  width: 31.03448%;
  margin-right: 3.44827%; }

.nine-col .four-col {
  width: 42.52873%;
  margin-right: 3.44827%; }

.nine-col .five-col {
  width: 54.02298%;
  margin-right: 3.44827%; }

.nine-col .six-col {
  width: 65.51724%;
  margin-right: 3.44827%; }

.nine-col .seven-col {
  width: 77.01149%;
  margin-right: 3.44827%; }

.nine-col .eight-col {
  width: 88.50574%;
  margin-right: 3.44827%; }

.nine-col .nine-col {
  width: 100%;
  margin-right: 0; }

.eight-col .one-col {
  width: 9.0909%;
  margin-right: 3.8961%; }

.eight-col .two-col {
  width: 22.07792%;
  margin-right: 3.8961%; }

.eight-col .three-col {
  width: 35.06493%;
  margin-right: 3.8961%; }

.eight-col .four-col {
  width: 48.05194%;
  margin-right: 3.8961%; }

.eight-col .five-col {
  width: 61.03896%;
  margin-right: 3.8961%; }

.eight-col .six-col {
  width: 74.02597%;
  margin-right: 3.8961%; }

.eight-col .seven-col {
  width: 87.01298%;
  margin-right: 3.8961%; }

.eight-col .eight-col {
  width: 100%;
  margin-right: 0; }

.seven-col .one-col {
  width: 10.44776%;
  margin-right: 4.47761%; }

.seven-col .two-col {
  width: 25.37313%;
  margin-right: 4.47761%; }

.seven-col .three-col {
  width: 40.2985%;
  margin-right: 4.47761%; }

.seven-col .four-col {
  width: 55.22388%;
  margin-right: 4.47761%; }

.seven-col .five-col {
  width: 70.14925%;
  margin-right: 4.47761%; }

.seven-col .six-col {
  width: 85.07462%;
  margin-right: 4.47761%; }

.seven-col .seven-col {
  width: 100%;
  margin-right: 0; }

.six-col .one-col {
  width: 12.2807%;
  margin-right: 5.26315%; }

.six-col .two-col {
  width: 29.82456%;
  margin-right: 5.26315%; }

.six-col .three-col {
  width: 47.36842%;
  margin-right: 5.26315%; }

.six-col .four-col {
  width: 64.91228%;
  margin-right: 5.26315%; }

.six-col .five-col {
  width: 82.45614%;
  margin-right: 5.26315%; }

.six-col .six-col {
  width: 100%;
  margin-right: 0; }

.five-col .one-col {
  width: 14.89361%;
  margin-right: 6.38297%; }

.five-col .two-col {
  width: 36.17021%;
  margin-right: 6.38297%; }

.five-col .three-col {
  width: 57.4468%;
  margin-right: 6.38297%; }

.five-col .four-col {
  width: 78.7234%;
  margin-right: 6.38297%; }

.five-col .five-col {
  width: 100%;
  margin-right: 0; }

.four-col .one-col {
  width: 18.91891%;
  margin-right: 8.1081%; }

.four-col .two-col {
  width: 45.94594%;
  margin-right: 8.1081%; }

.four-col .three-col {
  width: 72.97297%;
  margin-right: 8.1081%; }

.four-col .four-col {
  width: 100%;
  margin-right: 0; }

.three-col .one-col {
  width: 25.92592%;
  margin-right: 11.11111%; }

.three-col .two-col {
  width: 62.96296%;
  margin-right: 11.11111%; }

.three-col .three-col {
  width: 100%;
  margin-right: 0; }

.two-col .one-col {
  width: 41.17647%;
  margin-right: 17.64705%; }

.two-col .two-col {
  width: 100%;
  margin-right: 0; }

.one-col .one-col {
  width: 100%;
  margin-right: 0; }

.twelve-col .last-col {
  margin-right: 0; }

.eleven-col .last-col {
  margin-right: 0; }

.ten-col .last-col {
  margin-right: 0; }

.nine-col .last-col {
  margin-right: 0; }

.eight-col .last-col {
  margin-right: 0; }

.seven-col .last-col {
  margin-right: 0; }

.six-col .last-col {
  margin-right: 0; }

.five-col .last-col {
  margin-right: 0; }

.four-col .last-col {
  margin-right: 0; }

.three-col .last-col {
  margin-right: 0; }

.two-col .last-col {
  margin-right: 0; }

.one-col .last-col {
  margin-right: 0; }

.clear {
  /* Useful generic clearing class. */
  clear: both; }

.last-col {
  margin-right: 0; }

/*********************
LAYOUT & GENERAL STYLES
*********************/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  background-color: #f8f7f7;
  color: #232323;
  font-size: 1em;
  line-height: 1.4; }

body {
  font-family: "adobe-caslon-pro", serif;
  -webkit-font-smoothing: antialiased; }

header {
  letter-spacing: 0.08em;
  padding-bottom: 2em; }

.topbar {
  margin: 2.5em 0 2em 0; }

.topdate {
  float: right;
  margin-top: 0.8em;
  font-size: 0.9em;
  text-align: right;
  letter-spacing: 0.05em;
  display: inline-block; }

.menu-icon {
  background-position: -181px -30px;
  width: 28px;
  height: 21px;
  display: block;
  float: right;
  margin: 0.57em 0 0 0.6em;
  display: none;
  cursor: pointer; }

nav ul {
  /* nav column */
  float: left;
  padding: 0 0 3.5em 0;
  margin: 0; }
nav ul li {
  border-top: 1px solid #b2b2b2;
  margin: 0 0 0.4em 0;
  font-size: 0.9em;
  padding-top: 0.2em; }
nav ul li a:hover {
  text-decoration: none;
  color: #2dbba7; }
nav ul li.nav-top-item {
  border-top: 1px solid #232323;
  font-size: 1.3em;
  margin: 0 0 0.7em 0; }

.breadcrumb {
  margin-top: 1.5em;
  font-size: 0.9em;
  text-transform: capitalize;
  vertical-align: top;
  /*
  			 a {
  				 line-height: 1.1em;
  				 border-bottom: 1px solid $black60;
  				 display: inline-block;
  				 vertical-align: top;
  				 margin-top: 0.06em;
  			 }
  			 
  			 a:hover {
  				 border-bottom: 1px solid $green;
  			 }	
  */ }

.search-top {
  display: block;
  clear: none;
  margin: auto;
  width: 23.07692%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }

header .date-range {
  margin-bottom: 0.3em;
  margin-top: 0.3em; }

header fieldset.checkboxes {
  margin-top: 0.5em;
  width: 100%; }

header fieldset.checkboxes label {
  margin-right: 0.8em;
  padding-left: 2.5em; }

header fieldset.checkboxes label.last-col {
  margin-right: 0; }

.advanced-search {
  clear: both;
  margin-top: 1px;
  padding-top: 0.1em;
  font-size: 0.9em; }

.search-toggle {
  display: block;
  cursor: pointer;
  clear: both;
  border-top: 1px solid #b2b2b2;
  font-size: 0.9em;
  padding-top: 4px; }

.search-toggle .drop-arrow {
  float: right;
  background-position: -245px 0;
  width: 10px;
  height: 7px;
  display: inline-block;
  margin-top: 2px;
  display: none; }

a.search-toggle:hover .drop-arrow {
  background-position: -245px -8px;
  width: 10px;
  height: 7px; }

.search-toggle .dropped-arrow {
  float: right;
  background-position: -255px 0;
  width: 10px;
  height: 7px;
  margin-top: 2px; }

a.search-toggle:hover .dropped-arrow {
  background-position: -255px -8px;
  width: 10px;
  height: 7px; }

.social-top,
.social-nav {
  float: right; }
  .social-top span,
  .social-nav span {
    display: block;
    float: left; }

.social-top {
  float: right;
  margin-left: 2.56411%;
  display: none; }

.twitter-icon {
  background-position: -125px 0;
  width: 27px;
  height: 22px;
  margin: 0 1.2em 0 0; }

.rss-icon {
  background-position: -155px 0;
  width: 22px;
  height: 22px; }

footer {
  clear: both;
  padding: 4% 0 2% 0; }

.footer-inner ul {
  /* nav column */
  float: left;
  list-style: none;
  margin: 0 2.56411% 0.4em 0;
  min-height: 10em; }
.footer-inner ul.last-col {
  margin-right: 0; }
.footer-inner ul li {
  font-size: 0.9em;
  padding-top: 0.2em; }
.footer-inner ul li a:hover {
  text-decoration: none;
  color: #2dbba7; }
.footer-inner li.nav-top-item {
  border-top: 1px solid #232323;
  font-size: 1.2em;
  margin: 0 0 0.2em 0;
  padding: 0.3em 0 0.6em 0;
  border-bottom: 1px solid #b2b2b2; }

/*
		 .search-bottom {
			 @extend .search-top;
			 border: none !important;

		 }		

			.search-bottom .form-wrapper input.search {
				 width: 90%;
				 border-bottom: 1px solid $black80;
				 font-size: 1em;
			 }		
*/
#recentTweets {
  font-size: 0.8em;
  margin-top: 0.4em; }
  #recentTweets .tweetText {
    line-height: 1.6em; }
  #recentTweets .tweetDate {
    color: #777777;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 0.9em; }

.credit {
  clear: both;
  width: 100%;
  float: left;
  padding: 0; }

.credit a {
  color: #2dbba7; }

/******************************************************************
TEXT STYLES & IMAGES
******************************************************************/
.green {
  color: #2dbba7; }

.blue {
  color: #0099e8; }

.red {
  color: #ff1200; }

.purple {
  color: #a34a90; }

.normal-text {
  font-size: 0.66em; }

p {
  font-size: 1.1em;
  margin: 0 0 0.6em;
  letter-spacing: 0.03em; }

.intro {
  margin-top: 0.6em; }

.intro p {
  margin: 0 0 1em 0;
  font-size: 1.6em;
  color: #FFF;
  letter-spacing: 0.02em; }

.logo a {
  text-decoration: none; }

strong {
  font-weight: 600; }

.sprite {
  background-repeat: no-repeat;
  background-image: url(../images/sprite.png?v=2); }

a {
  text-decoration: none;
  color: #232323; }

a:hover {
  color: #2dbba7; }

/******************************************************************
 TABLES STYLES
******************************************************************/
.content table {
  margin-bottom: 3em;
  margin-top: 1em;
  width: 100%;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 0.77em;
  background-color: #fafafa; }
.content td {
  max-width: 6em;
  padding-left: 1em;
  overflow: scroll; }
.content th {
  padding-left: 0.8em;
  padding-top: 0.6em; }
.content tr {
  border-top: solid 1px #b2b2b2; }
.content thead tr {
  border: none;
  padding-bottom: 0.4em;
  font-family: "adobe-caslon-pro", serif;
  font-size: 1.3em; }
.content thead tr th {
  font-weight: normal; }
.content .large-tcol {
  width: 50%; }

/******************************************************************
 HEADER STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  color: #232323;
  margin: 1em 0 0.8em 0;
  font-weight: normal; }

h1 {
  font-size: 2.6em;
  margin: 0; }

h1.logo-h1 {
  color: #FFF;
  display: block;
  float: left;
  margin: 0 0.6em 0 0;
  background-position: 0 0;
  width: 121px;
  height: 42px; }

.sidebar h1.top-header {
  font-size: 2.2em;
  margin-top: 0.8em; }

h1.page-title {
  /* border-bottom: 1px solid $black80; */
  margin: 0 0 0.4em 0; }

h4 {
  margin-bottom: 0;
  font-size: 1.2em; }

/***********************************************
 * FEATURE SLIDES
 **********************************************/
.feature-slides {
  overflow: hidden;
  height: 24.4em;
  /* Use multiples of 4em to increase size (this is the size of one unselected list item. Don't forget to increase the number of visible items in the javascript set in the homepage head*/
  position: relative;
  clear: both;
  background-color: #232323; }

.slide-image-container {
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0; }

.slide-image-container li {
  height: 100%;
  padding: 0;
  margin: 0;
  display: none; }

.slide-image-container li img {
  float: right;
  height: 100%;
  width: auto; }

.slide-image-container li.image-select {
  display: block; }

.als-container {
  position: relative;
  height: 100%;
  z-index: 100; }

.als-viewport {
  position: relative;
  overflow: hidden;
  height: 100% !important;
  /* Remove if buttons are added back into the slider */ }

.feature-list {
  /* same as als-wrapper */
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .feature-list li {
    background: #FFF;
    display: block;
    position: relative;
    border-top: 1px solid #232323;
    padding: 0.9em 0 0 0.8em;
    height: 3em;
    width: 97%;
    vertical-align: middle;
    cursor: pointer; }
    .feature-list li a:hover {
      text-decoration: none;
      color: #2dbba7; }
  .feature-list li:hover a {
    color: #2dbba7; }
  .feature-list li.last-list-item {
    /* 					padding-bottom: 6em; // Uncomment THIS IF NUMBER OF ITEMS GO UP */
    border-bottom: 1px solid #232323; }
  .feature-list li.last-list-item-dummy {
    background: #f8f7f7;
    border-top: none; }

/***********************************************
 * SELECTED LIST ITEM
 **********************************************/
.list-details {
  color: #b2b2b2;
  font-size: 0.66em;
  display: none;
  width: 70%;
  font-family: "Helvetica", "Arial", sans-serif; }

li.list-select {
  background: #232323;
  display: block;
  padding: 1.2em 1em 1.2em 0.7em;
  height: 6em;
  cursor: default; }
  li.list-select .list-title, li.list-select .list-title a {
    color: #FFF;
    line-height: 1.2em;
    /* margin-bottom: 0.2em; */
    display: block; }
  li.list-select .list-title a:hover {
    text-decoration: none;
    color: #2dbba7; }
  li.list-select .list-arrow {
    /* right arrow */
    display: inline-block;
    float: right;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0.7em 0 0.7em 0.8em;
    border-color: transparent transparent transparent #232323;
    position: absolute;
    right: -0.7em;
    top: 40%; }
  li.list-select .list-details {
    display: block; }
    li.list-select .list-details a {
      color: #777777; }
    li.list-select .list-details a:hover {
      color: #2dbba7; }
  li.list-select .list-date {
    color: #FFF; }

li.list-select.height2 {
  height: 9em; }

li.list-select.height2 .list-title {
  font-size: 1.9em; }

li.list-select.height3 {
  height: 9em; }

li.list-select.height4 {
  height: 12em; }

li.list-select.height2,
li.list-select.height3,
li.list-select.height4 {
  padding-top: 1.4em; }

li.list-select.height2 .list-title,
li.list-select.height3 .list-title,
li.list-select.height4 .list-title {
  margin-bottom: 0.3em; }

/***********************************************
 * FEATURE BUTTONS
 **********************************************/
.feature-buttons {
  height: 4em;
  width: 97%; }

/***********************************************
 * prev, next: buttons styling
 **********************************************/
.prev-button, .next-button,
.prev-button-fade, .next-button-fade {
  width: 50%;
  height: 100%;
  margin: 0 auto;
  background-color: #ededed; }

.prev-button::selection, .next-button::selection,
.prev-button-fade::selection, .next-button-fade::selection {
  background-color: #f5f5f5; }

.prev-button {
  float: left;
  cursor: pointer; }

.next-button {
  float: right;
  cursor: pointer;
  border-left: #FFF 1px solid; }

.prev-button-fade {
  float: left;
  cursor: default; }

.next-button-fade {
  float: right;
  cursor: default;
  border-left: #FFF 1px solid; }

.als-prev, .als-next,
.als-prev-fade, .als-next-fade {
  margin-top: 1.7em;
  display: block;
  width: 22px;
  height: 15px; }

.als-prev, .als-prev-fade {
  background-position: -245px 0;
  width: 10px;
  height: 7px;
  margin-left: 50%; }

.als-next, .als-next-fade {
  background-position: -256px 0;
  width: 10px;
  height: 7px;
  margin-left: 48%; }

.als-prev-fade {
  background-position: -245px -17px;
  width: 10px;
  height: 7px; }

.als-next-fade {
  background-position: -255px -17px;
  width: 10px;
  height: 7px; }

.prev-button:hover .als-prev {
  background-position: -245px -8px;
  width: 10px;
  height: 7px; }

.next-button:hover .als-next {
  background-position: -255px -8px;
  width: 10px;
  height: 7px; }

.prev-button:hover {
  background-color: #f5f5f5; }

.next-button:hover {
  background-color: #f5f5f5; }

/***********************************************
 * RECENT ITEMS
 **********************************************/
.recent-items {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 2.5%; }

.recent-items li {
  display: block;
  margin-top: 2.5%;
  margin-right: 2.5%;
  font-family: "Helvetica", "Arial", sans-serif;
  position: relative;
  float: left; }

.recent-details {
  background: #2dbba7;
  color: #777777;
  font-size: 0.75em;
  display: block;
  padding: 1.5em;
  position: absolute;
  width: 100%;
  min-height: 10em; }
  .recent-details a {
    color: #555555; }

.recent-title, .recent-title a {
  color: #FFF;
  line-height: 1.3em;
  margin-bottom: 0.6em;
  display: block;
  font-family: "adobe-caslon-pro", serif; }

.recent-title a:hover {
  text-decoration: none;
  color: #555555; }

.recent-title {
  font-size: 2em; }

.recent-arrow {
  /* bottom arrow */
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1em 1em 0 1.1em;
  border-color: #2dbba7 transparent transparent transparent;
  position: absolute;
  bottom: -1em;
  left: 45%; }

.recent-items li img {
  width: 100%;
  height: auto;
  clear: both;
  margin-top: 7.4em; }

a.load-recent {
  clear: both;
  background-color: #f8f7f7;
  display: block;
  width: 100%;
  padding: 1.2em 0 1em 0;
  text-align: center;
  vertical-align: middle; }

/***********************************************
 * BLOG 
 **********************************************/
.content {
  float: left; }

.blog-items {
  list-style: none;
  padding: 0;
  margin: 0; }

.blog-items li {
  margin: 0 0 3.5em 0; }

.blog-items li.pagination {
  margin: 0.8em 0; }

.blog-items img {
  clear: both; }

.img-border img {
  width: 100%;
  height: auto; }

.single-entry .img-border img {
  margin-bottom: 2em; }

/* Image borders styling */
.series-item .img-border img {
  border-top: #0099e8 0.5em solid; }

.topic-item .img-border img {
  border-top: #2dbba7 0.5em solid; }

.people-item .img-border img {
  border-top: #a34a90 0.5em solid; }

.blog-img-arrow {
  /* bottom arrow */
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 1em 1.1em 1em;
  border-color: transparent transparent #FFF transparent;
  position: relative;
  bottom: 1em;
  left: 47%; }

.blog-items a:hover {
  text-decoration: none; }

.series-item a:hover,
.series-item .read-more {
  color: #0099e8; }

.topic-item a:hover,
.topic-item .read-more {
  color: #2dbba7; }

.people-item a:hover,
.people-item .read-more {
  color: #a34a90; }

.blog-header {
  margin-top: 0;
  display: block;
  clear: both; }

.blog-share {
  padding: 0;
  float: right;
  width: 30%;
  font-family: "Helvetica", "Arial", sans-serif; }

.blog-share-item {
  display: block;
  float: right;
  margin: 0 0 0 0.6em; }

.blog-share-item a {
  display: block;
  clear: both; }

.blog-share-item span {
  font-size: 0.8em;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 0.2em; }

.blog-header-left,
.blog-header-right {
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.blog-header-left {
  float: none;
  margin-right: 2.56411%; }
  .blog-header-left h2 {
    margin: 0;
    margin-top: 0.3em; }

.blog-title {
  font-size: 2.5em;
  line-height: 1.2em;
  display: block;
  clear: both; }

.blog-details {
  margin: 0.6em 0 0 0;
  display: block; }

.blog-author {
  display: inline-block;
  margin-right: 1em; }

.blog-comments {
  display: inline-block; }

.blog-header-right {
  float: none; }

.blog-short {
  display: block;
  margin-top: 0.8em;
  font-size: 1.15em;
  font-weight: 300; }

.blog-short a {
  cursor: default;
  text-decoration: none; }

.blog-short a:hover {
  color: #232323; }

.blog-short a.read-more:hover {
  color: #2dbba7;
  cursor: pointer; }

.blog-footer {
  margin-top: 1em;
  display: block;
  clear: both; }

.pagination {
  clear: both;
  background-color: #f8f7f7;
  display: block;
  width: 100%;
  padding: 1.2em 0 1em 0;
  text-align: center;
  font-size: 1.2em; }
  .pagination a, .pagination strong {
    margin-left: 0.2em; }

.search-results li.pagination {
  min-height: 0;
  border: none;
  padding-top: 1.2em; }

/***********************************************
 * BLOG SHARE ICONS 
 **********************************************/
.blog-facebook {
  background-position: -164px -65px;
  width: 33px;
  height: 33px; }

a.blog-facebook:hover {
  background-position: -164px -101px;
  width: 33px;
  height: 33px; }

.blog-twitter {
  background-position: -199px -65px;
  width: 33px;
  height: 33px; }

a.blog-twitter:hover {
  background-position: -199px -101px;
  width: 33px;
  height: 33px; }

.blog-gplus {
  background-position: -234px -65px;
  width: 33px;
  height: 33px; }

a.blog-gplus:hover {
  background-position: -234px -100px;
  width: 33px;
  height: 33px; }

/***********************************************
 * BLOG TAGS 
 **********************************************/
.entry-tags {
  float: left;
  width: 70%;
  text-transform: capitalize; }

.entry-tag a {
  clear: both;
  display: inline-block;
  padding: 0.3em;
  color: #FFF;
  font-size: 1.1em;
  font-weight: 500;
  font-family: "Helvetica", "Arial", sans-serif;
  margin-right: 2.56411%;
  margin-bottom: 2.56411%; }

.tag-list {
  list-style: none;
  padding: 0;
  font-size: 0.9em;
  font-weight: normal;
  font-family: "Helvetica", "Arial", sans-serif;
  text-transform: capitalize;
  margin-top: 0; }

.tag-list.section-list {
  margin-top: 0; }

.section-list li .tag-select {
  background-color: #555555;
  color: #FFF; }
  .section-list li .tag-select .tag-count {
    color: #ededed; }
  .section-list li .tag-select a:hover .tag-count {
    color: #f8f7f7; }

.tag-list li {
  display: inline-block;
  margin-right: 2.56411%;
  margin-bottom: 2.56411%; }

.tag a,
.group-label {
  background-color: #FFF;
  display: inline-block;
  padding: 0.3em 0.4em;
  text-transform: capitalize; }

.series-list .tag a:hover {
  color: #0099e8; }

.series-list .tag a:hover.tag-select {
  color: #FFF; }

.topic-list .tag a:hover {
  color: #2dbba7; }

.people-list .tag a:hover {
  color: #a34a90; }

.tag-count {
  font-size: 0.6em;
  color: #777777;
  vertical-align: super; }

a:hover .tag-count {
  color: #232323; }

/* Group coloured labels */
.series-group-tag a,
.series-list a.tag-select,
.series-list li.group-label {
  background-color: #0099e8;
  color: #FFF; }
  .series-group-tag a .tag-count,
  .series-list a.tag-select .tag-count,
  .series-list li.group-label .tag-count {
    color: #ededed; }

.series-group-tag a:hover {
  background-color: #ededed;
  color: #0099e8; }

.topic-group-tag a,
.topic-list li.group-label {
  background-color: #2dbba7;
  color: #FFF; }

.topic-group-tag a:hover {
  background-color: #ededed;
  color: #2dbba7; }

.people-group-tag a,
.people-list li.group-label {
  background-color: #a34a90;
  color: #FFF; }

.people-group-tag a:hover {
  background-color: #ededed;
  color: #a34a90; }

.all-group-tag a,
.all-list li.group-label {
  background-color: #ededed;
  color: #232323; }

.all-group-tag a:hover {
  background-color: #f8f7f7; }

.section-list li.group-label {
  background-color: #555555;
  color: #FFF; }

/* more tag */
.more-tag {
  display: inline-block;
  font-family: "Helvetica", "Arial", sans-serif;
  padding: 0; }

.series-list .more-tag a {
  color: #0099e8; }

.topic-list .more-tag a {
  color: #2dbba7; }

.people-list .more-tag a {
  color: #a34a90; }

/***********************************************
* SIDEBAR 
**********************************************/
.sidebar {
  background-color: #ededed;
  float: right;
  padding: 0 15px;
  padding-bottom: 1.2em; }
  .sidebar h3 {
    font-size: 1.6em;
    margin-bottom: 0.4em; }
  .sidebar h2 {
    margin-bottom: 0.4em; }
  .sidebar .blog-tag {
    margin-bottom: 2.56411%; }

.sidebar.absolute {
  position: absolute;
  width: 30.62393%; }

.sidebar.relative {
  position: relative; }

.first-sidebar {
  margin-bottom: 15px; }

aside.next-sidebar,
aside.blog-sidebar {
  position: static; }

.contributors-photo-grid {
  list-style: none;
  padding: 0; }

.contributors-photo-grid li {
  float: left;
  width: 20%;
  height: 20%; }

.contributors-photo-grid a {
  display: block; }

.contributors-photo-grid a img {
  opacity: 0.6;
  width: 100%;
  height: auto;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */ }

.contributors-photo-grid img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */ }

.contributor-name-list {
  list-style: none;
  padding: 0;
  font-size: 0.95em; }

.contributor-name-list li {
  line-height: 1.6em; }

.end-list-item {
  color: #0099e8; }

/***********************************************
 * AUTHOR PAGE  17.2% with sidebar
 **********************************************/
.author-photo-grid {
  list-style: none;
  padding: 0;
  margin: 2.56411% auto 0 auto;
  width: 100%; }

.author-photo-grid li {
  float: left;
  width: 11.7%;
  height: 11.7%;
  margin: 0 2.56411% 0 0; }

.author-photo-grid a {
  display: block; }

.author-photo-grid a img {
  opacity: 0.6;
  width: 100%;
  height: auto;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
  border-radius: 50%;
  overflow: hidden;
  margin: auto; }

.author-photo-grid img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */ }

.author-name {
  list-style: none;
  padding: 0;
  font-size: 0.95em;
  margin: 0.6em auto 0 auto;
  text-align: center;
  display: block; }

/***********************************************
 * TAG PAGE 
 **********************************************/
.tag-group-filter {
  background-color: #FFF;
  display: block; }

.tag-group-filter .entry-tag a {
  margin-right: 2.56411%;
  margin-bottom: 0.6em; }

.tag-group-filter .entry-tag a.last-col {
  margin-right: 0; }

.tag-index {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 0.6em;
  background: #FFF;
  display: block;
  width: 100%; }

/* Tag page */
.content.eight-col.group-page {
  float: right !important; }

.tag-index h3 {
  list-style: none;
  margin-top: 0; }

.tag-letter-box {
  width: 100%;
  margin: 0 1em 1em 0;
  float: left;
  display: inline-block;
  background-color: #FFF;
  min-height: 8.8em;
  /* 		min-width: 20em; */ }

.tag-letter-box.last-child {
  margin-right: 0; }

.tag-letter-box h3 {
  font-size: 1.6em;
  border-bottom: 1px solid #232323;
  margin-right: 2.56411%; }

.no-tag {
  color: #b2b2b2; }

/* All tags */
.tag-letter-box h3.filter-letter {
  color: #2dbba7;
  border-bottom: 1px solid #2dbba7;
  margin-right: 1em;
  font-weight: 600; }

.tag-list a.filter-theme-name {
  display: inline-block;
  color: #2dbba7; }

/* series tags */
.series-index .tag-letter-box h3.filter-letter {
  color: #0099e8;
  border-color: #0099e8; }

.series-index .tag-list a.filter-theme-name {
  display: inline-block;
  color: #0099e8; }

.series-index .tag-list a:hover {
  color: #0099e8; }

/* topic tags */
.topic-index .tag-letter-box h3.filter-letter {
  color: #2dbba7;
  border-color: #2dbba7; }

.topic-index .tag-list a.filter-theme-name {
  color: #2dbba7; }

.topic-index .tag-list a:hover {
  color: #2dbba7; }

/* series tags */
.people-index .tag-letter-box h3.filter-letter {
  color: #a34a90;
  border-color: #a34a90; }

.people-index .tag-list a.filter-theme-name {
  color: #a34a90; }

.people-index .tag-list a:hover {
  color: #a34a90; }

/* Tag sideabar */
.tag-sidebar {
  float: left;
  padding: 0;
  min-width: 18.5em; }

.tag-sidebar .sidebar-content {
  padding: 0 15px; }

.tag-results {
  list-style: none;
  padding: 0;
  margin: 0;
  /* Date */ }
  .tag-results li {
    list-style: none;
    padding: 0 0 1.5em 0;
    margin: 0 0 1.5em 0;
    border-bottom: 1px solid #b2b2b2; }
  .tag-results li:last-child {
    border: none; }
  .tag-results h4 {
    font-size: 1.2em;
    margin-bottom: 0.2em;
    margin-top: 0; }
  .tag-results p.result-article-summary {
    /* Tag summary and details */
    font-size: 0.9em;
    font-family: "Helvetica", "Arial", sans-serif; }
  .tag-results .result-article-meta {
    /* Tag details (date and author) */
    font-size: 0.8em;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0; }
  .tag-results .result-article-meta span {
    color: #777777; }
  .tag-results .result-article-meta a,
  .tag-results .result-article-meta a:visited {
    color: #777777; }
  .tag-results .result-article-meta a:hover {
    color: #232323; }

.filter-result-meta .filter-theme-name {
  /* Filtered tag */
  display: inline-block;
  background-color: #FFF;
  color: #232323;
  margin: 0;
  margin-top: 0.2em;
  padding: 0.2em 0.4em 0.2em 0.4em;
  letter-spacing: 0.05em;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 1em; }

.series-index .filter-result-meta .filter-theme-name {
  background-color: #0099e8;
  color: #FFF; }

.topic-index .filter-result-meta .filter-theme-name,
.all-index .filter-result-meta .filter-theme-name {
  background-color: #2dbba7;
  color: #FFF; }

.people-index .filter-result-meta .filter-theme-name {
  background-color: #a34a90;
  color: #FFF; }

.filter-result-meta p {
  /* clear filter */
  font-size: 0.9em;
  font-family: "Helvetica", "Arial", sans-serif;
  text-decoration: underline;
  margin-top: 0.8em; }

/***********************************************
 * ARTICLE ENTRY 
 **********************************************/
/***********************************************
 * prev, next: buttons styling
 **********************************************/
.next-prev-entries {
  display: block; }

.prev-entry, .next-entry {
  width: 50%;
  margin: 0 auto;
  /* background-color: $black20; */
  padding: 0.6em; }

.prev-entry {
  float: left;
  cursor: pointer; }

.next-entry {
  float: right;
  cursor: pointer;
  border-left: #FFF 1px solid;
  text-align: right; }

.entry-meta {
  font-size: 0.9em;
  font-family: "Helvetica", "Arial", sans-serif;
  margin-bottom: 2em;
  display: block; }

.single-entry-copy {
  margin: 0 0 1em 0; }
  .single-entry-copy h2 {
    clear: both; }

.single-entry-copy .summary-copy a,
.single-entry-copy .body-copy a {
  color: #2dbba7;
  text-decoration: underline; }

.entry-title {
  font-family: "adobe-caslon-pro", serif;
  margin: 0;
  display: inline; }

.summary-copy {
  font-size: 1.4em;
  font-family: "adobe-caslon-pro", serif;
  line-height: 1.6em;
  margin: 0 0 0.6em;
  clear: both; }

.sum-copy-float {
  margin: 0 0.6em 2.56411% 0;
  width: 50%;
  clear: none; }

.summary-img {
  margin: 0.6em 0 1em 2.56411%;
  float: right;
  width: 50%; }

.summary-img-caption p {
  font-size: 1em;
  margin-top: 0.6em;
  margin-bottom: 0;
  line-height: 1.6em; }

.body-copy {
  font-size: 1em;
  line-height: 2em; }

.body-copy p {
  margin-bottom: 1em; }

#footnotes {
  list-style: none;
  padding-left: 0;
  margin: 0 0 3em 0;
  line-height: 1.6em; }
  #footnotes li {
    font-size: 1.05em;
    margin-bottom: 0.6em; }

#footnotes-title {
  font-size: 1.4em;
  margin-top: 2em; }

.article-arrow {
  /* left arrow */
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1.2em 1.4em 1.2em 0;
  border-color: transparent #ededed transparent transparent;
  position: absolute;
  left: -1.3em;
  top: 45%;
  z-index: 10; }

.img-border {
  position: relative; }

.article-sidebar {
  overflow: visible; }

.rtBibleRef {
  color: #2dbba7; }

/***********************************************
 * ENTRY SIDEBAR
 **********************************************/
.entry-author-image {
  padding: 0.4em;
  background: #fff;
  display: inline-block;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }

.entry-author-info {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 0.85em; }

.entry-author-info h4 {
  font-family: "adobe-caslon-pro", serif;
  font-size: 1.6em;
  margin: 0.8em 0; }

.entry-author-info h4.display-inline {
  /* 		display: inline-block; */ }

.entry-author-info span {
  /*
  				font-size: 0.9em;
  				font-family: $font-sans;
  */ }

.read-more-bio {
  text-decoration: underline; }

.readmore-js-toggle a,
a.readmore-js-toggle {
  color: #2dbba7;
  margin-top: 0.2em; }

/*== RELATED ENTRIES ==*/
.related-entries-container {
  margin: 6em 0 0 0; }

.similar-entries-title {
  color: #232323;
  margin-bottom: 0; }

ul.related-entries {
  list-style: none;
  padding: 0;
  margin: 0; }

.related-entries-container .related-entries li {
  float: left;
  border: 0;
  border-right: 1px solid #b2b2b2;
  margin-top: 1.6em;
  min-height: 12em;
  width: 31.2%;
  margin-right: 3%;
  padding-right: 2.5%; }

.related-entries-container .related-entries li.last-col {
  border: none;
  padding-right: 0;
  margin-right: 0; }

ul.related-entries li h2 {
  font-family: "adobe-caslon-pro", serif;
  font-size: 1.4em;
  margin-top: 0; }

ul.related-entries li .more-tag {
  color: #2dbba7; }

ul.related-entries li p {
  color: #555555;
  font-size: 1em;
  font-family: "Helvetica", "Arial", sans-serif; }

/***********************************************
 * SEARCH PAGE 
 **********************************************/
#search .single-entry-copy {
  margin-top: 0; }

#search h2 {
  margin-top: 1em;
  font-size: 1.4em; }

.search-results {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both; }

.search-results li {
  margin-bottom: 2.56411%;
  padding-top: 1.28206%;
  padding-bottom: 2.56411%;
  min-height: 10.5em; }

.search-results li#pagination {
  min-height: 4em;
  border: none;
  margin: 0; }

.search-results .result-copy {
  float: right;
  width: 71%; }

.search-results li a.img {
  float: left;
  margin-right: 2.56411%;
  width: 25%; }

.search-results li a.img img {
  width: 100%;
  height: auto; }

.search-results li .entry-meta {
  margin-bottom: 0.8em;
  display: block; }

.search-results li .entry-title {
  font-size: 1.6em; }

.search-results li .summary-copy {
  font-size: 1em;
  margin-bottom: 2.56411%; }

.search-results li .read-more {
  font-size: 1em;
  color: #2dbba7; }

.search-results .summary-copy a {
  cursor: default;
  text-decoration: none; }

.search-results .summary-copy a:hover {
  color: #232323; }

.search-results .summary-copy a.read-more:hover {
  color: #2dbba7;
  cursor: pointer; }

#chkReset {
  visibility: hidden; }

/***********************************************
 * COMMENTS 
 **********************************************/
.comments-list {
  list-style: none;
  padding: 0; }

.comments-list li {
  background-color: #f8f7f7;
  list-style: none;
  margin: 1em 0;
  border-bottom: 1px solid #FFF;
  padding: 2em 2em; }

.comment-author-image {
  float: left;
  list-style: none;
  width: 10%;
  display: block; }

.comment-author-image img {
  width: 100%;
  height: auto; }

.comment-author-info {
  font-size: 0.85em;
  float: right;
  width: 80%; }

/***********************************************
 * ICONS 
 **********************************************/
/*
.blog-icon {
	float: right;
	background-position: -180px 0;
	width: 18px;
	height: 25px;						
	display:block;
	margin-top: 0.1em;
	
}

.paper-icon {
	float: right;
	background-position: -130px -49px;
	width: 27px;
	height: 21px;					
	display:block;	
}

.list-icon-video {
	float: right;
	background-position: -200px 0;
	width: 23px;
	height: 11px;								
	display:block;	
}
*/
/******************************************************************
CONTACT FORM
******************************************************************/
.form-msg {
  padding: 0.6em;
  padding-top: 0.8em;
  margin-bottom: 1.2em;
  color: #FFF;
  font-size: 1em;
  font-family: "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.02em; }

.form-error {
  color: #b81f1f;
  background-color: #ffe7e7; }

.form-success {
  background-color: #2dbba7; }

.form-col {
  display: block;
  float: left;
  clear: none;
  width: 48.7%;
  margin-right: 2.56411%; }

.contact_form {
  /* Form text input */ }
  .contact_form input[type=text],
  .contact_form #message {
    outline: none;
    border: 0;
    font-family: "adobe-caslon-pro", serif;
    /* letter-spacing: -0.04em;  */
    background-color: #ededed;
    padding: 0.3em 0.4em 0 0.4em;
    line-height: 1.1em; }
  .contact_form input[type=text] {
    font-size: 1.2em;
    font-weight: 300;
    margin: 0 0 0.358em 0;
    width: 100%; }
  .contact_form #message {
    width: 100%;
    font-size: 1.1em;
    padding-top: 0.4em; }
  .contact_form input[type=submit] {
    border: 0;
    font-weight: 300;
    font-size: 0.95em;
    color: white;
    background-color: #777777;
    padding: 0.4em 0.6em 0.5em 0.6em;
    margin: 0;
    letter-spacing: 0.04em;
    margin-top: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em; }
  .contact_form input[type=submit]:hover {
    background-color: #2dbba7; }
  .contact_form .last-col {
    margin-right: 0; }

/******************************************************************
SEARCH FORM
******************************************************************/
.search-nav, .search-top {
  border-top: 1px solid #232323;
  padding-bottom: 1px; }

.search-nav form,
.search-top form {
  margin: 0; }

.search-top {
  float: right; }
  .search-top .form-wrapper input.search {
    /*
        padding: 0.2em 0.1em;
    	font-size: 1em;
    	margin: 0 0 0.4em 0;  
    */ }

/* Date range */
.date-range h4 {
  margin-bottom: 0.6em;
  letter-spacing: 0.01em; }

.inline-h4 {
  margin: 0 1em 0.6em 0;
  letter-spacing: 0.01em;
  clear: none;
  display: inline-block; }

.date-range span {
  margin-bottom: 0.6em;
  margin-right: 0.6em;
  display: inline-block;
  font-weight: normal; }

.date-range input {
  width: 45%;
  margin-right: 0.3em;
  font-size: 0.9em;
  border: 1px solid #b2b2b2; }

.date-range input {
  width: 39%;
  vertical-align: text-top; }

div.six-col.last-col {
  padding-left: 3.5%; }

div.six-col.last-col input {
  width: 42%; }

/* Form wrapper styling */
.form-wrapper {
  padding: 0; }

/* Form text input */
.form-wrapper input.search {
  width: 80%;
  padding: 0.1em 0.1em;
  float: left;
  font-size: 1.4em;
  font-weight: 300;
  border: 0;
  margin: 0 0 0.358em 0;
  outline: none;
  font-family: "adobe-caslon-pro", serif;
  /* letter-spacing: -0.04em;  */ }

/* for non placeholder supporting browsers  */
.form-wrapper input.search.placeholder {
  color: #777777; }

/* Form checkbox */
fieldset.checkboxes input {
  margin: 0 0 0 0.6em; }

fieldset.checkboxes legend,
.search-nav form .adv-search-options,
.search-top form .adv-search-options,
.date-range span {
  letter-spacing: 0.01em;
  font-family: "Source Code Pro", sans-serif;
  margin-right: 0.5em;
  font-size: 0.75em; }

fieldset.checkboxes label {
  margin-right: 1.5em;
  padding-left: 2.5em; }

/* CSS checkbox */
input[type=checkbox].css-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=checkbox].css-checkbox + label.css-label {
  height: 16px;
  display: inline-block;
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  letter-spacing: 0.01em;
  font-size: 0.65em;
  font-family: "Source Code Pro", sans-serif; }

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -16px; }

.css-label {
  background-image: url(../images/depressed.png); }

/* Form submit button */
.form-wrapper button {
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  margin-top: 0.4em;
  background-position: -225px 0;
  width: 17px;
  height: 17px; }

.form-wrapper button::-moz-focus-inner {
  /* remove extra button spacing for Mozilla Firefox */
  border: 0;
  padding: 0; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #2dbba7;
  text-shadow: none; }

::selection {
  background: #2dbba7;
  text-shadow: none; }

/******************************************************************
SEARCH SIDEBAR
******************************************************************/
.sidebar {
  /* Form  big submit button */
  /* Date range in sidebar */ }
  .sidebar .form-wrapper .search-box {
    margin-bottom: 0;
    clear: both;
    display: block;
    background-color: #CCC; }
  .sidebar .form-wrapper input.search {
    margin-bottom: 0;
    padding: 0.3em 0 0 0.6em; }
  .sidebar .form-wrapper button {
    background-position: -134px -77px;
    width: 23px;
    height: 23px;
    float: right; }
  .sidebar .form-wrapper fieldset.checkboxes legend {
    padding: 0; }
  .sidebar .date-range {
    margin-top: 0.8em;
    margin-bottom: 0.4em;
    display: inline-block;
    font-family: "adobe-caslon-pro", serif;
    vertical-align: top; }
  .sidebar fieldset.checkboxes legend,
  .sidebar fieldset.checkboxes label {
    margin-left: 0;
    padding-left: 2em;
    font-size: 0.8em;
    vertical-align: top; }
  .sidebar fieldset.checkboxes label.css-label {
    padding-left: 2em;
    font-size: 0.75em;
    clear: both;
    width: 100%;
    float: left;
    margin-top: 0.8em; }
  .sidebar .date-range h4 {
    margin-bottom: 0.6em;
    letter-spacing: 0.01em; }
  .sidebar .inline-h4 {
    margin: 0 1em 0.6em 0;
    letter-spacing: 0.01em;
    clear: none;
    display: inline-block; }
  .sidebar .date-range span {
    margin-bottom: 0.6em;
    margin-right: 0.6em;
    display: inline-block;
    font-weight: normal;
    font-size: 0.9em;
    vertical-align: text-top;
    min-width: 3.1em; }
  .sidebar .date-range input {
    width: 40%;
    margin-right: 0.3em;
    font-size: 0.9em;
    border: none; }
  .sidebar .date-range .six-col {
    clear: both;
    width: 100%;
    float: left; }
  .sidebar .date-range .six-col.last-col {
    padding-left: 0%; }
  .sidebar .date-range .six-col.last-col input {
    width: 40%; }

fieldset.checkboxes legend {
  display: inline-block;
  clear: none;
  float: left; }

/******************************************************************
DATEPICKER 
******************************************************************/
/* Cal icon */
.date-range .ui-datepicker-trigger {
  width: 21px;
  height: 20px;
  margin-left: 0.4em;
  vertical-align: text-top;
  margin-top: -3px; }

header .ui-datepicker-trigger {
  margin-top: -0.05em; }

#ui-datepicker-div {
  width: 12.5em;
  padding-bottom: 0.2em;
  font-family: "adobe-caslon-pro", serif; }

#ui-datepicker-div td {
  min-width: 30px; }

#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year {
  font-size: 0.9em; }

/******************************************************************
BACK TO TOP BUTTON
******************************************************************/
.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0px;
  text-decoration: none;
  color: #000000;
  background-color: #ededed;
  font-size: 12px;
  padding: 1em;
  display: none;
  font-family: "Helvetica", "Arial", sans-serif; }

.back-to-top:hover {
  background-color: #FFF;
  color: #2dbba7; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sprite {
    background-image: url(../images/sprite@2x.png?v=2);
    background-size: 284px 143px; }

  /*
  .date-range .ui-datepicker-trigger {
  	background: url(../images/sprite@2x.png) no-repeat -227px -38px;
  	width: 21px;
  	height: 20px;
  }
  */ }
@media only screen and (min-width: 0px) {
  /*********************
  HIDE THESE
  *********************/
  .search-top {
    display: none; }

  .search-bottom {
    display: block; }

  .social-nav {
    display: none; }

  .advanced-search {
    display: none; }

  .search-nav {
    display: none; }

  nav {
    display: none; }

  .topdate {
    display: none; }

  .title-long {
    display: none; }

  .title-middle {
    display: none; }

  /* Sidebar */
  .sidebar {
    display: none; }

  .article-arrow {
    display: none; }

  .related-entries-container {
    display: none; }

  /* .ui-datepicker-trigger {display: none;} */
  /*********************
  SHOW THESE
  *********************/
  .social-top {
    display: block; }

  /* mobile menu */
  .menu-icon {
    display: block; }

  /* mobile search */
  .search-mobile {
    display: block; }

  nav.breadcrumb {
    display: block; }

  .title-short {
    display: block; }

  /* Sidebar */
  .tag-sidebar {
    display: block; }

  .first-sidebar {
    display: block; }

  /*********************
  LAYOUT & GENERAL STYLES
  *********************/
  h1 {
    font-size: 2.4em; }

  .inner-wrapper {
    min-width: 320px;
    width: 100%; }

  header {
    padding-bottom: 1em; }

  .topbar {
    margin: 2em 0 2em 0; }

  .content.eight-col {
    width: 100%; }

  /* feature-slides */
  .feature-slides {
    height: 18.4em;
    /* Use multiples of 4em to increase size (this is the size of one unselected list item. Don't forget to increase the number of visible items in the javascript set in the homepage head*/ }

  .als-container {
    width: 100%; }
    .als-container li {
      width: 100%; }

  /* feature-list */
  .feature-list {
    /* same as als-wrapper */ }
    .feature-list li {
      font-size: 1.02em; }

  .list-normal .list-title {
    font-size: 1.07em; }

  .list-select .list-title {
    font-size: 1.8em; }

  .feature-buttons {
    width: 100%; }

  .slide-image-container {
    display: none; }

  /* recent-list */
  .recent-items {
    width: 100%; }

  .recent-items li {
    width: 100%; }

  /* mobile menu */
  nav#mobile {
    background-color: #FFF; }

  /* mobile search */
  nav#mobile ul li a.submenu-tog2 {
    margin-bottom: 0; }

  .search-mobile {
    width: 100%;
    display: block;
    border: none;
    margin: 0.4em 0 0 0;
    /* for non placeholder supporting browsers  */ }
    .search-mobile form fieldset input[type=checkbox].css-checkbox + label.css-label,
    .search-mobile form fieldset legend {
      font-size: 0.9em; }
    .search-mobile form fieldset legend {
      padding-left: 0.3em; }
    .search-mobile input.search {
      font-size: 1.5em;
      background-color: #ededed;
      margin: 0;
      margin-left: 0.3em;
      padding: 0.3em 0.4em 0 0;
      color: #555555; }
    .search-mobile .search-wrap {
      padding: 0 0.8em 0 0.3em;
      background-color: #ededed;
      -moz-border-radius: 1em;
      border-radius: 1em;
      display: block;
      margin: 0 0 0.8em 0; }
    .search-mobile form button {
      margin-top: 0.75em; }
    .search-mobile input.search.placeholder {
      color: #777777; }
    .search-mobile ::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #777777; }
    .search-mobile :-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #777777; }
    .search-mobile ::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #777777; }
    .search-mobile :-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #777777; }

  nav#mobile ul.submenu2 li {
    border-top: none; }

  /* The dropdown menu */
  nav#mobile ul {
    float: none;
    padding: 0 0 0 0;
    margin: 0 auto; }

  nav#mobile ul li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #777777; }

  nav#mobile ul li a {
    display: block;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0;
    margin: 0.9em 0 0.5em 0;
    padding: 0; }

  nav#mobile ul ul {
    font-size: 0.87em; }

  nav#mobile ul ul li {
    border-top: 1px solid #b2b2b2; }

  nav#mobile ul ul a {
    padding-left: 8px; }

  nav#mobile ul ul a:before {
    content: "";
    padding-right: 8px; }

  /* Blog */
  .entry-tags {
    width: 55%; }

  .entry-tag a {
    font-size: 1em; }

  .single-entry .img-border img {
    margin-bottom: 1.5em; }

  /* Article */
  .entry-meta {
    width: 55%;
    float: left; }

  .result-copy .entry-meta {
    width: 100%;
    float: none; }

  .blog-share {
    width: 45%;
    display: inline;
    margin: 0 0 0.6em 0; }

  /* Search sidebar */
  .sidebar {
    /* Form  big submit button */ }
    .sidebar .form-wrapper .search-box {
      padding-right: 2%; }
    .sidebar .form-wrapper input.search {
      width: 92.5%; }
    .sidebar .form-wrapper button {
      margin: 2.8% 1.5% 0 0; }

  /* Searh results */
  .search-results .result-copy {
    float: none;
    width: 100%;
    margin-top: 5.12822%;
    margin-bottom: 2.56411%; }

  .search-results li a.img {
    float: none;
    margin-right: 0;
    width: 100%; }

  /*author page */
  .author-photo-grid li {
    min-height: 9.6em;
    min-width: 5em;
    margin: 0 0 0 5.12822%; }

  /* Contact Form */
  .form-col {
    float: none;
    clear: both;
    width: 100%;
    margin-right: 0; }

  /* Footer */
  footer .footer-inner ul.two-col, footer .footer-inner ul.three-col {
    /* nav column */
    width: 47.4%;
    margin-bottom: 2.56411%; }
  footer .footer-inner .sitemap, footer .footer-inner .latest-tweet {
    margin-right: 0;
    margin-left: 2.56411%; }
  footer .footer-inner ul.last-col {
    /* nav column */
    /* 			margin-bottom: $grid-margin * 2; */ }

  /* Sidebar */
  .tag-sidebar {
    clear: both;
    width: 100%;
    margin-bottom: 1em; }

  .first-sidebar {
    width: 100%;
    clear: both; }

  #section-index .first-sidebar {
    margin-bottom: 2.2em; }

  .summary-img {
    margin: 0.6em 0 1em 0;
    float: none;
    width: 100%;
    clear: both; }

  .sum-copy-float {
    margin: 0 0 2.56411% 0;
    width: 100%; }

  /* Search sidebar */
  .sidebar .form-wrapper .search-box {
    padding-right: 2%; }
  .sidebar .form-wrapper input.search {
    padding: 0.3em 0 0 0.6em;
    width: 86%; }

  /* Form  big submit button */
  .form-wrapper button {
    margin: 3% 1% 0 0; } }
@media only screen and (min-width: 0px) and (min-width: 450px) {
  /* Feature slider title lengths change */
  .title-short {
    display: none; }

  .title-long {
    display: none; }

  .title-middle {
    display: block; }

  .recent-items {
    width: 102.5%; }

  .recent-items li {
    width: 47.5%; }

  /* Article */
  .summary-img {
    margin: 0.6em 0 1em 2.56411%;
    float: right;
    width: 50%; }

  .sum-copy-float {
    margin: 0 0.6em 2.56411% 0;
    width: 50%; } }
@media only screen and (min-width: 0px) and (min-width: 500px) {
  /* Searh results */
  .search-results .result-copy {
    float: right;
    width: 71%;
    margin-top: 0;
    margin-bottom: 0; }

  .search-results li a.img {
    float: left;
    margin-right: 2.56411%;
    width: 25%; }

  /* Article */
  .entry-meta {
    width: 60%; }

  .blog-share {
    width: 30%; }

  .entry-tag a {
    font-size: 1.1em; }

  /*author page */
  .author-photo-grid li {
    min-height: 10em; }

  /* Contact Form */
  .form-col {
    display: block;
    float: left;
    clear: none;
    width: 48.7%;
    margin-right: 2.56411%; }

  /* Search sidebar */
  .sidebar {
    /* Form  big submit button */ }
    .sidebar .form-wrapper .search-box {
      padding-right: 2%; }
    .sidebar .form-wrapper input.search {
      width: 92.5%; }
    .sidebar .form-wrapper button {
      margin: 1.7% 0.7% 0 0; } }
/* END mobile media query */
@media only screen and (min-width: 768px) {
  /*********************
  HIDE THESE
  *********************/
  /* mobile menu */
  .menu-icon {
    display: none; }

  nav#mobile {
    display: none; }

  /*********************
  SHOW THESE
  *********************/
  .search-top {
    display: block; }

  nav {
    display: block; }

  .slide-image-container {
    display: block; }

  /* Sidebar */
  .sidebar {
    display: block; }

  .tag-sidebar {
    display: block;
    clear: none;
    width: 31.62393%;
    margin-bottom: 1em; }

  .related-entries-container {
    display: block; }

  .article-arrow {
    display: block; }

  /*********************
  LAYOUT & GENERAL STYLES
  *********************/
  .inner-wrapper {
    min-width: 768px;
    width: 100%; }

  header {
    padding-bottom: 2em; }

  .topbar {
    margin: 2em 0 2em 0; }

  .content {
    min-height: 52em; }

  .content.eight-col {
    width: 65.81196%; }

  ul.two-col {
    width: 23.07692%; }

  .nav-last-item {
    margin-right: 0; }

  fieldset.checkboxes legend {
    float: none;
    margin-bottom: 0.2em; }

  /* Feature List */
  .feature-slides {
    height: 21.8em; }

  /* Use multiples of 4em to increase size (this is the size of one unselected list item. Don't forget to increase the number of visible items in the javascript set in the homepage head*/
  .als-container {
    width: 51.7%;
    min-width: 400px; }
    .als-container li {
      width: 97%; }

  .feature-list {
    /* same as als-wrapper */ }
    .feature-list li {
      font-size: 1.21em; }

  .list-select .list-title {
    font-size: 1.8em; }

  .feature-buttons {
    width: 97%; }

  .als-prev, .als-next,
  .als-prev-fade, .als-next-fade {
    margin-top: 1.5em; }

  /* Recent items */
  .recent-items li {
    width: 30.8%; }

  /* content reset width to standard eight col */
  div.eight-col {
    width: 65.81196%; }

  /* Search / author page */
  .search-results li {
    border-bottom: solid 1px #b2b2b2; }

  /* Tag page */
  .content.eight-col.group-page {
    width: 56%; }

  /* Sidebar */
  .first-sidebar {
    clear: none;
    width: 31.62393%; }

  #section-index .first-sidebar {
    clear: none;
    width: 31.62393%;
    margin-bottom: 15px; }

  header fieldset.checkboxes span {
    display: block;
    clear: right; }

  /* Search sidebar */
  .sidebar {
    /* Form  big submit button */ }
    .sidebar .form-wrapper button {
      margin: 3% 1% 0 0; }
    .sidebar .form-wrapper .search-box {
      padding-right: 2%; }
    .sidebar .form-wrapper input.search {
      padding: 0.3em 0 0 0.6em;
      width: 86%; }

  /* Form  big submit button */
  .form-wrapper button {
    margin: 3% 1% 0 0; }

  /*author page */
  .author-photo-grid li {
    min-height: 10.5em;
    margin: 0 2.56411% 0 0; }

  /* FOOTER */
  footer .footer-inner .sitemap, footer .footer-inner .latest-tweet {
    margin-right: 2.56411%;
    margin-left: 0; } }
@media only screen and (min-width: 768px) and (min-width: 854px) {
  /* Tag page */
  .content.eight-col.group-page {
    width: 60.81196%; }

  /* Blog */
  .blog-header-left,
  .blog-header-right {
    width: 48%;
    height: 100%;
    margin: 0 auto; }

  .blog-header-left {
    float: left;
    margin-right: 2.56411%; }

  .blog-header-right {
    float: right; }

  .blog-share {
    width: 25%;
    display: block;
    float: right; }

  .entry-title {
    display: block;
    width: 75%;
    float: left; }

  .single-entry .img-border img {
    margin-bottom: 2em; }

  .result-copy .entry-title {
    width: 100%;
    float: none; }

  .entry-tags {
    width: 73%; } }
@media only screen and (min-width: 768px) and (min-width: 938px) {
  fieldset.checkboxes legend {
    float: left;
    margin-bottom: 0; }

  /* Tag page */
  .content.eight-col.group-page {
    width: 64.81196%; }

  .tag-letter-box {
    width: 47.261992619926%; }

  header fieldset.checkboxes span {
    display: inline-block;
    clear: none; }

  /*author page */
  .author-photo-grid li {
    min-height: 12.5em; }

  /* Footer */
  footer .footer-inner ul.two-col {
    width: 14.52991%; }
  footer .footer-inner ul.three-col {
    width: 23.07692%; }
  footer .footer-inner ul.latest-tweet {
    float: right;
    width: 23.07692%;
    margin-right: 0; } }
/* END tablet media query */
@media only screen and (min-width: 1200px) {
  /*********************
  HIDE THESE
  *********************/
  .social-top {
    display: none; }

  .search-top {
    display: none; }

  .title-short {
    display: none; }

  .title-middle {
    display: none; }

  /*********************
  SHOW THESE
  *********************/
  .social-nav {
    display: block; }

  .advanced-search {
    display: block; }

  .search-nav {
    display: block; }

  .topdate {
    display: block; }

  .search-bottom {
    display: block; }

  .title-long {
    display: block; }

  /* Sidebar */
  .ui-datepicker-trigger {
    clear: none; }

  /*********************
  LAYOUT & GENERAL STYLES
  *********************/
  h1 {
    font-size: 2.6em; }

  .wrapper {
    max-width: 1200px; }

  .inner-wrapper {
    min-width: 1200px; }

  ul.two-col {
    width: 14.52991%; }

  .nav-last-item {
    margin-right: 2.56411%; }

  .als-container {
    /* 	min-width: 530px; */ }

  .feature-slides {
    overflow: hidden;
    height: 24.4em;
    /* Use multiples of 4em to increase size (this is the size of one unselected list item. Don't forget to increase the 										number of visible items in the javascript set in the homepage head*/
    position: relative; }

  .feature-list {
    /* same as als-wrapper */ }
    .feature-list li {
      font-size: 1.355em; }
    .feature-list .list-select .list-title {
      font-size: 1.8em; }

  .als-prev, .als-next,
  .als-prev-fade, .als-next-fade {
    margin-top: 1.7em; }

  .recent-items li {
    width: 22.5%; }

  .content.eight-col.group-page {
    width: 65.81196%; }

  /* sidebar */
  .sidebar {
    /* Form  big submit button */
    /*
    	.form-wrapper fieldset.checkboxes label {
    		margin-top: 0;
    		margin-left: 1em;
    		clear: none;
    		width: auto;
    		float: none;	
    	}	
    */ }
    .sidebar .form-wrapper button {
      margin: 3% 2% 0 0; }
    .sidebar .date-range span {
      min-width: initial; }
    .sidebar .date-range .six-col {
      width: 48.71794%;
      clear: none; }
    .sidebar .date-range .six-col.last-col {
      padding-left: 0%; }
    .sidebar .date-range input {
      width: 50%;
      margin-right: 0.3em; }
    .sidebar .date-range .six-col.last-col input {
      width: 52%; } }
/* END media query */
/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Sun Dec 15 2013 11:55 EST-0500
 * Plugins: tips
 * Styles: None
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0; }

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word; }

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold; }

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important; }

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent; }

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px; }

* html .qtip-titlebar .qtip-close {
  top: 16px; }

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none; }

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #2dbba7;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 0.9em;
  padding: 0.2em 0.2em 0.2em 0.1em;
  margin-top: 9px;
  line-height: 1.4em;
  background-color: #2dbba7;
  color: #FFF; }

.qtip-default .qtip-titlebar {
  background-color: #FFEF93; }

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777; }

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111; }

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10; }

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden; }

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent; }

.qtip .qtip-tip canvas {
  top: 0;
  left: 0; }

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible; }

/*! jQuery UI - v1.10.4 - 2014-03-18
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  margin: 6px;
  margin-top: 3px;
  width: 1.4em;
  height: 1.4em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  margin-left: 6px;
  padding-left: 6px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  margin-right: 6px;
  padding-right: 6px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -6px; }

.ui-datepicker .ui-datepicker-next span {
  margin-left: -4px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.85em;
  border-collapse: collapse;
  margin: 0; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  border: 0;
  font-weight: normal; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #FFF;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  background: #555555;
  color: #ffffff; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  /* border: 1px solid #cccccc; */
  background: #ededed url(../images/ul-images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  color: #232323;
  text-align: center;
  padding: 0;
  padding-top: 0.45em; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  /* 	border: 1px solid #fbcb09; */
  background: #f8f7f7;
  font-weight: bold;
  color: #2dbba7; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  /* 	border: 1px solid $green; */
  background: #ffffff url(../images/ul-images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #2dbba7; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #2dbba7;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #2dbba7;
  background: #2dbba7 url(../images/ul-images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
  color: #FFF;
  font-weight: bold; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(../images/ul-images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../images/sprite.png); }

.ui-widget-header .ui-icon {
  background-image: url(../images/sprite.png); }

.ui-state-default .ui-icon {
  background-image: url(../images/sprite.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../images/sprite.png); }

.ui-state-active .ui-icon {
  background-image: url(../images/sprite.png); }

.ui-state-highlight .ui-icon {
  background-image: url(../images/sprite.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../images/sprite.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background: url(../images/sprite.png) no-repeat -276px 0;
  width: 7px;
  height: 10px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background: url(../images/sprite.png) no-repeat -276px -10px;
  width: 7px;
  height: 10px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #666666 url(../images/ul-images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50); }

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(../images/ul-images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 3px;
  background-color: #777777; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 3px;
  background-color: #777777; }