/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 12, 2011 08:44:15 PM America/New_York */
@font-face {
  font-family: 'ChunkFiveRegular';
  src: url("../../fonts/ChunkFive/Chunkfive-webfont.eot");
  src: url("../../fonts/ChunkFive/Chunkfive-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/ChunkFive/Chunkfive-webfont.woff") format("woff"), url("../../fonts/ChunkFive/Chunkfive-webfont.ttf") format("truetype"), url("../../fonts/ChunkFive/Chunkfive-webfont.svg#ChunkFiveRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 12, 2011 08:44:39 PM America/New_York */
@font-face {
  font-family: 'TeXGyreHerosRegular';
  src: url("../../fonts/TeXGyreHeros/texgyreheros-regular-webfont.eot");
  src: url("../../fonts/TeXGyreHeros/texgyreheros-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/TeXGyreHeros/texgyreheros-regular-webfont.woff") format("woff"), url("../../fonts/TeXGyreHeros/texgyreheros-regular-webfont.ttf") format("truetype"), url("../../fonts/TeXGyreHeros/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*@font-face {
    font-family: 'TeXGyreHerosItalic';
    src: url('../../fonts/TeXGyreHeros/texgyreheros-italic-webfont.eot');
    src: url('../../fonts/TeXGyreHeros/texgyreheros-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreHeros/texgyreheros-italic-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreHeros/texgyreheros-italic-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreHeros/texgyreheros-italic-webfont.svg#TeXGyreHerosItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
  font-family: 'TeXGyreHerosBold';
  src: url("../../fonts/TeXGyreHeros/texgyreheros-bold-webfont.eot");
  src: url("../../fonts/TeXGyreHeros/texgyreheros-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/TeXGyreHeros/texgyreheros-bold-webfont.woff") format("woff"), url("../../fonts/TeXGyreHeros/texgyreheros-bold-webfont.ttf") format("truetype"), url("../../fonts/TeXGyreHeros/texgyreheros-bold-webfont.svg#TeXGyreHerosBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*@font-face {
    font-family: 'TeXGyreHerosBoldItalic';
    src: url('../../fonts/TeXGyreHeros/texgyreheros-bolditalic-webfont.eot');
    src: url('../../fonts/TeXGyreHeros/texgyreheros-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreHeros/texgyreheros-bolditalic-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreHeros/texgyreheros-bolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreHeros/texgyreheros-bolditalic-webfont.svg#TeXGyreHerosBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'TeXGyreHerosCnRegular';
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-regular-webfont.eot');
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-regular-webfont.svg#TeXGyreHerosCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'TeXGyreHerosCnItalic';
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-italic-webfont.eot');
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-italic-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-italic-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-italic-webfont.svg#TeXGyreHerosCnItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'TeXGyreHerosCnBold';
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-bold-webfont.eot');
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-bold-webfont.svg#TeXGyreHerosCnBold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'TeXGyreHerosCnBoldItalic';
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-bolditalic-webfont.eot');
    src: url('../../fonts/TeXGyreHeros/texgyreheroscn-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-bolditalic-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-bolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreHeros/texgyreheroscn-bolditalic-webfont.svg#TeXGyreHerosCnBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 12, 2011 08:44:31 PM America/New_York */
@font-face {
  font-family: 'TeXGyreAdventorRegular';
  src: url("../../fonts/TeXGyreAdventor/texgyreadventor-regular-webfont.eot");
  src: url("../../fonts/TeXGyreAdventor/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/TeXGyreAdventor/texgyreadventor-regular-webfont.woff") format("woff"), url("../../fonts/TeXGyreAdventor/texgyreadventor-regular-webfont.ttf") format("truetype"), url("../../fonts/TeXGyreAdventor/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('../../fonts/TeXGyreAdventor/texgyreadventor-italic-webfont.eot');
    src: url('../../fonts/TeXGyreAdventor/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreAdventor/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreAdventor/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreAdventor/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
  font-family: 'TeXGyreAdventorBold';
  src: url("../../fonts/TeXGyreAdventor/texgyreadventor-bold-webfont.eot");
  src: url("../../fonts/TeXGyreAdventor/texgyreadventor-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/TeXGyreAdventor/texgyreadventor-bold-webfont.woff") format("woff"), url("../../fonts/TeXGyreAdventor/texgyreadventor-bold-webfont.ttf") format("truetype"), url("../../fonts/TeXGyreAdventor/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('../../fonts/TeXGyreAdventor/texgyreadventor-bolditalic-webfont.eot');
    src: url('../../fonts/TeXGyreAdventor/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/TeXGyreAdventor/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('../../fonts/TeXGyreAdventor/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/TeXGyreAdventor/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 12, 2011 08:44:00 PM America/New_York */
/*@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('../../fonts/CartoGothic-Std/CartoGothicStd-Book-webfont.eot');
    src: url('../../fonts/CartoGothic-Std/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-Book-webfont.woff') format('woff'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'CartoGothicStdItalic';
    src: url('../../fonts/CartoGothic-Std/CartoGothicStd-Italic-webfont.eot');
    src: url('../../fonts/CartoGothic-Std/CartoGothicStd-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-Italic-webfont.woff') format('woff'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-Italic-webfont.ttf') format('truetype'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-Italic-webfont.svg#CartoGothicStdItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
  font-family: 'CartoGothicStdBold';
  src: url("../../fonts/CartoGothic-Std/CartoGothicStd-Bold-webfont.eot");
  src: url("../../fonts/CartoGothic-Std/CartoGothicStd-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/CartoGothic-Std/CartoGothicStd-Bold-webfont.woff") format("woff"), url("../../fonts/CartoGothic-Std/CartoGothicStd-Bold-webfont.ttf") format("truetype"), url("../../fonts/CartoGothic-Std/CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*@font-face {
    font-family: 'CartoGothicStdBoldItalic';
    src: url('../../fonts/CartoGothic-Std/CartoGothicStd-BoldItalic-webfont.eot');
    src: url('../../fonts/CartoGothic-Std/CartoGothicStd-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-BoldItalic-webfont.woff') format('woff'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'),
         url('../../fonts/CartoGothic-Std/CartoGothicStd-BoldItalic-webfont.svg#CartoGothicStdBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/* Reset & Base Styles
 * Author:Rachael L. Moore - virtualrevolution.net
 *
 * Credits (also see comments throughout):
 * "XHTML Tags" - xhtml.com
 * "HTML5 Boilerplate" - Paul Irish et al. / html5boilerplate.com
 * "HTML5 Reset Stylesheet" - Richard Clark / richclarkdesign.com
 * "CSS Reset" - Eric Meyer / meyerweb.com
 * "Quotes" - Paul Chaplin / paulchaplin.com
 * "Max Width Image" - Ethan Marcotte / unstoppablerobotninja.com
 * "Form Legends" - John Faulds & Ian Beck / tyssendesign.com.au & beckism.com
 * "Formalize" - Nathan Smith / sonspring.com
 * "Baseline Framework" - Stephane Curzi / baseline.com
 * "Object Oriented CSS" - Nicole Sullivan / github.com/stubbornella/oocss/wiki
 * "Tables" - Big Bison et al. / iwdn.net/showthread.php?t=4114
 * "Normalize CSS" - Nicolas Gallagher & Jonathan Neal / necolas.github.com/normalize.css
*/
/* == All (OK, Most) =================================================================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, .pcat-num, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  /* Remove all default margins & padding */
  margin: 0;
  padding: 0;
  /* Remove all default borders & outlines */
  border: 0;
  outline: 0;
  /* Set all font-sizes to match <body>'s */
  font-size: 100%;
  /* Set default vertical alignment to baseline */
  vertical-align: baseline;
  /* Make all default backgrounds transparent */
  background: transparent; }

/* == Structural ======================================================================================================================= */
html {
  height: 100%;
  /* Always force a scrollbar in non-IE */
  overflow-x: hidden;
  overflow-y: scroll;
  /* Remove iOS text size adjust without disabling user zoom:456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  min-height: 100%;
  font-family: sans-serif;
  font-size: 17px;
  line-height: 25px;
  color: #555555;
  background: white; }

/* -- Block ---------------------------------------------------------------------------------------------------------------------------- */
address, article, aside, details, div, figcaption, figure, footer, header, hgroup, hr, menu, nav, p, section {
  display: block; }

address {
  font-style: normal; }

hr {
  border: 0;
  height: 0;
  overflow: hidden;
  /* _variables.scss @include hr -> start */
  border-top: 1px solid #aaaaaa;
  /* _variables.scss @include hr -> finish */ }

/* -- Lists ---------------------------------------------------------------------------------------------------------------------------- */
ol, ul {
  display: block;
  list-style: none; }

li {
  display: list-item; }

dl {
  display: block; }

dt {
  display: block; }

dd {
  display: block; }

nav li, fieldset li {
  display: block; }

nav li a {
  display: block; }

/* == Forms ============================================================================================================================ */
legend {
  white-space: normal;
  word-wrap: break-word; }

.ie legend {
  margin-left: -7px; }

legend span {
  display: block; }

label, .label {
  display: block; }

.choice label, .choice .label {
  font-weight: normal; }

/* standard controls */
input, input[type="button"], input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="image"], input[type="month"], input[type="number"], input[type="password"], input[type="radio"], input[type="range"], input[type="reset"], input[type="search"], input[type="submit"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, button, textarea {
  width: auto;
  height: auto;
  /* Set font-family to sans-serif (equiv to helvetica, arial, sans-serif) */
  font-family: sans-serif;
  /* Set vertical alignment */
  vertical-align: middle;
  /* Normalize box model */
  /* _mixins.scss @include background-clip -> start */
  -o-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* _mixins.scss @include background-clip -> finish */
  /* _mixins.scss @include box-sizing -> start */
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* _mixins.scss @include box-sizing -> finish */
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  /* _mixins.scss @include border-radius -> finish */
  /* Inherit inline styles (from span wrapper) */
  color: inherit;
  font-style: inherit;
  font-weight: inherit; }

/* inputs */
input[type="button"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="image"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="reset"], input[type="search"], input[type="submit"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  width: 100%; }

/* non-button inputs */
/* selects */
select, select[multiple] {
  display: block;
  width: 100%; }

select[multiple], .select-multi {
  display: block;
  height: auto;
  min-height: 100px; }

option {
  background: transparent; }

option[selected], option:hover, option:focus {
  color: #2f2f2f;
  background: #ffff66; }

/* textarea */
textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 200px;
  overflow: auto;
  overflow-x: visible;
  overflow-y: auto; }

/* buttons */
button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: block;
  min-height: 25px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase; }

.ie button {
  /* Make buttons play nice in IE:viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
  width: auto;
  overflow: visible; }

.ie button input {
  display: none !important; }

/* wrappers for all controls */
.field {
  border: 1px solid;
  border-top-color: #dedede;
  border-left-color: #dedede;
  border-bottom-color: #f2f2f2;
  border-right-color: #f2f2f2;
  background: #f7f7f7;
  /* _mixins.scss @include simple-gradient -> start */
  background: -moz-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #f7f7f7));
  background: -webkit-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%);
  background: -o-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2,endColorstr=#f7f7f7);
  background: -ms-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%);
  background: linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%);
  /* _mixins.scss @include simple-gradient -> finish */ }

/* nested fields */
/* label .field{.iblock-unit;}extends .field */
/* wrappers for all fields with text (not checkbox or radio) */
.input, .select, .textarea, .button {
  display: block;
  padding: 4px;
  min-width: auto;
  max-width: 100%;
  min-height: 25px; }

/* extends .field */
.input input {
  margin-top: -3px; }

/* correct vertical alignment (from min-height) */
.select-one select {
  margin-top: 2px; }

/* correct vertical alignment (from min-height) */
/* wrappers for check/radio fields */
.choice {
  position: relative;
  top: -1px;
  width: 17px;
  height: 17px;
  line-height: 0;
  vertical-align: middle;
  text-align: center; }

/* extends .field */
.checkbox {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 1px;
  -moz-border-radius: 1px;
  -khtml-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  /* _mixins.scss @include border-radius -> finish */ }

/* extends .field */
.radio {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 17px;
  -moz-border-radius: 17px;
  -khtml-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  /* _mixins.scss @include border-radius -> finish */ }

/* extends .field */
.choice input {
  visibility: hidden; }

/* wrappers for all buttons */
.button {
  /* _variables.scss @include ui-widget-button-box -> start */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  /* _mixins.scss @include transition -> start */
  -o-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -ms-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -moz-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  /* _mixins.scss @include transition -> finish */
  /* _variables.scss @include ui-widget-button-box -> finish */
  padding-left: 17px;
  padding-right: 17px;
  border-width: 1px;
  cursor: pointer;
  /* _mixins.scss @include transition -> start */
  -o-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -ms-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -moz-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  /* _mixins.scss @include transition -> finish */ }
.button:focus {
  outline: thin dotted #df2d00; }
.button:active, .button:hover {
  outline: none; }

/* extends .field */
/* html5 controls */
/* browser fixes, misc */
::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0; }

input[type="search"]::-webkit-search-decoration {
  display: none; }

input[type="search"] {
  -moz-appearance: none;
  -webkit-appearance: textfield; }

::-webkit-input-placeholder {
  color: #888888 !important;
  font-family: "Times New Roman", serif !important;
  font-style: italic !important; }

:-moz-placeholder {
  color: #888888 !important;
  font-family: "Times New Roman", serif !important;
  font-style: italic !important; }

:valid, :invalid {
  border: 0;
  outline: 0;
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* _mixins.scss @include box-shadow -> finish */ }

fieldset span br {
  display: none; }

/* fix annoying wordpress wysiwyg glitch */
/*
	{-webkit-appearance:none;}
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration{display:none;}
*/
/* -- Inline --------------------------------------------------------------------------------------------------------------------------- */
abbr, acronym, b, big, br, cite, del, dfn, em, i, ins, mark, small, span, strong, sub, sup, .pcat-num, time, tt, wbr {
  display: inline;
  font-style: inherit;
  font-weight: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  text-transform: inherit; }

abbr[title], acronym[title], dfn[title] {
  cursor: help; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

del {
  text-decoration: line-through; }

ins {
  font-style: italic; }

/* Position subscript and superscript content without affecting line-height:gist.github.com/413930 */
sub, sup, .pcat-num {
  position: relative;
  font-size: 80%;
  line-height: 0; }

sub {
  bottom: -0.25em; }

sup, .pcat-num {
  top: -0.5em; }

/* Selection styles, must be separate:quirksmode.org/css/selection.html */
mark {
  color: #2f2f2f;
  background-color: #ffff66; }

::selection {
  color: #2f2f2f !important;
  background-color: #ffff66 !important; }

::-moz-selection {
  color: #2f2f2f !important;
  background-color: #ffff66 !important; }

::-webkit-selection {
  color: #2f2f2f !important;
  background-color: #ffff66 !important; }

/* -- Links ---------------------------------------------------------------------------------------------------------------------------- */
a {
  color: #222222;
  text-decoration: none;
  border-bottom-style: dotted;
  border-bottom-color: auto; }

a:visited {
  color: #666666; }

a:focus, a:active, a:hover {
  color: #df2d00;
  border-bottom-style: solid; }

/* Make outline thin dotted for <a>:necolas.github.com/normalize.css/ */
a:focus {
  outline: thin dotted; }

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

/* == Multimedia ======================================================================================================================= */
img {
  max-width: 100%; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.ie img {
  width: auto;
  height: auto; }

a img {
  border: 0; }

object {
  max-width: 100%; }

/* -- Quotes --------------------------------------------------------------------------------------------------------------------------- */
blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

/* -- Code ----------------------------------------------------------------------------------------------------------------------------- */
/* Redeclare monospace:en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp {
  font-family: "Courier New", monospace, monospace; }

pre {
  white-space: pre;
  /* css 2 */
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  /* opera 4-6 */
  white-space: -o-pre-wrap;
  /* opera 7 */
  white-space: -khtml-pre-wrap;
  white-space: -webkit-pre-wrap;
  white-space: pre-wrap;
  /* css 3 */
  word-wrap: break-word;
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible; }

pre code {
  display: block;
  white-space: pre;
  word-wrap: normal; }

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout Helpers -------------------------------------------------- */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

/* .ui-helper-clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }
.ui-helper-clearfix{ display:inline-block; } */
/* required comment for clearfix to work in Opera \*/
/* * html .ui-helper-clearfix{ height:1%; } */
/* .ui-helper-clearfix{ display:block; } */
/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  /* _mixins.scss @include opacity -> start */
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  /* _mixins.scss @include opacity -> finish */ }

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Misc Visuals -------------------------------------------------- */
/* Corner radius */
.ui-corner-tl {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-tr, .image-desc {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-bl {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-br {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-top {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-bottom {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-right {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-left {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-corner-all, .field {
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  /* _mixins.scss @include border-radius -> finish */ }

/* these apparently aren't used?
.ui-widget-overlay{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background:#444;
	@include opacity(0.75);
}

.ui-widget-shadow{
	margin:-($padding / 2) 0 0 -($padding / 2);
	padding:($padding / 2);
	background:$color-link;
	@include opacity(0.30);
	@extend .ui-corner-all;
}
*/
/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Component Containers -------------------------------------------------- */
.ui-widget-header {
  /* _variables.scss @include ui-header-styles -> start */
  border: 1px solid #aaaaaa;
  background: transparent;
  color: #222222;
  /* _variables.scss @include ui-header-styles -> finish */ }

.ui-widget-header a, .ui-widget-header a:link, .ui-widget-header a:visited {
  color: #222222; }

.ui-widget-content {
  /* _variables.scss @include ui-content-styles -> start */
  color: #555555;
  border: 1px solid #aaaaaa;
  background: white;
  /* _variables.scss @include ui-content-styles -> finish */ }

.ui-widget-toolbar {
  /* _variables.scss @include ui-toolbar-styles -> start */
  color: white;
  background: #2f2f2f;
  /* _mixins.scss @include simple-gradient -> start */
  background: -moz-linear-gradient(top, #252525 0%, #2f2f2f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #252525), color-stop(100%, #2f2f2f));
  background: -webkit-linear-gradient(top, #252525 0%, #2f2f2f 100%);
  background: -o-linear-gradient(top, #252525 0%, #2f2f2f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#252525,endColorstr=#2f2f2f);
  background: -ms-linear-gradient(top, #252525 0%, #2f2f2f 100%);
  background: linear-gradient(top, #252525 0%, #2f2f2f 100%);
  /* _mixins.scss @include simple-gradient -> finish */
  border: 1px solid #2f2f2f;
  border-top-color: #252525;
  border-bottom-color: #2f2f2f;
  text-align: center;
  /* _variables.scss @include ui-toolbar-styles -> finish */ }

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Interaction States -------------------------------------------------- */
/* Default ---------- */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-state-default {
  /* _variables.scss @include state-default-text -> start */
  color: white;
  text-decoration: none;
  /* _variables.scss @include state-default-text -> finish */ }

/* Hover ---------- */
.ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-hover a:hover, a.ui-state-hover {
  /* _variables.scss @include state-hover-text -> start */
  color: white;
  text-decoration: none;
  /* _variables.scss @include state-hover-text -> finish */ }

/* Focus ---------- */
.ui-state-focus a, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-focus a:focus, a.ui-state-focus {
  /* _variables.scss @include state-focus-text -> start */
  /* _variables.scss @include state-hover-text -> start */
  color: white;
  text-decoration: none;
  /* _variables.scss @include state-hover-text -> finish */
  /* _variables.scss @include state-focus-text -> finish */ }

/* Active ---------- */
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:focus, .ui-state-active a:active, .ui-state-active a:hover, a.ui-state-active {
  /* _variables.scss @include state-active-text -> start */
  color: #555555;
  text-decoration: none;
  /* _variables.scss @include state-active-text -> finish */ }

/* suppress outline */
.ui-widget a:active, .ui-widget input:active, .ui-widget button:active, .ui-widget .ui-state-active a {
  outline: none !important; }

/* Selected ---------- */
.ui-state-selected a, .ui-state-selected a:link, .ui-state-selected a:visited, .ui-state-selected a:focus, .ui-state-selected a:active, .ui-state-selected a:hover {
  /* _variables.scss @include state-selected-text -> start */
  /* _variables.scss @include state-active-text -> start */
  color: #555555;
  text-decoration: none;
  /* _variables.scss @include state-active-text -> finish */
  font-weight: bold;
  /* _variables.scss @include state-selected-text -> finish */ }

a.ui-state-selected {
  /* _variables.scss @include state-selected-text -> start */
  /* _variables.scss @include state-active-text -> start */
  color: #555555;
  text-decoration: none;
  /* _variables.scss @include state-active-text -> finish */
  font-weight: bold;
  /* _variables.scss @include state-selected-text -> finish */ }

/* Interaction Cues -------------------------------------------------- */
/* Success ---------- */
.ui-state-success a, a.ui-state-success {
  /* _variables.scss @include state-success-link -> start */
  color: #001f0e;
  border-bottom-width: 1px;
  text-shadow: 1px 1px 0 white;
  /* _variables.scss @include state-success-link -> finish */ }
.ui-state-success a:focus, .ui-state-success a:active, .ui-state-success a:hover, a.ui-state-success:focus, a.ui-state-success:active, a.ui-state-success:hover {
  color: #00863a;
  text-shadow: -1px -1px 0 white; }

a.ui-state-success {
  padding: 4px 6px;
  border-width: 1px; }

div.ui-state-success {
  margin-bottom: 25px;
  padding: 8px;
  border-width: 1px;
  /* _mixins.scss @include box-sizing -> start */
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* _mixins.scss @include box-sizing -> finish */ }

/* Message ---------- */
.ui-state-alert a, a.ui-state-alert {
  /* _variables.scss @include state-alert-link -> start */
  color: #021e2c;
  border-bottom-width: 1px;
  text-shadow: 1px 1px 0 white;
  /* _variables.scss @include state-alert-link -> finish */ }
.ui-state-alert a:focus, .ui-state-alert a:active, .ui-state-alert a:hover, a.ui-state-alert:focus, a.ui-state-alert:active, a.ui-state-alert:hover {
  color: #065075;
  text-shadow: -1px -1px 0 white; }

a.ui-state-alert {
  padding: 4px 6px;
  border-width: 1px; }

div.ui-state-alert {
  margin-bottom: 25px;
  padding: 8px;
  border-width: 1px;
  /* _mixins.scss @include box-sizing -> start */
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* _mixins.scss @include box-sizing -> finish */ }

/* Highlight ---------- */
.ui-state-highlight a, a.ui-state-highlight {
  /* _variables.scss @include state-highlight-link -> start */
  color: #191a00;
  border-bottom-width: 1px;
  text-shadow: 2px 2px 0 #ffffe5;
  /* _variables.scss @include state-highlight-link -> finish */ }
.ui-state-highlight a:focus, .ui-state-highlight a:active, .ui-state-highlight a:hover, a.ui-state-highlight:focus, a.ui-state-highlight:active, a.ui-state-highlight:hover {
  color: #666600;
  text-shadow: -2px -2px 0 #ffffe5; }

a.ui-state-highlight {
  padding: 4px 6px;
  border-width: 1px; }

div.ui-state-highlight {
  margin-bottom: 25px;
  padding: 8px;
  border-width: 1px;
  /* _mixins.scss @include box-sizing -> start */
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* _mixins.scss @include box-sizing -> finish */ }

/* Warning ---------- */
.ui-state-warning a, a.ui-state-warning {
  /* _variables.scss @include state-warning-link -> start */
  color: #2d1800;
  border-bottom-width: 1px;
  text-shadow: 1px 1px 0 white;
  /* _variables.scss @include state-warning-link -> finish */ }
.ui-state-warning a:focus, .ui-state-warning a:active, .ui-state-warning a:hover, a.ui-state-warning:focus, a.ui-state-warning:active, a.ui-state-warning:hover {
  color: #c66a00;
  text-shadow: -1px -1px 0 white; }

a.ui-state-warning {
  padding: 4px 6px;
  border-width: 1px; }

div.ui-state-warning {
  margin-bottom: 25px;
  padding: 8px;
  border-width: 1px;
  /* _mixins.scss @include box-sizing -> start */
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* _mixins.scss @include box-sizing -> finish */ }

/* Error ---------- */
.ui-state-error a, a.ui-state-error {
  /* _variables.scss @include state-error-link -> start */
  color: #2d0900;
  border-bottom-width: 1px;
  text-shadow: 1px 1px 0 white;
  /* _variables.scss @include state-error-link -> finish */ }
.ui-state-error a:focus, .ui-state-error a:active, .ui-state-error a:hover, a.ui-state-error:focus, a.ui-state-error:active, a.ui-state-error:hover {
  color: #c62800;
  text-shadow: -1px -1px 0 white; }

a.ui-state-error {
  padding: 4px 6px;
  border-width: 1px; }

div.ui-state-error {
  margin-bottom: 25px;
  padding: 8px;
  border-width: 1px;
  /* _mixins.scss @include box-sizing -> start */
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* _mixins.scss @include box-sizing -> finish */ }

/* Priority ---------- */
.ui-priority-primary a, .ui-priority-primary a:link, .ui-priority-primary a:visited, .ui-priority-primary a:hover, a.ui-priority-primary {
  /* _variables.scss @include priority-primary-text -> start */
  font-weight: bold;
  /* _variables.scss @include priority-primary-text -> finish */ }

.ui-priority-secondary a, .ui-priority-secondary a:link, .ui-priority-secondary a:visited, .ui-priority-secondary a:hover, a.ui-priority-primary {
  /* _variables.scss @include priority-secondary-text -> start */
  font-weight: normal;
  /* _variables.scss @include priority-secondary-text -> finish */ }

/* Disabled ---------- */
/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Icons -------------------------------------------------- */
.sass-ui-icon, .ui-icon-jquery, .ui-icon, .mod-tags a:after, .ui-icon-link, .demo-body li:before, .list-body a:before, .richtext a:after, .ui-icon-social, .who-social dt:before {
  overflow: hidden;
  background-repeat: no-repeat; }

.sass-ui-text, .ui-text-jquery, .ui-button .ui-button-text, .results-item a .ui-button-text, .ui-button-social .ui-button-text, input.ui-button, input.ui-button-social {
  min-width: 25px;
  min-height: 25px;
  line-height: 25px;
  white-space: nowrap; }

/* Icons -------------------------------------------------- */
.ui-icon-jquery, .ui-icon, .mod-tags a:after {
  /* positioning in context */
  width: 16px;
  height: 16px;
  background-image: url("../../images/jquery/ui-icons_555_256x240.png"); }

.ui-text-jquery, .ui-button .ui-button-text, .results-item a .ui-button-text, .ui-button-social .ui-button-text, input.ui-button, input.ui-button-social {
  padding: 4px 16px; }

.ui-icon-link, .demo-body li:before, .list-body a:before, .richtext a:after {
  /* positioning in context */
  width: 16px;
  height: 16px;
  background-image: url("../../images/sprite-icons-links.png"); }

.ui-icon-social, .who-social dt:before {
  /* positioning in context */
  margin-top: -1px;
  /* due to sprite alignment */
  width: 16px;
  height: 16px;
  background-image: url("../../images/sprite-icons-social.png"); }

/* Icon Sprites -------------------------------------------------- */
.ui-icon {
  vertical-align: middle; }

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

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

/* Icons Positions -------------------------------------------------- */
/*
.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, .mod-tags a:after {
  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-off{ background-position:-96px -144px; }
.ui-icon-radio-on{ 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-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-position:-48px -192px; }
.ui-icon-circle-triangle-s{ background-position:-64px -192px; }
.ui-icon-circle-triangle-w{ background-position:-80px -192px; }
.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; }
.ui-icon-seek-start,
.ui-icon-seek-first{ background-position:-80px -160px; }
*/
/* Link Icons -------------------------------------------------- */
.ui-icon-link-internal, .richtext a:after, .richtext a[href^="http://rachaelmoore.name"]:after, .richtext a[href^="http://www.rachaelmoore.name"]:after {
  background-position: 0 -0; }

.ui-icon-link-onpage, .richtext a[href^="\#"]:after {
  background-position: 0 -16px; }

.ui-icon-link-external, .richtext a[href^="http"]:after {
  background-position: 0 -32px; }

.ui-icon-link-download, .demo-body li:before, .richtext a[rel~="demo"]:after {
  background-position: 0 -48px; }

.ui-icon-link-download2 {
  background-position: 0 -164px; }

.ui-icon-link-square, .list-body a:before {
  margin-top: -7px;
  background-position: 0 -65px; }

/* due to sprite alignment, needs fix */
.ui-icon-link-arrow, .list-body a:focus:before, .list-body a:hover:before, .list-body a:active:before {
  margin-top: -6px;
  background-position: 0 -141px; }

/* due to sprite alignment, needs fix */
/* Social Icons -------------------------------------------------- */
/*
.ui-icon-social-addthis{ background-position:0 0; }
.ui-icon-social-amazon{ background-position:-25px 0; }
.ui-icon-social-aol{ background-position:-50px 0; }
.ui-icon-social-apple{ background-position:-75px 0; }
.ui-icon-social-bing{ background-position:-100px 0; }
.ui-icon-social-blogger{ background-position:-125px 0; }
.ui-icon-social-blue{ background-position:-150px 0; }
.ui-icon-social-green{ background-position:-175px 0; }
.ui-icon-social-lightblue{ background-position:0 -25px; }
.ui-icon-social-orange{ background-position:-25px -25px; }
.ui-icon-social-red{ background-position:-50px -25px; }
.ui-icon-social-white{ background-position:-75px -25px; }
.ui-icon-social-yellow{ background-position:-100px -25px; }
*/
.ui-icon-social-delicious {
  background-position: -125px -25px; }

.ui-icon-social-digg {
  background-position: -150px -25px; }

/*
.ui-icon-social-dribbble{ background-position:-175px -25px; }
.ui-icon-social-drupal{ background-position:0 -50px; }
.ui-icon-social-ebay{ background-position:-25px -50px; }
*/
.ui-icon-social-facebook, .who-social dt.social-facebook:before {
  background-position: -50px -50px; }

.ui-icon-social-feedburner {
  background-position: -75px -50px; }

.ui-icon-social-flickr {
  background-position: -100px -50px; }

/*
.ui-icon-social-forrst{ background-position:-125px -50px; }
*/
.ui-icon-social-foursquare {
  background-position: -150px -50px; }

/*
.ui-icon-social-friendfeed{ background-position:-175px -50px; }
*/
.ui-icon-social-github, .who-social dt.social-github:before {
  background-position: 0 -75px; }

.ui-icon-social-googlebuzz, .ui-icon-social-googlereader, .event-icon.stream-feed-4 {
  background-position: -25px -75px; }

.ui-icon-social-googleplus, .who-social dt.social-gplus:before {
  background-position: -50px -75px; }

.ui-icon-social-googletalk {
  background-position: -75px -75px; }

.ui-icon-social-google {
  background-position: -100px -75px; }

/*
.ui-icon-social-gowalla{ background-position:-125px -75px; }
.ui-icon-social-heart{ background-position:-150px -75px; }
.ui-icon-social-icq{ background-position:-175px -75px; }
.ui-icon-social-identi{ background-position:0 -100px; }
.ui-icon-social-itunes{ background-position:-25px -100px; }
.ui-icon-social-klout{ background-position:-50px -100px; }
.ui-icon-social-lastfm{ background-position:-75px -100px; }
*/
.ui-icon-social-linkedin, .who-social dt.social-linkedin:before {
  background-position: -100px -100px; }

/*
.ui-icon-social-meetup{ background-position:-125px -100px; }
.ui-icon-social-metacafe{ background-position:-150px -100px; }
.ui-icon-social-microsoft{ background-position:-175px -100px; }
.ui-icon-social-mister-wong{ background-position:0 -125px; }
.ui-icon-social-mixx{ background-position:-25px -125px; }
.ui-icon-social-mobileme{ background-position:-50px -125px; }
.ui-icon-social-msn{ background-position:-75px -125px; }
.ui-icon-social-myspace{ background-position:-100px -125px; }
.ui-icon-social-netvibes{ background-position:-125px -125px; }
.ui-icon-social-newsvine{ background-position:-150px -125px; }
.ui-icon-social-paypal{ background-position:-175px -125px; }
.ui-icon-social-photobucket{ background-position:0 -150px; }
.ui-icon-social-picasa{ background-position:-25px -150px; }
.ui-icon-social-podcast{ background-position:-50px -150px; }
.ui-icon-social-posterous{ background-position:-75px -150px; }
.ui-icon-social-reddit{ background-position:-100px -150px; }
.ui-icon-social-retweet{ background-position:-125px -150px; }
.ui-icon-social-scribd{ background-position:-150px -150px; }
*/
.ui-icon-social-sharethis, .ui-button-social .ui-icon-social, .ui-button-social .who-social dt:before, .who-social .ui-button-social dt:before {
  background-position: -175px -150px; }

/*
.ui-icon-social-skype{ background-position:0 -175px; }
.ui-icon-social-slashdot{ background-position:-25px -175px; }
.ui-icon-social-slideshare{ background-position:-50px -175px; }
.ui-icon-social-smugmug{ background-position:-75px -175px; }
.ui-icon-social-soundcloud{ background-position:-100px -175px; }
.ui-icon-social-spotify{ background-position:-125px -175px; }
.ui-icon-social-squidoo{ background-position:-150px -175px; }
.ui-icon-social-stackoverflow{ background-position:-175px -175px; }
.ui-icon-social-star{ background-position:0 -200px; }
.ui-icon-social-stumbleupon{ background-position:-25px -200px; }
.ui-icon-social-technorati{ background-position:-50px -200px; }
*/
.ui-icon-social-tumblr {
  background-position: -75px -200px; }

.ui-icon-social-twitter, .who-social dt.social-twitter:before {
  background-position: -100px -200px; }

/*
.ui-icon-social-viddler{ background-position:-125px -200px; }
.ui-icon-social-vimeo{ background-position:-150px -200px; }
.ui-icon-social-virb{ background-position:-175px -200px; }
.ui-icon-social-w3{ background-position:0 -225px; }
.ui-icon-social-wikepedia{ background-position:-25px -225px; }
*/
.ui-icon-social-blog, .ui-icon-social-wordpress {
  background-position: -50px -225px; }

/*
.ui-icon-social-xing{ background-position:-75px -225px; }
.ui-icon-social-yahoobuzz{ background-position:-100px -225px; }
.ui-icon-social-yahoo{ background-position:-125px -225px; }
.ui-icon-social-yelp{ background-position:-150px -225px; }
*/
.ui-icon-social-youtube {
  background-position: -175px -225px; }

.ui-icon-social-email {
  background-position: 0 -250px; }

.ui-icon-social-rss {
  background-position: -25px -250px; }

/*
 * jQuery UI Button 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button, .results-item a, .ui-button-social {
  position: relative;
  padding: 0;
  width: auto;
  border-width: 1px;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  overflow: visible;
  /* the overflow property removes extra width in IE */
  /* @include ui-states; */
  /* _variables.scss @include ui-widget-button-box -> start */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  box-shadow: 2px 2px 0 rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  /* _mixins.scss @include transition -> start */
  -o-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -ms-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -moz-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  /* _mixins.scss @include transition -> finish */
  /* _variables.scss @include ui-widget-button-box -> finish */ }
.ui-button .ui-button-text, .results-item a .ui-button-text, .ui-button-social .ui-button-text {
  display: block; }
.ui-button .ui-icon, .results-item a .ui-icon, .ui-button-social .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

/* button icons */
.ui-button-icon-primary, .ui-button-text-icon-primary .ui-icon, .ui-button-social .ui-icon {
  left: 8px; }

.ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-icon {
  right: 8px; }

/* text only */
/*
this is the default so I don't think it's necessary
.ui-button-text-only{
	.ui-button-text{
		padding-left:($padding * 2);
		padding-right:($padding * 2);
	}
}*/
/* .ui-button-text-only */
/* 1 icon only (no text) */
.ui-button-icon-only {
  width: 32px;
  /* to make room for the icon, a width needs to be set here */ }
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

/* 2 icons only (no text) */
.ui-button-icons-only {
  width: 64px;
  /* to make room for the icon, a width needs to be set here */ }

/* .ui-button-icons-only */
/* text with icons */
.ui-button-text-icons .ui-button-text {
  padding-left: 32px;
  padding-right: 32px; }

/* .ui-button-text-icons */
.ui-button-text-icon-primary .ui-button-text, .ui-button-social .ui-button-text {
  padding-left: 32px; }

/* .ui-button-text-icon-primary */
.ui-button-text-icon-secondary .ui-button-text {
  padding-right: 32px; }

/* .ui-button-text-icon-secondary */
/* toolbar buttons */
.ui-widget-toolbar .ui-button, .ui-widget-toolbar .results-item a, .results-item .ui-widget-toolbar a, .ui-widget-toolbar .ui-button-social {
  margin: 1px 0; }

/* counteract inline-block space */
/* button sets */
.ui-buttonset {
  /* .ui-button */ }
.ui-buttonset .ui-button, .ui-buttonset .results-item a, .results-item .ui-buttonset a, .ui-buttonset .ui-button-social {
  margin-left: 0;
  margin-right: -5px;
  /* inline-block space */ }

/* .ui-buttonset */
/* form buttons */
input.ui-button, input.ui-button-social {
  display: block;
  padding-left: 16px;
  padding-right: 16px;
  height: 35px;
  /* baseline + top-bottom border + top-bottom padding (from above) */ }

/*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  position: relative;
  /* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
  border: 0 !important;
  background: transparent; }

.ui-tabs .ui-tabs-nav {
  position: relative;
  margin: 0;
  border-width: 0 0 1px 0 !important;
  background: transparent;
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  /* _mixins.scss @include border-radius -> finish */ }

.ui-tabs-nav li {
  position: relative;
  top: 1px;
  /* leave for the border */
  float: left;
  margin-right: 8px;
  margin-bottom: 1px;
  /* leave for the border */
  padding: 0;
  border-width: 1px;
  border-bottom: 0 !important;
  list-style: none;
  white-space: nowrap; }

.ui-tabs-nav a {
  float: left;
  padding: 4px 25px;
  /* optional, left-right should be the same as content */
  text-decoration: none; }

.ui-tabs-nav .ui-tabs-selected {
  margin-top: -1px;
  /* leave top & bottom for the border */
  margin-bottom: 0;
  padding-bottom: 2px;
  /* leave for the border (top + bottom) */ }

.ui-tabs-nav li:first-child {
  margin-left: 0 !important; }

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-state-disabled a, .ui-tabs-nav .ui-state-processing a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0 1px 1px 1px !important;
  padding: 25px;
  /* optional or calculate:left-right .ui-tabs padding + .ui-tabs-nav padding + a padding */ }

/*
 *
 *
 * Pagination
 * Custom jquery ui - ish pagination widget
 *
 *
 */
.ui-pagination {
  margin: 0 -25px 25px -25px;
  border: 0 !important;
  white-space: nowrap;
  vertical-align: top;
  text-align: center; }

.ui-pagination-alpha .ui-page {
  margin-bottom: 5px; }

.ui-page {
  margin-right: 5px;
  vertical-align: middle;
  white-space: nowrap; }

.ui-pg-num {
  display: block;
  padding: 0 8px;
  border-width: 1px;
  font-size: 15px; }

.ui-page .ui-icon {
  margin-top: -2px; }

.ui-page-first .ui-icon, .ui-page-prev .ui-icon {
  margin-left: -3.5px;
  margin-right: 2.5px; }

.ui-page-last .ui-icon, .ui-page-next .ui-icon {
  margin-left: 2.5px;
  margin-right: -3.5px; }

/* ===== Non-Semantic Helper Classes I ================================================================================================= */
.hidden, .ui-helper-hidden, .ui-tabs .ui-tabs-hide, .mod-comment .richtext blockquote:before, .mod-comment .richtext blockquote:after, .richtext .image a:after {
  display: none !important;
  visibility: hidden !important; }

.accessible, .ui-helper-hidden-accessible, .matter-head, .summary-head, .foreword-head, .outline-head, .afterword-head, .citations-head, .comments-head, .comment-legend {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px) !important;
  clip: rect(1px, 1px, 1px, 1px) !important; }

.accessible:focus, .ui-helper-hidden-accessible:focus, .matter-head:focus, .summary-head:focus, .foreword-head:focus, .outline-head:focus, .afterword-head:focus, .citations-head:focus, .comments-head:focus, .comment-legend:focus {
  position: static !important;
  clip: auto !important; }

.invisible {
  visibility: hidden !important; }

.visible {
  display: block !important;
  visibility: visible !important; }

.ir, .sass-ui-icon, .ui-icon-jquery, .ui-icon, .mod-tags a:after, .ui-icon-link, .demo-body li:before, .list-body a:before, .richtext a:after, .ui-icon-social, .who-social dt:before, .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  text-indent: -9999999px !important; }

.haslayout, .ui-tabs, .clearfix, .ui-helper-clearfix, .grid-row, .col-row, .mod-comment, .grid-unit-last, .comment-body, .who-social dd, .col-unit, .floatfix, .float-unit, .grid-unit, .site-menu-list li, .comment-head, .who-social dt, .image-featured, .clearinner, .float-row, .site-menu-list, .iblock-unit, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], .choice, .button, .ui-icon, .ui-button, .results-item a, .ui-button-social, .ui-page, .sass-pseudo-icon-left:before, .demo-body li:before, .list-body a:before, .sass-pseudo-icon-right:after, .mod-tags a:after, .richtext a:after, .page-title, .page-subtitle, .event-icon, .ui-button-social .ui-button-text, .image img, .image-img {
  *zoom: 1; }

/* nicolasgallagher.com/micro-clearfix-hack/, forrst.com/posts/CSS_vs_SASS_vs_LessCSS-DPV */
.clearfix:before, .ui-helper-clearfix:before, .grid-row:before, .col-row:before, .mod-comment:before, .grid-unit-last:before, .comment-body:before, .who-social dd:before, .col-unit:before, .clearfix:after, .ui-helper-clearfix:after, .grid-row:after, .col-row:after, .mod-comment:after, .grid-unit-last:after, .comment-body:after, .who-social dd:after, .col-unit:after {
  content: "\0020";
  display: table;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden; }
.clearfix:after, .ui-helper-clearfix:after, .grid-row:after, .col-row:after, .mod-comment:after, .grid-unit-last:after, .comment-body:after, .who-social dd:after, .col-unit:after {
  clear: both; }

.floatfix, .float-unit, .grid-unit, .site-menu-list li, .comment-head, .comment-body, .who-social dt, .who-social dd, .col-unit, .image-featured {
  position: relative;
  display: inline; }

/* Easy clearing with overflow:hidden; */
.clearinner, .float-row, .site-menu-list {
  overflow: hidden;
  overflow-x: visible;
  overflow-y: hidden; }

/* ===== Layout Shortcuts (Non-Semantic Helper Classes II) ============================================================================= */
.float-row {
  display: block; }

.float-unit {
  display: block;
  float: left; }

.iblock-row, .ui-buttonset {
  white-space: nowrap; }

.iblock-unit, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], .choice, .button, .ui-icon, .ui-button, .results-item a, .ui-button-social, .ui-page, .sass-pseudo-icon-left:before, .demo-body li:before, .who-social dt:before, .list-body a:before, .sass-pseudo-icon-right:after, .mod-tags a:after, .richtext a:after, .page-title, .page-subtitle, .event-icon, .ui-button-social .ui-button-text {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  /* white-space:normal; */
  /* vertical-align:middle; */ }

/* Full width background bar without extra elements: css-tricks.com/full-browser-width-bars/ (timd.mackey) */
/* ===== Grids (Non-Semantic Helper Classes III) ======================================================================================= */
.grid-unit, .site-menu-list li, .comment-head, .comment-body, .who-social dt, .who-social dd {
  display: block;
  float: left; }

.grid-unit-right {
  float: right; }

/* for last unit in some cases */
.grid-unit-last, .comment-body, .who-social dd {
  display: table-cell;
  float: none;
  width: auto;
  *display: block;
  _position: relative;
  _left: -3px;
  _margin-right: -3px; }

/* for last unit in other cases - fixes pixel rounding errors (?) */
/* grid sizes - fluid proportions (how many levels deep to go?) */
/*
.grid-1of1  { float:none; }
.grid-1of2  { width:50%; }
*/
.grid-1of3, .site-menu-list li {
  width: 33.33333%; }

.grid-2of3 {
  width: 66.66666%; }

/*
.grid-1of4  { width:25%; }
.grid-2of4  { @extend .grid-1of2; }
.grid-3of4  { width:75%; }
.grid-4of4  { @extend .grid-1of1; }
*/
.grid-1of5 {
  width: 20%; }

.grid-2of5, .who-social dt {
  width: 40%; }

.grid-3of5, .who-social dd {
  width: 60%; }

.grid-4of5 {
  width: 80%; }

/*
.grid-1of6  { width:16.66664%; }
.grid-2of6  { @extend .grid-1of3; }
.grid-3of6  { @extend .grid-1of2; }
.grid-4of6  { @extend .grid-2of3; }
.grid-5of6  { width:83.33333%; }
.grid-6of6  { @extend .grid-1of1; }
*/
.grid-1of7 {
  width: 14.28571%; }

.grid-2of7, .comment-head {
  width: 28.57142%; }

.grid-3of7 {
  width: 42.85714%; }

.grid-4of7 {
  width: 57.14285%; }

.grid-5of7, .comment-body {
  width: 71.42857%; }

.grid-6of7 {
  width: 85.71428%; }

/*
.grid-1of8  { width:12.5%; }
.grid-2of8  { @extend .grid-1of4; }
.grid-3of8  { width:37.5%; }
.grid-4of8  { @extend .grid-1of2; }
.grid-5of8  { width:62.5%; }
.grid-6of8  { @extend .grid-3of4; }
.grid-7of8  { width:87.5%; }
.grid-8of8  { @extend .grid-1of1; }
.grid-1of9  { width:11.11111%; }
.grid-2of9  { width:22.22222%; }
.grid-3of9  { @extend .grid-1of3; }
.grid-4of9  { width:44.44444%; }
.grid-5of9  { width:55.55555%; }
.grid-6of9  { @extend .grid-2of3; }
.grid-7of9  { width:77.77777%; }
.grid-8of9  { width:88.88888%; }
.grid-9of9  { @extend .grid-1of1; }
.grid-1of10 { width:10%; }
.grid-2of10 { @extend .grid-1of5; }
.grid-3of10 { width:30%; }
.grid-4of10 { @extend .grid-2of5; }
.grid-5of10 { @extend .grid-1of2; }
.grid-6of10 { @extend .grid-3of5; }
.grid-7of10 { width:70%; }
.grid-8of10 { @extend .grid-4of5; }
.grid-9of10 { width:90%; }
.grid-10of10{ @extend .grid-1of1; }
.grid-golden-a{ width:62%; }
.grid-golden-b{ width:38%; }
*/
/* ===== Columns (Non-Semantic Helper Classes IV) ====================================================================================== */
.col-row {
  padding: 0 25px;
  /* corresponds with negative margin on columns left/right */ }

/* column sizes - different:gutters, specific sizes, ordering */
/*
.col-1of1{ clear:both;float:none;width:auto; }
.col-1of2{ width:($width-page * 0.50) - $gutter; }
.col-2of2{ @extend .col-1of1; }
.col-1of3{ width:($width-page * 0.34) - $gutter; }
.col-2of3{ width:($width-page * 0.66) - $gutter; }
.ool-3of3{ @extend .col-1of1; }
.col-1of4{ width:($width-page * 0.25) - $gutter; }
.col-2of4{ @extend .col-1of2; }
.col-3of4{ width:($width-page * 0.75) - $gutter; }
.col-4of4{ @extend .col-1of1; }
*/
.col-golden-a {
  width: 536px; }

.col-golden-b {
  width: 314px; }

/* column alignments - and source ordering, not done -- needs work */
.col-left {
  float: left;
  margin-left: -25px; }

.col-right {
  float: right;
  margin-right: -25px; }

.state-default, .ui-state-default, .sass-states, .button, a.ui-pg-num, .stream-next, .stream-prev, .results-item a, .ui-button-social, .sass-states:link, .sass-states:visited {
  /* _variables.scss @include state-default-text -> start */
  color: white;
  text-decoration: none;
  /* _variables.scss @include state-default-text -> finish */
  /* _variables.scss @include state-default-box -> start */
  background: #555555;
  border-color: #555555;
  border-style: solid;
  /* _variables.scss @include state-default-box -> finish */ }
.state-default .ui-icon, .ui-state-default .ui-icon, .sass-states .ui-icon, .button .ui-icon, a.ui-pg-num .ui-icon, .stream-next .ui-icon, .stream-prev .ui-icon, .results-item a .ui-icon, .ui-button-social .ui-icon {
  background-image: url("../../images/jquery/ui-icons_fff_256x240.png"); }

.state-focus, .ui-state-focus, .sass-states:focus, .button:focus, a.ui-pg-num:focus, .stream-next:focus, .stream-prev:focus, .results-item a:focus, .ui-button-social:focus {
  /* _variables.scss @include state-focus-text -> start */
  /* _variables.scss @include state-hover-text -> start */
  color: white;
  text-decoration: none;
  /* _variables.scss @include state-hover-text -> finish */
  /* _variables.scss @include state-focus-text -> finish */
  /* _variables.scss @include state-focus-box -> start */
  /* _variables.scss @include state-hover-box -> start */
  background: #df2d00;
  border-color: #df2d00;
  border-style: solid;
  /* _variables.scss @include state-hover-box -> finish */
  /* _variables.scss @include state-focus-box -> finish */ }
.state-focus .ui-icon, .ui-state-focus .ui-icon, .sass-states:focus .ui-icon, .button:focus .ui-icon, a.ui-pg-num:focus .ui-icon, .stream-next:focus .ui-icon, .stream-prev:focus .ui-icon, .results-item a:focus .ui-icon, .ui-button-social:focus .ui-icon {
  background-image: url("../../images/jquery/ui-icons_fff_256x240.png"); }

.state-hover, .ui-state-hover, .sass-states:hover, .button:hover, a.ui-pg-num:hover, .stream-next:hover, .stream-prev:hover, .results-item a:hover, .ui-button-social:hover {
  /* _variables.scss @include state-hover-text -> start */
  color: white;
  text-decoration: none;
  /* _variables.scss @include state-hover-text -> finish */
  /* _variables.scss @include state-hover-box -> start */
  background: #df2d00;
  border-color: #df2d00;
  border-style: solid;
  /* _variables.scss @include state-hover-box -> finish */ }
.state-hover .ui-icon, .ui-state-hover .ui-icon, .sass-states:hover .ui-icon, .button:hover .ui-icon, a.ui-pg-num:hover .ui-icon, .stream-next:hover .ui-icon, .stream-prev:hover .ui-icon, .results-item a:hover .ui-icon, .ui-button-social:hover .ui-icon {
  background-image: url("../../images/jquery/ui-icons_fff_256x240.png"); }

.state-active, .ui-state-active, .sass-states:active, .button:active, a.ui-pg-num:active, .stream-next:active, .stream-prev:active, .results-item a:active, .ui-button-social:active {
  /* _variables.scss @include state-active-text -> start */
  color: #555555;
  text-decoration: none;
  /* _variables.scss @include state-active-text -> finish */
  /* _variables.scss @include state-active-box -> start */
  background: white;
  border-color: #aaaaaa;
  border-style: solid;
  /* _variables.scss @include state-active-box -> finish */ }
.state-active .ui-icon, .ui-state-active .ui-icon, .sass-states:active .ui-icon, .button:active .ui-icon, a.ui-pg-num:active .ui-icon, .stream-next:active .ui-icon, .stream-prev:active .ui-icon, .results-item a:active .ui-icon, .ui-button-social:active .ui-icon {
  background-image: url("../../images/jquery/ui-icons.png"); }

.state-selected, .ui-state-selected {
  /* _variables.scss @include state-selected-text -> start */
  /* _variables.scss @include state-active-text -> start */
  color: #555555;
  text-decoration: none;
  /* _variables.scss @include state-active-text -> finish */
  font-weight: bold;
  /* _variables.scss @include state-selected-text -> finish */
  /* _variables.scss @include state-selected-box -> start */
  /* _variables.scss @include state-active-box -> start */
  background: white;
  border-color: #aaaaaa;
  border-style: solid;
  /* _variables.scss @include state-active-box -> finish */
  /* _variables.scss @include state-selected-box -> finish */ }
.state-selected .ui-icon, .ui-state-selected .ui-icon {
  background-image: url("../../images/jquery/ui-icons.png"); }

.state-alert, .ui-state-alert {
  /* _variables.scss @include state-alert-text -> start */
  color: #05405c;
  border-bottom-width: 1px;
  /* _variables.scss @include state-alert-text -> finish */
  /* _variables.scss @include state-alert-box -> start */
  background: #cfedfd;
  border-color: #07618d;
  border-style: solid;
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* _mixins.scss @include border-radius -> finish */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  /* _variables.scss @include state-alert-box -> finish */ }

.state-success, .ui-state-success {
  /* _variables.scss @include state-success-text -> start */
  color: #005224;
  border-bottom-width: 1px;
  /* _variables.scss @include state-success-text -> finish */
  /* _variables.scss @include state-success-box -> start */
  background: #d2ffe6;
  border-color: #009f45;
  border-style: solid;
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* _mixins.scss @include border-radius -> finish */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  /* _variables.scss @include state-success-box -> finish */ }

.state-highlight, .ui-state-highlight {
  /* _variables.scss @include state-highlight-text -> start */
  color: #4c4d00;
  border-bottom-width: 1px;
  /* _variables.scss @include state-highlight-text -> finish */
  /* _variables.scss @include state-highlight-box -> start */
  background: #ffff99;
  border-color: #f0f000;
  border-style: solid;
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* _mixins.scss @include border-radius -> finish */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  /* _variables.scss @include state-highlight-box -> finish */ }

.state-warning, .ui-state-warning {
  /* _variables.scss @include state-warning-text -> start */
  color: #603300;
  border-bottom-width: 1px;
  /* _variables.scss @include state-warning-text -> finish */
  /* _variables.scss @include state-warning-box -> start */
  background: #ffddb6;
  border-color: #df7800;
  border-style: solid;
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* _mixins.scss @include border-radius -> finish */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  /* _variables.scss @include state-warning-box -> finish */ }

.state-error, .ui-state-error {
  /* _variables.scss @include state-error-text -> start */
  color: #601300;
  border-bottom-width: 1px;
  /* _variables.scss @include state-error-text -> finish */
  /* _variables.scss @include state-error-box -> start */
  background: #ffc5b6;
  border-color: #df2d00;
  border-style: solid;
  /* _mixins.scss @include border-radius -> start */
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* _mixins.scss @include border-radius -> finish */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  /* _variables.scss @include state-error-box -> finish */ }

.state-disabled, .ui-state-disabled {
  /* _variables.scss @include state-disabled-box -> start */
  /* _mixins.scss @include opacity -> start */
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* _mixins.scss @include opacity -> finish */
  background-image: none;
  cursor: default !important;
  /* _variables.scss @include state-disabled-box -> finish */ }

/*
possible additions
&:valid{ @extend .state-success; }
&:invalid{ @extend .state-error; }
&:disabled, [disabled]{ @extend .state-disabled; }
&:selected, [selected]{ @extend .state-selected; }
*/
.priority-primary, .ui-priority-primary {
  /* _variables.scss @include priority-primary-text -> start */
  font-weight: bold;
  /* _variables.scss @include priority-primary-text -> finish */ }

.priority-secondary, .ui-priority-secondary {
  /* _variables.scss @include priority-secondary-text -> start */
  font-weight: normal;
  /* _variables.scss @include priority-secondary-text -> finish */
  /* _variables.scss @include priority-secondary-box -> start */
  /* _mixins.scss @include opacity -> start */
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  /* _mixins.scss @include opacity -> finish */
  /* _variables.scss @include priority-secondary-box -> finish */ }
.priority-secondary:focus, .ui-priority-secondary:focus, .priority-secondary:hover, .ui-priority-secondary:hover, .priority-secondary:active, .ui-priority-secondary:active {
  /* _mixins.scss @include opacity -> start */
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  /* _mixins.scss @include opacity -> finish */ }

.sass-pseudo-icon-left, .demo-body li, .who-social dt, .list-body a {
  /* layout.scss @extend .sass-pseudo-icon-left -> start */
  margin-left: 21px;
  /* layout.scss @extend .sass-pseudo-icon-left -> finish */ }
.sass-pseudo-icon-left:before, .demo-body li:before, .who-social dt:before, .list-body a:before {
  content: "";
  position: relative;
  /* and */
  top: 2px;
  /* may be adjusted in context */
  margin-left: -21px;
  /* may be adjusted in context */
  margin-right: 5px;
  /* may be adjusted in context */
  /* background-image & background-repeat adjusted in context */
  vertical-align: middle; }

.sass-pseudo-icon-right, .mod-tags a, .richtext a {
  /* layout.scss @extend .sass-pseudo-icon-right -> start */
  margin-right: 21px;
  /* layout.scss @extend .sass-pseudo-icon-right -> finish */ }
.sass-pseudo-icon-right:after, .mod-tags a:after, .richtext a:after {
  content: "";
  position: relative;
  /* and */
  top: 2px;
  /* may be adjusted in context */
  margin-right: -21px;
  /* may be adjusted in context */
  margin-left: 5px;
  /* may be adjusted in context */
  /* background-image & background-repeat adjusted in context */ }

/* ===== Generic ======================================================================================================================= */
/* ----- Images ------------------------------------------------------------------------------------------------------------------------ */
.image-featured {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px; }

.image-paragraph {
  float: left;
  margin-top: 8px;
  margin-right: 25px; }

.image-fullsize {
  float: none;
  margin: 0 auto; }

.image a, .image-wrap, .image-link {
  display: block;
  position: relative;
  padding: 4px;
  background: white;
  border: 1px solid #aaaaaa;
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: inset 0 0 4px rgba(171, 171, 171, 0.67);
  -moz-box-shadow: inset 0 0 4px rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: inset 0 0 4px rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: inset 0 0 4px rgba(171, 171, 171, 0.67);
  box-shadow: inset 0 0 4px rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */
  overflow: hidden; }

.image img, .image-img {
  display: block;
  background-color: #fefefe; }

.image-demo img, .image-fullsize img {
  margin: 0 auto; }

.image-desc {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 0 4px 4px;
  padding: 0 8px;
  background: white;
  font-size: 15px;
  /* _mixins.scss @include opacity -> start */
  opacity: 0.65;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  /* _mixins.scss @include opacity -> finish */ }

/* ===== Links & Icons ================================================================================================================= */
a {
  /* _mixins.scss @include transition -> start */
  -o-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -ms-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -moz-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  /* _mixins.scss @include transition -> finish */ }

/* .ui-tabs-nav a{ @include transition(none); } */
.scss-link-alt, .mod-outline a, .mod-citations a, .comment-foot, .pub-body a, .demo-body a, .who-body a, .event-head a {
  /* layout.scss @extend .scss-link-alt -> start */
  font-family: "Times New Roman", serif;
  font-size: 18px;
  /* layout.scss @extend .scss-link-alt -> finish */ }

/* ===== Layout ======================================================================================================================== */
body {
  margin: 25px 0; }

.scss-title, .list-head, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
  /* layout.scss @extend .scss-title -> start */
  color: #222222;
  font-size: 20px;
  font-family: "CartoGothicStdBold", "Century Gothic", sans-serif;
  word-spacing: 4px;
  /* layout.scss @extend .scss-title -> finish */ }

/* ----- Site -------------------------------------------------------------------------------------------------------------------------- */
.site {
  margin: 0 auto;
  width: 925px; }

.site-title-main {
  color: #df2d00;
  font-family: "ChunkFiveRegular", "Impact", sans-serif;
  font-size: 75px;
  line-height: 75px;
  text-shadow: 2px 2px 0 #CCC; }

.site-title-sub {
  color: #666;
  font-family: "CartoGothicStdBold", "Century Gothic", sans-serif;
  font-size: 34px;
  line-height: 50px;
  text-shadow: 1px 1px 0 #D1D1D1;
  white-space: nowrap; }

.site-menu-list {
  margin: 25px 0; }

.site-menu-list a, .site-menu-list span {
  display: block;
  margin-right: 25px;
  height: 48px;
  border-bottom: 2px solid #999;
  color: #222222;
  font-family: "TeXGyreAdventorBold", "Tahoma", sans-serif;
  font-size: 34px;
  line-height: 50px; }

.site-menu-list a:visited {
  color: #999;
  border-bottom: 2px solid #CCC; }

.site-menu-list a:focus, .site-menu-list a:active, .site-menu-list a:hover {
  color: #df2d00;
  border-bottom: 2px solid #000; }

.site-menu-list .current-menu-item a {
  color: #df2d00;
  font-family: "TeXGyreAdventorBold", "Tahoma", sans-serif;
  /* font-weight:bold; */
  border-bottom: 2px solid; }

.site-menu-list .site-menu-disabled {
  color: #D9D9D9;
  font-family: "TeXGyreAdventorRegular", "Tahoma", sans-serif;
  /* font-weight:normal; */
  text-decoration: line-through;
  border-bottom: 2px solid #E1E1E1; }

.site-tagline {
  color: #CCC;
  font-family: "TeXGyreHerosRegular", "Tahoma", sans-serif;
  font-size: 25px;
  white-space: nowrap; }

.site-message {
  margin: 25px -25px 25px 0;
  /* width:517px; */ }

.site-body {
  margin-bottom: 25px;
  /* see .page */ }

.site-foot {
  clear: both;
  text-align: center; }

.site-foot a {
  border-bottom-width: 1px; }

/* ----- Page -------------------------------------------------------------------------------------------------------------------------- */
.page-head {
  margin: 25px -25px;
  max-width: 35em;
  word-spacing: 5px; }

.page-title, .page-subtitle {
  font-size: 34px;
  line-height: 50px;
  text-shadow: 2px 2px 0 #E1E1E1; }

.page-title {
  color: #000;
  font-family: "TeXGyreHerosBold", "Trebuchet MS", sans-serif; }

.page-subtitle {
  color: #777;
  font-size: 34px;
  line-height: 50px;
  font-weight: bold; }

/* ===== Modules ======================================================================================================================= */
.mod, .mod-updated-link, .mod-pub, .mod-demo, .mod-who {
  position: relative;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 50px;
  padding: 25px; }

.mod-head, .updated-head, .pub-head, .demo-head, .who-head {
  position: absolute;
  top: -20px;
  right: 25px;
  font-family: "ChunkFiveRegular", "Impact", sans-serif;
  font-size: 34px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 2px;
  text-align: right; }

/* ----- Matter ------------------------------------------------------------------------------------------------------------------------ */
/*
 * Summary, Outline, Foreword, Afterword, Citations, Comments, etc.
*/
.mod-matter {
  margin: 0 -25px 38px -25px; }

.matter-panel-head {
  font-weight: bold; }

/* ----- Summary ----------------------------------------------------------------------------------------------------------------------- */
/* ----- Foreword ---------------------------------------------------------------------------------------------------------------------- */
/* ----- Outline ----------------------------------------------------------------------------------------------------------------------- */
.mod-outline a {
  border-bottom-width: 1px; }

.mod-outline a:focus, .mod-outline a:active, .mod-outline a:hover {
  border-bottom-color: #000; }

.outline-list li {
  margin-left: 25px; }

.outline-list li {
  list-style-type: upper-roman; }

.outline-list li li {
  list-style-type: upper-alpha; }

.outline-list li li li {
  list-style-type: decimal; }

.outline-list li li li li {
  list-style-type: lower-alpha; }

.outline-list li li li li li {
  list-style-type: lower-roman; }

.outline-list li li li li li li {
  list-style-type: disc; }

.outline-list li li li li li li li {
  list-style-type: circle; }

/* ----- Afterword --------------------------------------------------------------------------------------------------------------------- */
/* ----- Citations --------------------------------------------------------------------------------------------------------------------- */
.mod-citations a {
  border-bottom-width: 1px; }

.mod-citations a:focus, .mod-citations a:active, .mod-citations a:hover {
  border-bottom-color: #000; }

/* ----- Comments (List) --------------------------------------------------------------------------------------------------------------- */
.comments-list {
  counter-reset: cnum; }

.comments-item {
  position: relative;
  z-index: 1;
  margin-bottom: 25px; }

.comments-item:before {
  position: absolute;
  /*top:0;*/
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: #EFEFEF;
  font-size: 125px;
  line-height: 1;
  font-weight: bold;
  text-align: right;
  height: 125px;
  content: counter(cnum,decimal);
  counter-increment: cnum; }

/* ----- Comment ----------------------------------------------------------------------------------------------------------------------- */
.comment-card {
  position: relative; }

.comment-img {
  margin-top: 7px;
  margin-right: 25px; }

.comment-img .image-img {
  width: 118px;
  /* temporary */
  height: 118px;
  /* temporary */
  /* _mixins.scss @include opacity -> start */
  opacity: 0.35;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
  /* _mixins.scss @include opacity -> finish */ }

.comment-name {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  margin-right: 25px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #222222, -1px -1px 0 #eeeeee;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color='#222222'), progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=-1, Color='#eeeeee');
  /* _mixins.scss @include text-overflow -> start */
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* _mixins.scss @include text-overflow -> finish */ }

.comment-name-alt {
  padding-right: 25px; }

.comment-body.richtext ul, .comment-body.richtext ol {
  margin-left: 0; }

/* remove negative margin for lists in comments */
.comment-foot {
  clear: left;
  text-align: right;
  color: #888;
  margin-top: -1px;
  /* adjust for border-bottom */
  border-bottom: 1px dotted #aaaaaa; }

/* ----- Module:Updated --------------------------------------------------------------------------------------------------------------- */
.mod-updated-link {
  display: block;
  /* _mixins.scss @include transition -> start */
  -o-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -ms-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -moz-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, text-shadow 0.4s ease;
  /* _mixins.scss @include transition -> finish */
  /* _mixins.scss @include transform -> start */
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
  /* _mixins.scss @include transform -> finish */
  /* _mixins.scss @include box-shadow -> start */
  -o-box-shadow: 3px 3px rgba(171, 171, 171, 0.67);
  -moz-box-shadow: 3px 3px rgba(171, 171, 171, 0.67);
  -khtml-box-shadow: 3px 3px rgba(171, 171, 171, 0.67);
  -webkit-box-shadow: 3px 3px rgba(171, 171, 171, 0.67);
  box-shadow: 3px 3px rgba(171, 171, 171, 0.67);
  /* _mixins.scss @include box-shadow -> finish */ }

.mod-updated-link, .mod-updated-link:visited {
  color: #FFF;
  background: #df2d00;
  text-shadow: -1px -1px 0 #931e00; }

.mod-updated-link:focus, .mod-updated-link:active, .mod-updated-link:hover {
  color: #FFF;
  background: #555;
  text-shadow: -1px -1px 0 #222222; }

.mod-updated-link:focus .updated-head, .mod-updated-link:active .updated-head, .mod-updated-link:hover .updated-head {
  /* layout.scss @include mod-head-shadow -> start */
  color: white;
  text-shadow: -2px -2px 0 #555555, 2px 2px 0 #555555, -2px 2px 0 #555555, 2px -2px 0 #555555;
  filter: progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=-1, OffY=-1), progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=-1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=1, OffY=-1);
  /* layout.scss @include mod-head-shadow -> finish */ }

.updated-head {
  /* layout.scss @include mod-head-shadow -> start */
  color: white;
  text-shadow: -2px -2px 0 #df2d00, 2px 2px 0 #df2d00, -2px 2px 0 #df2d00, 2px -2px 0 #df2d00;
  filter: progid:DXImageTransform.Microsoft.DropShadow(Color='#df2d00', OffX=-1, OffY=-1), progid:DXImageTransform.Microsoft.DropShadow(Color='#df2d00', OffX=1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#df2d00', OffX=-1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#df2d00', OffX=1, OffY=-1);
  /* layout.scss @include mod-head-shadow -> finish */ }

.updated-head, .updated-body {
  /* _mixins.scss @include transform -> start */
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  /* _mixins.scss @include transform -> finish */ }

/* ----- Module:Published ------------------------------------------------------------------------------------------------------------- */
.mod-pub {
  background: #AAA; }

.pub-head {
  /* layout.scss @include mod-head-shadow -> start */
  color: white;
  text-shadow: -2px -2px 0 #aaaaaa, 2px 2px 0 #aaaaaa, -2px 2px 0 #aaaaaa, 2px -2px 0 #aaaaaa;
  filter: progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=-1, OffY=-1), progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=-1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=1, OffY=-1);
  /* layout.scss @include mod-head-shadow -> finish */ }

.pub-body {
  color: #000;
  text-shadow: -1px -1px 0 #c9c9c9; }

.pub-body a {
  border-bottom-width: 1px; }

.pub-body a, .pub-body a:visited {
  color: #222; }

.pub-body a:focus, .pub-body a:active, .pub-body a:hover {
  color: #000; }

/* Share Button */
.mod-pub {
  position: relative; }

.mod-pub .ui-button-social {
  position: absolute;
  right: 0;
  bottom: -17px; }

/* ----- Module:Tags ------------------------------------------------------------------------------------------------------------------ */
.mod-tags {
  display: inline;
  margin: 0 16px 0 0;
  padding: 0;
  list-style: none;
  white-space: normal;
  text-align: justify; }

.mod-tags .tag {
  display: inline; }

.mod-tags .tag:after {
  content: ", "; }

.mod-tags .tag:last-child:after {
  content: "."; }

.mod-tags .tag:last-child {
  margin-right: 0; }

.mod-tags a {
  margin-right: 16px; }
.mod-tags a:after {
  margin-left: 0;
  margin-right: -16px; }

/* ----- Module:Demos ----------------------------------------------------------------------------------------------------------------- */
.mod-demo {
  background: #555; }

.demo-head {
  /* layout.scss @include mod-head-shadow -> start */
  color: white;
  text-shadow: -2px -2px 0 #555555, 2px 2px 0 #555555, -2px 2px 0 #555555, 2px -2px 0 #555555;
  filter: progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=-1, OffY=-1), progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=-1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#555555', OffX=1, OffY=-1);
  /* layout.scss @include mod-head-shadow -> finish */ }

.demo-body {
  color: #FFF;
  text-shadow: -1px -1px 0 #222222; }

.demo-body li {
  margin-top: 25px; }

.demo-body a {
  border-bottom-width: 1px; }

.demo-body a, .demo-body a:visited {
  color: #DDD; }

.demo-body a:focus, .demo-body a:hover, .demo-body a:active {
  color: #FFF; }

/* ----- Module:Who ------------------------------------------------------------------------------------------------------------------- */
.mod-who {
  background: #AAA; }

.who-head {
  /* layout.scss @include mod-head-shadow -> start */
  color: white;
  text-shadow: -2px -2px 0 #aaaaaa, 2px 2px 0 #aaaaaa, -2px 2px 0 #aaaaaa, 2px -2px 0 #aaaaaa;
  filter: progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=-1, OffY=-1), progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=-1, OffY=1), progid:DXImageTransform.Microsoft.DropShadow(Color='#aaaaaa', OffX=1, OffY=-1);
  /* layout.scss @include mod-head-shadow -> finish */ }

.who-body {
  color: #000;
  text-shadow: -1px -1px 0 #c9c9c9; }

.who-pic {
  float: right;
  margin: 7px 0 8px 20px; }

.who-social {
  margin-top: 25px; }

.who-social dt {
  margin-left: 25px; }
.who-social dt:before {
  top: 0;
  margin-left: -25px; }
.who-social dt:after {
  content: ":"; }

.who-body a {
  border-bottom-width: 1px; }

.who-body a, .who-body a:visited {
  color: #222; }

.who-body a:focus, .who-body a:active, .who-body a:hover {
  color: #000; }

/* ----- Module:List ------------------------------------------------------------------------------------------------------------------ */
.mod-list {
  margin-bottom: 25px; }

.list-head {
  color: #888; }

.list-body {
  margin: 0 -25px; }

.list-body li {
  position: relative;
  z-index: 1; }

.list-body a {
  position: relative;
  padding-right: 25px;
  margin-top: -1px;
  border-bottom-width: 1px;
  margin-left: 25px; }
.list-body a:before {
  position: absolute;
  top: 8px;
  left: 0;
  margin-left: -20px; }

.list-body a, .list-body a:visited {
  color: #222222;
  border-bottom-color: #BBB; }

.list-body a:focus, .list-body a:hover, .list-body a:active {
  color: #df2d00;
  border-bottom-color: #000; }

/* ----- Module:Stream ---------------------------------------------------------------------------------------------------------------- */
.stream-item {
  margin-bottom: 25px; }

.stream-pagination {
  float: right; }

.stream-pagination:first-child {
  margin-top: -62px;
  margin-bottom: 25px; }

.stream-prev {
  margin-right: 25px; }

/* ----- Module:Event ----------------------------------------------------------------------------------------------------------------- */
.event-head {
  display: inline; }

.event-icon {
  position: relative;
  top: 3px;
  margin: 0 4px 0 -25px; }

.event-body blockquote {
  margin-top: 25px; }

.event-foot {
  display: inline; }

.mod-event a {
  border-bottom-width: 1px; }

.event-head a:focus, .event-head a:active, .event-head a:hover {
  border-bottom-color: #000; }

/* ----- Module:Results --------------------------------------------------------------------------------------------------------------- */
.mod-results {
  margin: 0 -25px; }

.results-item a {
  margin-bottom: 25px;
  padding: 25px;
  text-align: left; }

/* ----- Module:Excerpt --------------------------------------------------------------------------------------------------------------- */
.excerpt-head {
  margin-bottom: 25px;
  font-family: "Times New Roman", serif;
  font-size: 25px;
  font-style: italic;
  font-weight: normal;
  border-bottom: 1px dotted; }

/* ----- Module:Tag Cloud ------------------------------------------------------------------------------------------------------------- */
/* temp until custom html in place for wp widgets */
.mod-cloud {
  margin: 0 -25px; }

.cloud-head {
  color: #df2d00;
  font-family: "CartoGothicStdBold", "Century Gothic", sans-serif;
  font-size: 34px;
  line-height: 50px;
  text-shadow: 1px 1px 0 #DDD; }

.cloud-body {
  line-height: 50px; }

.cloud-body a {
  border-bottom-width: 1px; }

.cloud-body a:focus, .cloud-body a:active, .cloud-body a:hover {
  border-bottom-color: #000; }

/* ----- Module:Popular Categories ------------------------------------------------------------------------------------------------------------- */
.mod-pcat {
  margin: 0 -25px; }

.pcat-link {
  display: block;
  text-shadow: 1px 1px 0 #DDD;
  border-bottom-width: 1px; }
.pcat-link:focus, .pcat-link:active, .pcat-link:hover {
  border-bottom-color: #000; }

.pcat-title, .pcat-subtitle, .pcat-num {
  display: inline; }

.pcat-title {
  font-family: "CartoGothicStdBold", "Century Gothic", sans-serif;
  font-size: 25.5px;
  line-height: 50px; }

.pcat-subtitle, .pcat-num {
  font-size: 17px; }

.pcat-num {
  color: #000; }

/* ===== Forms ========================================================================================================================= */
/* ----- Comment ----------------------------------------------------------------------------------------------------------------------- */
.form-comment label {
  margin-bottom: 8px; }

.comment-field-submit {
  margin-bottom: 25px; }

.form-comment .label {
  font-weight: bold; }

.form-comment-html {
  margin-bottom: 0 !important; }

/* temporary */
/* ===== Buttons ======================================================================================================================= */
/* ----- Button:Social ---------------------------------------------------------------------------------------------------------------- */
.ui-button-social .ui-icon-social, .ui-button-social .who-social dt:before, .who-social .ui-button-social dt:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 8px; }

/* ===== Miscellaneous ================================================================================================================= */
/* ===== Rich Text Defaults for WYSIWYG/Text Content =================================================================================== */
.wysiwyg {
  overflow-x: hidden; }

/* add margins to headings and text blocks */
.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6, .richtext p, .richtext ul, .richtext ol, .richtext table, .richtext blockquote {
  margin-bottom: 25px; }

.mod-matter-front .richtext ul, .mod-matter-front .richtext ol, .mod-matter-front .richtext p {
  margin-bottom: 0; }

/* enforce ideal line length on text blocks */
.richtext p, .richtext ol, .richtext ul, .richtext blockquote {
  /* min-width:30em; doublecheck this */
  max-width: 35em;
  word-spacing: 1px;
  text-shadow: 1px 1px 0 #EEE; }

/* add bullets back to lists */
.richtext ul, .richtext ol {
  margin-left: -25px;
  padding-left: 25px; }

.mod-matter .richtext ul, .mod-matter .richtext ol {
  margin-left: 0; }

.mod-matter .richtext ul {
  padding-left: 0;
  list-style: none; }

.richtext ul {
  list-style-type: disc; }

.richtext ol {
  list-style-type: decimal; }

/* remove margins from nested lists */
.richtext li ol, .richtext li ul {
  margin-bottom: 0; }

/* format headings */
.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
  margin: 50px 0 25px 0;
  word-spacing: 3px;
  text-shadow: 2px 2px 0 #E1E1E1; }

.richtext h1 {
  color: #BBB;
  font-family: "TeXGyreHerosBold", "Trebuchet MS", sans-serif;
  font-size: 50px;
  line-height: 50px; }

.richtext h2 {
  color: #aaaaaa;
  font-family: "TeXGyreHerosBold", "Trebuchet MS", sans-serif;
  font-size: 40px;
  line-height: 50px; }

.richtext h3 {
  color: #999;
  font-size: 30px;
  line-height: 50px; }

.richtext h4 {
  color: #888;
  font-size: 25px; }

.richtext h5 {
  color: #666666;
  font-size: 23px; }

.richtext h6 {
  color: #666;
  font-size: 21px; }

/* format paragraphs */
.richtext p + p {
  text-indent: 25px; }

/* format blockquotes */
.richtext blockquote {
  position: relative;
  z-index: 1;
  margin-left: 25px;
  margin-right: 50px;
  color: #666;
  font-family: serif;
  font-size: 19px;
  font-style: italic; }

.richtext blockquote:before, .richtext blockquote:after {
  position: absolute;
  top: 33px;
  z-index: -1;
  height: 102px;
  color: #aaaaaa;
  font-family: sans-serif;
  font-size: 102px;
  font-style: normal;
  text-shadow: -1px -1px 0 #848484; }

.richtext blockquote:before {
  left: -25px;
  margin-left: -30px;
  content: '\201C'; }

.richtext blockquote:after {
  right: -50px;
  margin-right: -5px;
  /* -($baseline + $inlinespace); */
  content: '\201D'; }

.richtext blockquote ol, .richtext blockquote ul {
  margin: 0; }

.mod-comment .richtext blockquote {
  margin-left: 0;
  margin-right: 0; }

.richtext blockquote cite {
  display: block;
  font-family: sans-serif;
  font-size: 17px;
  font-style: normal;
  text-align: right; }
.richtext blockquote cite:before {
  content: "\2014 \0020"; }

/* format images */
.richtext .image {
  margin-bottom: 25px; }

/* format links (presumably plain text in this section) */
.richtext a:link {
  color: #222;
  border-bottom-width: 1px; }

.richtext a:visited {
  color: #666666; }

.richtext a:focus, .richtext a:active, .richtext a:hover {
  color: #df2d00;
  border-bottom-color: #000;
  text-shadow: 1px 1px 0 #D1D1D1; }

/* add styling to abbr */
.richtext abbr[title], .richtext acronym[title], .richtext dfn[title] {
  border-bottom: 1px dotted; }

/* preformatted text and code samples */
.richtext pre {
  margin-left: -25px;
  margin-bottom: 25px;
  padding: 11.5px 0 11.5px 23px;
  /* ( padding - x ) x is border */
  width: 100%;
  background: #FAFAFA;
  border: 1px dashed #999;
  border-left: 2px solid #999;
  white-space: pre;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: visible;
  /* _mixins.scss @include transition -> start */
  -o-transition: border-color 0.35s ease, width 1s ease 0.5s;
  -ms-transition: border-color 0.35s ease, width 1s ease 0.5s;
  -moz-transition: border-color 0.35s ease, width 1s ease 0.5s;
  -webkit-transition: border-color 0.35s ease, width 1s ease 0.5s;
  transition: border-color 0.35s ease, width 1s ease 0.5s;
  /* _mixins.scss @include transition -> finish */ }

.richtext pre:hover {
  position: relative;
  width: 950px;
  border-color: #df2d00;
  z-index: 999;
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible; }