/*http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, INPUT, TEXTAREA, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: "Trebuchet MS";
}
/*HTML5 display-role reset for older browsers*/
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION
{
	display: block;
}
BODY
{
	line-height: 1;
}
OL, UL
{
	list-style: none;
}
BLOCKQUOTE, Q
{
	quotes: none;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: '';
	content: none;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
A
{
	text-decoration: none;
}
.clear
{
	clear: both;
}
*, *:before, *:after
{
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus
{
    outline: 0;
}
HTML, BODY
{
	height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}