/*
 * This stylesheet is a hack of inuit css v4.something
 * inuitcss.com -- @inuitcss -- @csswizardry
 * Copyright 2012 Harry Roberts
 * Licensed under the Apache License, Version 2.0 (the "License")
 * which makes use of 
 * normalize.css v2.1.0 | MIT License | git.io/normalize 
 */
 
@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/*
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/*
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Remove default margin.
 */
body {
  margin: 0;
}

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

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

/*
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}



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


/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

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

/*
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* 
 * Forms
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

/**
 * A more considered reset; more of a restart... 
 * As per: csswizardry.com/2011/10/reset-restarted
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

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

/**
 * Remove underlines from potentially troublesome elements.
 */
a, u {
  text-decoration: none;
}


img {
  font-style: italic;
}

label,
input,
textarea,
button,
select,
option {
  cursor: pointer;
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none;
}


/**
 * Micro clearfix, as per: nicolasgallagher.com/micro-clearfix-hack
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.cf, .gw,
.grid-wrapper, .nav, .media, .island,
.islet, .matrix, .multi-list, .stat-group {
  zoom: 1;
}
.cf:before, .gw:before,
.grid-wrapper:before, .nav:before, .media:before, .island:before,
.islet:before, .matrix:before, .multi-list:before, .stat-group:before, .cf:after, .gw:after,
.grid-wrapper:after, .nav:after, .media:after, .island:after,
.islet:after, .matrix:after, .multi-list:after, .stat-group:after {
  content: " ";
  display: table;
}
.cf:after, .gw:after,
.grid-wrapper:after, .nav:after, .media:after, .island:after,
.islet:after, .matrix:after, .multi-list:after, .stat-group:after {
  clear: both;
}

/**
 * Where `margin-bottom` is concerned, this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */

h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
.form-fields > li,
.media {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

hr {
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}

ul, ol, dd {
  margin-left: 48px;
  margin-left: 3rem;
}

html {
  font: 1em/1.5 serif;
  overflow-y: scroll;
  min-height: 100%;
}

h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.33333;
}

h2 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.6;
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}


/**
 * Images.
 */
img {
  max-width: 100%;
}

img[width],
img[height] {
  max-width: none;
}

.img--right {
  float: right;
  margin-bottom: 24px;
  margin-left: 24px;
}

.img--left {
  float: left;
  margin-right: 24px;
  margin-bottom: 24px;
}

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
}



figure > img {
  display: block;
}


/*
 * List
 */
li > ul,
li > ol {
  margin-bottom: 0;
}





/**
 * Grid
 */
.gw,
.grid-wrapper {
  /**
   * Negative margin to negate the padding on the first grid child. 
   */
  /* margin-left: -24px; LUC LUC LUC -> 0px */
  margin-left: -24px;
  list-style: none;
  margin-bottom: 0;
}


/**
 * Very infrequently occuring grid wrappers as children of grid wrappers.
 */
.gw > .gw,
.grid-wrapper > .grid-wrapper {
  margin-left: 0;
}

.g,
.grid {
  float: left;
 /* padding-left: 24px; LUC LUC LUC  -> 0px*/
  padding-left: 24px;
}

.media {
  display: block;
}


.one-whole {
  width: 100%;
}

.one-half, .two-quarters {
  width: 50%;
}

.one-third {
  width: 33.333%;
}

.two-thirds {
  width: 66.666%;
}

.one-quarter {
  width: 25%;
}

.three-quarters {
  width: 75%;
}



@media only screen and (max-width: 800px) {
  /**
  * Whole
  */
  .palm-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .palm-one-half, .palm-two-quarters {
    width: 50%;
  }

  /**
  * Thirds
  */
  .palm-one-third {
    width: 33.333%;
  }

  .palm-two-thirds {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .palm-one-quarter {
    width: 25%;
  }

  .palm-three-quarters {
    width: 75%;
  }

}
@media only screen and (min-width: 801px) and (max-width: 1023px) {
  /**
  * Whole
  */
  .lap-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .lap-one-half, .lap-two-quarters {
    width: 50%;
  }

  /**
  * Thirds
  */
  .lap-one-third {
    width: 33.333%;
  }

  .lap-two-thirds {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .lap-one-quarter {
    width: 25%;
  }

  .lap-three-quarters {
    width: 75%;
  }
}
@media only screen and (max-width: 1023px) {
  /**
  * Whole
  */
  .portable-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
    width: 50%;
  }

  /**
  * Thirds
  */
  .portable-one-third, .portable-two-sixths, .portable-four-twelfths {
    width: 33.333%;
  }

  .portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
    width: 25%;
  }

  .portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
    width: 75%;
  }

  /**
  * Fifths
  */
  .portable-one-fifth, .portable-two-tenths {
    width: 20%;
  }

  .portable-two-fifths, .portable-four-tenths {
    width: 40%;
  }

  .portable-three-fifths, .portable-six-tenths {
    width: 60%;
  }

  .portable-four-fifths, .portable-eight-tenths {
    width: 80%;
  }

  /**
  * Sixths
  */
  .portable-one-sixth, .portable-two-twelfths {
    width: 16.666%;
  }

  .portable-five-sixths, .portable-ten-twelfths {
    width: 83.333%;
  }


}
@media only screen and (min-width: 1024px) {
  /**
  * Whole
  */
  .desk-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
    width: 50%;
  }

  /**
  * Thirds
  */
  .desk-one-third, .desk-two-sixths, .desk-four-twelfths {
    width: 33.333%;
  }

  .desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
    width: 25%;
  }

  .desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
    width: 75%;
  }

  /**
  * Fifths
  */
  .desk-one-fifth, .desk-two-tenths {
    width: 20%;
  }

  .desk-two-fifths, .desk-four-tenths {
    width: 40%;
  }

  .desk-three-fifths, .desk-six-tenths {
    width: 60%;
  }

  .desk-four-fifths, .desk-eight-tenths {
    width: 80%;
  }

  /**
  * Sixths
  */
  .desk-one-sixth, .desk-two-twelfths {
    width: 16.666%;
  }

  .desk-five-sixths, .desk-ten-twelfths {
    width: 83.333%;
  }

}

