body {
  margin: 0 auto;
  background: #090909;
  background-image: url("/~frix/img/bg/pjf_basic_tile.jpg");
  font-family: verdana, sans-serif;
  font-size: 12px;
  height: 100%; }

p {
  font-size: 12px; }

.container {
  margin: 0 auto;
  width: 750px;
  background-color: #111;
  box-shadow: 0 0 25px black;
  color: white; }
  .container p {
    color: white;}
  .container summary {
    color: white;
	font-size: 12px;
    padding: 5px;}
    .container p a, .container-text li a {
      color: white;
      font-weight: bold;
      text-decoration: none; }
	  .container-text li a:visited {color: gray;}
      .container p a:hover {
        text-decoration: underline; }
		
.container-text {padding: 0px 25px;}
.container-header {margin: 15px 0; text-align: center;}
.container-header h2 {margin: 0 auto;}

.nav-top {
  text-align: center;
  font-size: 0; }
  .nav-top a {
    color: white;
    font-size: 12px;
    text-decoration: none;
    background-size: cover;
    display: inline-block;
    padding: 8px 12px; }
    .nav-top a:hover {
      background-color: gray;
      background-image: url("/~frix/img/elements/artathon/hover-bg.png"); }
    .nav-top a.active {
      background-color: #8e3800;
      background-image: url("/~frix/img/elements/artathon/hover-bg.png");
      font-weight: bold; }

.nav-head {
  background-image: url("/~frix/img/header/home.png");
  background-position: center;
  background-size: cover;
  border: 4px solid #0cc;
  height: 95px;}

.notice {
    padding: 8px;
    display: block;
    /*margin: 15px;*/
	margin-bottom: .5em;
    min-height: 20px;
    border: 1px solid #99b0cc;
    font-family: 'Raleway', sans-serif;
    background: url("/~frix/img/notice/note-head.png"), url("/~frix/img/notice/notice-symbol.png"), url("/~frix/img/notice/notice_bg.png");
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto, auto, contain;
    background-position: top left, center right, left;
    box-shadow: 0 0 2px -1px black;
    padding-left: 80px;
    color: white;
    font-size: 14px;
    text-shadow: 3px 3px 5px black; 
}	
.notice strong {
    font-weight: bold; }
.notice a {
    color: lightblue;
    font-weight: normal; }
    .notice a:hover {
    color: white;
    text-decoration: none; }
.notice.edit {
    background: url("/~frix/img/notice/edit-head.png"), url("/~frix/img/notice/notice-symbol.png"), url("/~frix/img/notice/notice_bg.png");
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto, auto, contain;
    background-position: top left, center right, left; }
.notice.warning {
    border-color: #cc9999;
    background: url("/~frix/img/notice/note-head.png"), url("/~frix/img/notice/notice-symbol.png"), url("/~frix/img/notice/warning_bg.png");
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto, auto, contain;
    background-position: top left, center right, left; }
.notice.warning a {
    color: lightred; }
.notice.warning a:hover {
    color: white; }

.shift {
  font-size: 0;
  text-align: center;
  padding: 0 5%;
  /*height:500px;*/ }

.shift a.thumb, .shift span.thumb {
  margin: 20px;
  display: inline-block; }

.shift span.thumb {
  cursor: none; }

.shift img:hover {
  box-shadow: 0 0 5px white; }

.shift a:hover {
  filter: brightness(2); }

.shift span.thumb, span.next_btn, span.prev_btn {
  filter: brightness(0.5);
  cursor: not-allowed; }

.shift span.thumb:hover {
  filter: brightness(0.6); }

/* Art Fight 2025 modification */
.af2025-shift {
  font-size: 0;
  text-align: center;
  padding: 0 5%;
  /*height:500px;*/ }

.af2025-shift a.thumb, .shift span.thumb {
  display: inline-block; }

.af2025-shift span.thumb {
  cursor: none; }

.af2025-shift img {
  width: 180px; }
  .af2025-shift img:hover {
    box-shadow: 0 0 5px white; }

.af2025-shift a:hover {
  filter: brightness(1.25); }

.af2025-shift span.thumb, span.next_btn, span.prev_btn {
  filter: brightness(0.5);
  cursor: not-allowed; }

.af2025-shift span.thumb:hover {
  filter: brightness(0.6); }

a.back_btn:hover, a.next_btn:hover, a.prev_btn:hover {
  filter: brightness(1.25); }

span.next_btn:hover, span.prev_btn:hover {
  filter: brightness(0.6); }

.img-title h1 {
  display: inline-block;
  font-size: 15px;
  margin-top: 10.05px;
  margin-bottom: 0; }

.img-title {
  width: 100%;
  height: 35px;
  color: white; }
  .img-title span {
    display: block;
    margin-top: 0;
    margin-bottom: 10.05px; }
  .img-title a, .img-title div, .img-title span.next_btn, .img-title span.prev_btn {
    display: table-cell;
    vertical-align: middle;
    height: 100%; }
  .img-title div {
    display: table-cell;
    text-align: center;
    width: 100%; }

.section-container {
  padding: 0 5%; }
  .section-container h1 {
    border-bottom: 2px dashed darkgray;
    padding-bottom: 8px; }
  .section-container .section-img img {
    width: 100%;
    transition: transform .25s ease, filter .5s ease, box-shadow .25s ease; }
    .section-container .section-img img:hover {
      filter: brightness(1.25);
      transform: translateY(-5px);
      box-shadow: 0 5px #512200, 0 5px 15px -5px white; }
  .section-container h2 {
    margin-bottom: 0;
    font-style: italic; }
  .section-container p {
    text-align: left; }

a.img-piss {
  /*width: 100%;*/
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 15px; }

.img-piss img {
  width: 70%;
  box-shadow: 0 0 2.5px black, 0 0 0 7.5px #cecece, 0 0 15px #cecece; }

.img-desc {
  height: 10em;
  margin: 17px 0;
  padding: 2px 45px;
  background: black;
  overflow-y: scroll;
  line-height: 1.75em;
  box-shadow: inset 0 10px 25px 15px #111; }
  .img-desc p {
    text-align: left; }

.footer {
	background-color: #060606;
}
  
.foot-text {font-size: 10px;margin: 0 auto;}
.foot-text.upper {padding: 0 7.5px;}

.reel-ts {
	font-family: monospace;
	color: gray;
}