/*
Theme Name:     PROJECT - Theme
Author:         Roman Prikryl
Author URI:     http://www.fiordmoss.cz/roman
Template:       hybrid 2
Version:        0.1.0
*/
/* line 4, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
html {
  margin: 0;
  padding: 0;
  border: 0;
}

/* line 18, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, q, th, td, caption, table,
div, span, object, iframe, p,
pre, a, abbr, acronym, address,
code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend,
caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* line 20, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 21, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
blockquote, q {
  quotes: "" "";
}
/* line 67, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
th, td, caption {
  float: none !important;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 23, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

/* line 24, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
a img {
  border: none;
}

/* line 13, _base.scss */
.last {
  margin-right: 0;
}

/* line 17, _base.scss */
.eraser {
  clear: both;
}

/* line 21, _base.scss */
.col-1 {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 60px;
}
/* line 147, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html .col-1 {
  overflow-x: hidden;
}

/* line 25, _base.scss */
.col-2 {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 140px;
}
/* line 147, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html .col-2 {
  overflow-x: hidden;
}

/* line 29, _base.scss */
.col-3 {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 220px;
}
/* line 147, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html .col-3 {
  overflow-x: hidden;
}

/* line 33, _base.scss */
.col-4 {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 300px;
}
/* line 147, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html .col-4 {
  overflow-x: hidden;
}
/* line 36, _base.scss */
.col-4.last {
  margin-right: 0;
}

/* line 41, _base.scss */
.col-5 {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 380px;
}
/* line 147, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html .col-5 {
  overflow-x: hidden;
}

/* line 45, _base.scss */
.col-6 {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 460px;
}
/* line 147, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html .col-6 {
  overflow-x: hidden;
}
/* line 48, _base.scss */
.col-6.last {
  margin-right: 0;
}

/* line 53, _base.scss */
.col-8 {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 620px;
}
/* line 147, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html .col-8 {
  overflow-x: hidden;
}
/* line 56, _base.scss */
.col-8.last {
  margin-right: 0;
}

/* line 1, _typo.scss */
h1 {
  font-size: 48px;
  margin-top: 50px;
  margin-bottom: 40px;
  text-align: center;
  color: black;
  line-height: 50px;
}

/* line 10, _typo.scss */
h2 {
  font-size: 14px;
  color: black;
  margin-bottom: 40px;
}

/* line 17, _typo.scss */
.page-5 h2 {
  line-height: 10px;
  margin-left: 202px;
}

/* line 23, _typo.scss */
h2 span {
  border-bottom: solid black 3px;
}

/* line 28, _typo.scss */
h3 {
  font-size: 24px;
}

/* line 32, _typo.scss */
p {
  color: black;
  line-height: 24px;
  margin-bottom: 24px;
}

/* line 39, _typo.scss */
a {
  color: black;
  text-decoration: underline;
}
/* line 43, _typo.scss */
a:visited {
  color: black;
  text-decoration: underline;
}
/* line 48, _typo.scss */
a:hover {
  color: black;
  text-decoration: none;
}

/* line 1, _partials.scss */
.project-thumb {
  position: relative;
  width: 160px;
  height: 160px;
  display: block;
  color: white;
  text-decoration: none;
  float: left;
  margin-right: 103px;
  margin-bottom: 103px;
}
/* line 12, _partials.scss */
.project-thumb.last {
  margin-right: 0;
}
/* line 18, _partials.scss */
.project-thumb:visited {
  color: white;
  text-decoration: none;
}
/* line 23, _partials.scss */
.project-thumb:hover {
  color: white;
  text-decoration: none;
}
/* line 27, _partials.scss */
.project-thumb:hover .project-title {
  z-index: 2;
  background: black;
}
/* line 33, _partials.scss */
.project-thumb .project-title {
  position: absolute;
  left: -10px;
  top: -15px;
  z-index: 0;
  background: black;
  padding: 5px 10px;
  width: 100px;
}
/* line 43, _partials.scss */
.project-thumb .front-pic {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
/* line 53, _partials.scss */
.project-thumb .back-pic {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
}

/* line 67, _partials.scss */
#project-header {
  position: fixed;
  z-index: 10000;
  top: 65px;
  font-size: 11px;
}
/* line 74, _partials.scss */
#project-header a {
  position: absolute;
  top: -65px;
  color: black;
  text-decoration: none;
}
/* line 80, _partials.scss */
#project-header a:visited {
  color: black;
  text-decoration: none;
}
/* line 85, _partials.scss */
#project-header a:hover {
  color: black;
  text-decoration: none;
}
/* line 94, _partials.scss */
#project-header #project-index {
  left: 0;
}
/* line 98, _partials.scss */
#project-header #project-prev {
  left: 38px;
}
/* line 102, _partials.scss */
#project-header #project-next {
  right: 0;
}

/* line 110, _partials.scss */
.page-5 #project-header {
  position: relative;
}

/* line 114, _partials.scss */
#project-year {
  margin-bottom: 128px;
  text-align: center;
  font-size: 11px;
  color: black;
  text-decoration: none;
  line-height: 14px;
  display: none;
}

/* line 126, _partials.scss */
.project-page {
  margin-top: 215px;
}

