@charset "UTF-8";
/*
Theme Name:     Work, work - Theme - 2017
Author:         rmnprkrl@gmail.com
E-Mail:     	mailto:rmnprkrl@gmail.com
Version:        1.0
*/
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,
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

p {
  margin-bottom: 22px; }
  p a {
    color: blue;
    text-decoration: none; }
    p a:visited {
      color: blue;
      text-decoration: none; }
    p a:hover {
      color: blue;
      text-decoration: none; }

i {
  font-style: italic; }

h2 {
  margin-bottom: 22px;
  font-weight: bold;
  font-size: 16px; }

h3 {
  margin-bottom: 22px;
  font-weight: bold; }

blockquote {
  padding-left: 40px; }

textarea:focus, input:focus {
  outline: none; }

*:focus {
  outline: none; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

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

.gallery-caption {
  font-size: 9px !important;
  line-height: 12px !important; }

.wp-caption-text {
  font-size: 10px;
  line-height: 12px; }

body {
  font-family: arial;
  font-size: 13px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  background: white; }

#content {
  padding-bottom: 60px; }

#tabs-container {
  margin-left: 230px;
  padding-top: 30px; }

.tab {
  max-width: 640px;
  text-align: justify;
  display: none;
  width: calc(100% - 200px); }
  @media (min-width: 1100px) {
    .tab {
      width: calc(100% - 410px); } }
  .tab img {
    width: 100%;
    height: auto; }

#tab-front {
  display: none;
  position: fixed;
  left: 10px;
  bottom: 29px;
  font-size: 9px;
  line-height: 13px;
  padding-top: 3px; }

.single .tab {
  display: block; }

#side-archive {
  position: fixed;
  right: 0;
  padding-left: 10px;
  width: 200px;
  height: 100%;
  top: 0;
  overflow: hidden; }
  @media (min-width: 1100px) {
    #side-archive {
      width: 410px; } }

.scroll {
  height: 100%;
  overflow-y: scroll;
  padding-right: 15px; }

footer {
  position: fixed;
  bottom: 10px;
  left: 10px;
  font-size: 9px;
  line-height: 13px;
  display: none; }

section {
  position: relative; }

h1 {
  color: black; }

#tabs {
  position: fixed;
  left: 0px;
  top: 30px;
  width: 230px;
  padding-left: 10px;
  font-size: 13px;
  line-height: 22px; }
  #tabs li a {
    display: block;
    color: black;
    text-decoration: none; }
    #tabs li a:visited {
      color: black;
      text-decoration: none; }
    #tabs li a:hover {
      color: black;
      text-decoration: none; }
  #tabs #tab-item-front {
    line-height: 22px;
    margin-bottom: 40px;
    font-weight: normal;
    font-style: italic;
    font-size: 13px; }
  #tabs #tab-item-8 a {
    color: blue; }

.nav-item span {
  font-weight: bold;
  font-size: 13px; }

.ui-state-active a:before {
  content: "— "; }

#tab-item-front.ui-state-active a:before {
  content: ""; }

a#aside {
  letter-spacing: 0px;
  color: black;
  display: block;
  text-decoration: none;
  position: fixed;
  bottom: 10px; }
  a#aside:visited {
    color: black;
    text-decoration: none; }
  a#aside:hover {
    color: black;
    text-decoration: none; }

a#aside-front {
  letter-spacing: 0px;
  color: white;
  color: black;
  display: block;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  font-size: 11px;
  line-height: 22px;
  left: 720px;
  font-weight: bold; }
  a#aside-front:visited {
    color: black;
    text-decoration: none; }
  a#aside-front:hover {
    color: black;
    text-decoration: none; }

#archive-side-cont {
  padding-bottom: 30px;
  padding-top: 30px; }

#side-archive {
  border-right: 2px solid blue;
  text-align: right;
  color: blue;
  line-height: 22px; }

ul.side-archive-list {
  position: relative;
  line-height: 20px; }
  ul.side-archive-list li {
    display: none; }
    ul.side-archive-list li a {
      text-decoration: none;
      color: blue; }
      ul.side-archive-list li a:visited {
        color: gray;
        color: blue; }

.medium {
  font-weight: bold;
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  right: -5px;
  top: 10px; }

.tab-item {
  font-weight: bold;
  color: black;
  font-size: 16px; }
  .tab-item span {
    font-size: 13px;
    font-weight: normal; }

.project-archive-list {
  margin-bottom: 22px; }
  .project-archive-list a {
    text-decoration: none;
    color: blue; }
    .project-archive-list a:visited {
      color: gray;
      color: blue; }

#releases-tabs {
  display: none; }

#archive-content {
  margin-left: 230px;
  margin-top: 2px;
  max-width: 640px;
  width: calc(100% - 200px); }
  @media (min-width: 1100px) {
    #archive-content {
      width: calc(100% - 410px); } }
  #archive-content a {
    font-size: 11px;
    text-decoration: none;
    color: blue; }
    #archive-content a:visited {
      color: gray;
      color: blue; }

#show-all {
  font-weight: bold;
  cursor: pointer;
  margin-top: 30px;
  font-size: 16px;
  display: none; }
  #show-all:hover {
    color: black; }

.filter {
  font-weight: bold;
  color: blue;
  color: blue;
  margin-bottom: 22px;
  font-size: 40px;
  cursor: pointer; }
  .filter:hover {
    color: black; }

.filter.active {
  color: black;
  cursor: default; }