.text--left {
  text-align: left  !important;
}

.text--center {
  text-align: center!important;
}

.text--right {
  text-align: right !important;
}



.hide {
  position: absolute;
  left: -9999px;
  display:none;
}

@media only screen and (max-width: 480px) {
  .hide--palm {
    position: absolute;
    left: -9999px;
    display:none;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .hide--lap {
    position: absolute;
    left: -9999px;
    display:none;
  }
}
@media only screen and (max-width: 1023px) {
  .hide--portable {
    position: absolute;
    left: -9999px;
    display:none;
  }
}
@media only screen and (min-width: 1024px) {
  .hide--desk {
    position: absolute;
    left: -9999px;
    display:none;
  }
}




/* endif */
/**
 * She’s all yours, cap’n... Begin importing your stuff here.
 */



@media only screen and (min-width: 481px) and (max-width: 1023px) {
	.lap--text--right {
		text-align: right !important;
	}
}

@media only screen and (min-width: 481px) {
	.lap-and-up--text--right {
		text-align: right !important;
	}
}

html {
    font:1em/1.4 Georgia, serif;
    background-color:#ffffff;
    color:#333333;
}




.padding-some_percents {
    padding:1em 2% 1em 2%;
}


@media only screen and (min-width: 1024px) {
	.padding-some_percents {
    	padding:1em 10% 1em 10%;
	}
}



.figwrapper {
	position: relative;
	display:block;
	margin-bottom: 0;
}


figcaption {
	font-style: italic;
}

.figcaption {
	position: absolute;
	left: 0;
	top: 0;
	/* background: none repeat scroll 0% 0% #000000; // rgb(255, 78, 28); */
	background: #000000;
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	color: rgb(255, 255, 255);
	padding: 8px 18px 7px;
	margin: 0;
	font: 13px Helvetica,Arial,sans-serif;
	font: 0.8em/1.2 Arial, sans-serif; 
	line-height: 1.5; 
	letter-spacing: 0.05em;
}

.orange {
	background: #dd8820; 
	color: #ffffff; 
	margin: 0; 
	padding: 5px; 
	border-bottom: 2px solid #999999;
}

.header {
	padding-top: 1em;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: #ffffff;
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%);
}

.header a {
	font: normal 300% "Yanone Kaffeesatz", sans-serif; color: #000000;
}

.opacity_null {
	opacity: 0; 
}

.grey_bg {
	background: #eeeeee;
}

.out_page {
	padding-right: 1em;
}




ul {
	margin: 0;
	padding-left: 0;
	padding-right: 2em;
	list-style-position:inside;
}


.footer {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000000;
	background: #45484d;
	width: 100%;
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
}


.footer h1 {
	color:#bbbbbb;
	background: inherit;
}
.footer p {
	color: #bbbbbb; 
	background: inherit;
}
.footer a {
	color: #dd8822; 
	background: inherit;
	text-decoration: none;
}


h1 {font: normal 300% "Yanone Kaffeesatz", sans-serif; color: #000000;}
h2 {font: normal 180% "Yanone Kaffeesatz", sans-serif; color: #000000;}

a {
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #3366aa; 
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

.abstract {font: italic 120% Georgia, serif;}


.block {
	margin: 0;
	padding: 1em;
}






input {
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	border-radius: 10px;
  	border-style: solid;
    padding: 2px;
    background: #ffffff; /*#800060;*/
    color: #800060; /* #ffcc00; */
    border: 0;
    margin: 0 0 10px 0;
    
}
input:focus {
	outline: none;
}
::-moz-focus-inner {
    border: 0;
    padding: 0;
}



.wrapper {
    padding:1em 2% 1em 2%;
}


html {
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #eeeeee 50%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #eeeeee 50%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #eeeeee 50%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 50%, #eeeeee 50%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #eeeeee 50%, #eeeeee 100%); /* W3C */
}



@media only screen and (max-width: 800px) {
	html {
		background: #ffffff; 
	}
}


@media only screen and (min-width: 801px) {
	.wrapper {
    	width: 100%;
    	padding:1em 2% 1em 2%;
	}
	
}


@media only screen and (min-width: 1024px) {
	.wrapper {
    	padding:1em 10% 1em 10%;
	}
}


cite {
	font-style: italic;
	color: #800060;
}


.contents h1 {
	font: normal 120% "Yanone Kaffeesatz", sans-serif; 
	padding: 0;
	margin: 0;
}
.contents h2 {
	font: normal 100% "Yanone Kaffeesatz", sans-serif; 
	padding: 0 0 0 2em;
	margin: 0;
}