/* line 130, _partials.scss */
#project-left {
  margin-top: 7px;
  padding-bottom: 270px;
}
/* line 135, _partials.scss */
#project-left img {
  margin-bottom: 40px;
}
/* line 139, _partials.scss */
#project-left .wpaudio-container a {
  color: black;
}

/* line 145, _partials.scss */
#project-right {
  color: black;
  line-height: 24px;
  padding-bottom: 80px;
}
/* line 153, _partials.scss */
#project-right p {
  padding-left: 20px;
}
/* line 157, _partials.scss */
#project-right ul {
  padding-left: 35px;
  font-size: 12px;
  list-style-type: square;
  margin-bottom: 24px;
}
/* line 164, _partials.scss */
#project-right li {
  list-style-position: outside;
}
/* line 168, _partials.scss */
#project-right p.pdfbutton-cont {
  padding-top: 10px;
}

/* line 176, _partials.scss */
.pdfbutton {
  font-size: 11px;
  padding: 10px;
  margin-top: 10px;
  text-transform: uppercase;
  border: solid 3px black;
  text-decoration: none;
}

/* line 1, _layout.scss */
#body-container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  font-family: arial, sans-serif;
  font-size: 14px;
  overflow: visible;
}

/* line 14, _layout.scss */
.singular-page #header-container {
  display: none;
}
/* line 18, _layout.scss */
.singular-page #container {
  margin-top: 65px;
}
/* line 23, _layout.scss */
.singular-page #footer-container {
  display: none;
}

/* line 33, _layout.scss */
#header-container {
  height: 84px;
  position: absolute;
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  top: 0;
  z-index: 102;
}

/* line 41, _layout.scss */
#container {
  margin-top: 160px;
  margin-bottom: 40px;
}

/* line 46, _layout.scss */
#footer-about {
  font-size: 14px;
  color: black;
  margin-bottom: 40px;
  border-top: solid black 3px;
  text-align: center;
  margin-top: 20px;
  padding-top: 10px;
  height: 160px;
}
/* line 58, _layout.scss */
#footer-about a {
  color: black;
  text-decoration: none;
}
/* line 62, _layout.scss */
#footer-about a:visited, #footer-about a:hover {
  color: black;
  text-decoration: none;
}

/* line 71, _layout.scss */
#footer-container {
  background: white;
  position: fixed;
  width: 950px;
  padding-left: 10px;
  top: 300px;
  margin-left: -10px;
  z-index: 101;
  padding-top: 30px;
  padding-bottom: 40px;
  display: none;
}
/* line 85, _layout.scss */
#footer-container #footer {
  position: relative;
}
/* line 89, _layout.scss */
#footer-container #about-year {
  position: absolute;
  right: 0px;
  top: 0px;
}

/* line 1, _nav.scss */
#list-pics, #list-titles {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* line 18, _nav.scss */
#list-toggle {
  position: absolute;
  top: 65px;
  left: 0px;
  cursor: pointer;
  font-size: 11px;
  color: black;
}
/* line 28, _nav.scss */
#list-toggle:hover {
  color: black;
}

/* line 38, _nav.scss */
#list-pics {
  position: absolute;
  left: 30px;
  bottom: 0;
  width: 25px;
  height: 25px;
}
/* line 48, _nav.scss */
#list-pics .pics-ico {
  position: absolute;
  left: 0;
  width: 25px;
  height: 5px;
  background: white;
  border: solid 1px black;
}
/* line 61, _nav.scss */
#list-pics #pics-ico-1 {
  top: 0;
}
/* line 66, _nav.scss */
#list-pics #pics-ico-2 {
  top: 9px;
}
/* line 70, _nav.scss */
#list-pics #pics-ico-3 {
  bottom: 0px;
}

/* line 78, _nav.scss */
#list-titles {
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 25px;
  height: 25px;
}
/* line 87, _nav.scss */
#list-titles .titles-ico {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border: solid 1px black;
}
/* line 99, _nav.scss */
#list-titles #titles-ico-1 {
  left: 0;
  top: 0;
}
/* line 104, _nav.scss */
#list-titles #titles-ico-3 {
  left: 0;
  bottom: 0;
}
/* line 109, _nav.scss */
#list-titles #titles-ico-2 {
  right: 0;
  top: 0;
}
/* line 114, _nav.scss */
#list-titles #titles-ico-4 {
  right: 0;
  bottom: 0;
}

/* line 124, _nav.scss */
#about-toggle {
  position: absolute;
  left: 438px;
  top: 62px;
  font-size: 14px;
  color: black;
  margin-bottom: 40px;
  border-bottom: solid black 3px;
  text-decoration: none;
}
/* line 137, _nav.scss */
#about-toggle:visited {
  color: black;
  text-decoration: none;
}
/* line 142, _nav.scss */
#about-toggle:hover {
  color: black;
  text-decoration: none;
}

/* line 1, _animation.scss */
#animation-wrapper {
  width: 960px;
  height: 460px;
  margin-bottom: 50px;
  overflow: hidden;
  position: relative;
}

/* line 10, _animation.scss */
#animation {
  width: 13420px;
  height: 460px;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 18, _animation.scss */
#animation img {
  float: left;
  width: 1342px;
  height: 460px;
  overflow: hidden;
}