@charset "utf-8";

/*
Theme Name: Someday
Theme URI: http://www.someday.pl/
Description: The Someday theme.
Version: 1.0
Author: Someday Interactive
Tags:
*/

/* BODY, DIV, IMG ***********************************************************************************/
BODY {
  display: block;
  float: none;
  clear: both;
  margin: 0;
  border: none;
  padding: 0;
  color: #272727;
  background: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  line-height: normal;
  cursor: default;
}

DIV {
  display: block;
  position: relative;
  float: none;
  clear: none;
  margin: 0;
  border: none;
  padding: 0;
}

IMG {
  display: inline;
  margin: 0;
  border: 0;
  padding: 0;
}

/* H1, H2, H3, H4, H5, H6, P, HR, CENTER, BLOCKQUOTE ************************************************/
H1, H2, H3, H4, H5, H6 {
  display: block;
  margin: 5px 0 10px 0;
  padding: 0;
  color: inherit;
  background: none;
  font-weight: bold;
  text-align: left;
  line-height: normal;
}

H1 {
  font-size: 2em;
}

H2 {
  font-size: 1.75em;
}

H3 {
  font-size: 1.50em;
}

H4 {
  font-size: 1.25em;
}

H5 {
  font-size: 1.00em;
}

H6 {
  font-weight: bold;
}

P {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  color: inherit;
  background: none;
  font-weight: normal;
  text-align: justify;
  line-height: normal;
}

HR {
  border: 1px inset;
}

CENTER {
  text-align: center;
}

BLOCKQUOTE {
  margin: 0px 5px 10px 5px;
  padding: 10px 10px 1px 10px;
  font-style: italic;
  border: 1px solid #ddd;
  background-color: #f3f3f3;
}

/* A, B, STRONG, I, CITE, EM, VAR, ADDRESS, U, INS, S, STRIKE, DEL, PRE, TT, CODE, KBD, SAMP, Q, CITE */
A {
  text-decoration: none;
}

A:hover, A:active {
  color: #272727;
  outline: none;
  text-decoration: underline;
}

A:focus {
  outline: none;
}

A:link, A:visited {
  color: #5d2a65;
}

B, STRONG {
  font-weight: bolder;
}

I, CITE, EM, VAR, ADDRESS {
  font-style: italic;
}

U, INS {
  text-decoration: underline;
}

S, STRIKE, DEL {
  text-decoration: line-through;
}

PRE {
  font-family: monospace;
  white-space: pre;
}

TT, CODE, KBD, SAMP {
  font-family: monospace;
}

Q {
  display: inline;
}

CITE {
  display: inline;
  font-style: italic;
}

/* BIG, SMALL, SUB, SUP *****************************************************************************/
BIG {
  font-size: 1.25em;
}

SMALL {
  font-size: 0.75em;
}

SUB {
  font-size: 0.75em;
  vertical-align: sub;
}

SUP {
  font-size: 0.75em;
  vertical-align: super;
}

/* UL, OL, LI****************************************************************************************/
UL {
  list-style-type: circle;
  margin: 0.5em 0 0.5em 40px;
}

OL {
  list-style-type: decimal;
  margin: 0.5em 0 0.5em 40px;
}

OL UL, UL OL, UL UL, OL OL {
  margin-top: 0;
  margin-bottom: 0;
}

LI {
  display: list-item;
}

/* TABLE, TR, THEAD, TBODY, TFOOT, COL, COLGROUP, TR, TH, TD, CAPTION *******************************/
TABLE {
  display: table;
}

TR {
  display: table-row;
}

THEAD {
  display: table-header-group;
}

TBODY {
  display: table-row-group;
}

TFOOT {
  display: table-footer-group;
}

COL {
  display: table-column;
}

COLGROUP {
  display: table-column-group;
}

TR {
}

TH {
  display: table-cell;
  font-weight: bold;
  text-align: center;
}

TD {
  display: table-cell;
}

CAPTION {
  display: table-caption;
  text-align: center;
}

/* DIR, MENU, DD, ABBR, ACRONYM, LABEL **************************************************************/
DIR, MENU, DD {
  margin-left: 40px;
}

ABBR, ACRONYM {
  font-variant: small-caps;
  letter-spacing: 0.1em;
}

LABEL {
  margin-left: 10px;
}

/* FORM, INPUT, FIELDSET ****************************************************************************/
FORM {
  display: block;
}

INPUT {
  display: block;
  font-family: Tahoma, "Lucida Grande", "Trebuchet MS";
  font-size: 12px;
  cursor: auto;
}

FIELDSET {
  display: block;
}

/* OBJECT, EMBED ************************************************************************************/
OBJECT {
  margin: 0;
  padding: 0;
}

EMBED {
  margin: 0;
  padding: 0;
}

/* #Progress ****************************************************************************************/
DIV#Progress {
  display: none;
  position: absolute;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 79px;
  padding: 2px 0 2px 0;
  background: #333333;
  color: #FFFFFF;
  font-size: 9px;
  text-align: center;
}

/* #Mp3Player ***************************************************************************************/
DIV#Mp3Player {
  display: block;
  position: absolute;
  z-index: 100000;
  height: 30px;
  width: 90px;
  top: 770px;
  left: 935px;
}

/* #Onload ******************************************************************************************/
DIV#Onload {
  display: block;
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 400px;
  width: 400px;
  margin: 0 auto 0 auto;
  padding: 10px 0 10px 0;
  color: #999999;
  text-align: center;
}

/* #Bg **********************************************************************************************/
DIV#Bg {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  min-width: 1200px;
  width: 100%;
  height: 1000px;
  overflow: hidden;
}

DIV#Bg DIV.bg {
  display: none;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 3000px;
  height: 1000px;
  background: url(../img/bg.png) repeat-x top left;
}

DIV#Bg DIV.header {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 1700px;
  height: 374px;
  background: url(../img/header.jpg) top left no-repeat;
}

DIV#Bg DIV.body {
  display: block;
  position: absolute;
  z-index: 1;
  top: 374px;
  left: 0;
  width: 1700px;
  height: 504px;
  background: url(../img/body.jpg) top left no-repeat;
}

DIV#Bg DIV.footer {
  display: block;
  position: absolute;
  z-index: 1;
  top: 878px;
  left: 0;
  width: 1700px;
  height: 122px;
  background: url(../img/footer.jpg) top left no-repeat;
}

/* #Wartopamietac ***********************************************************************************/
DIV#Wartopamietac {
  display: none;
  position: absolute;
  z-index: 4;
  top: 374px;
  right: 0;
  height: 218px;
  width: 43px;
}

DIV#Wartopamietac A,
DIV#Wartopamietac A IMG {
  display: block;
  margin: 0;
  border: none;
  padding: 0;
}

/* #Page ********************************************************************************************/
DIV#Page {
  display: block;
  position: absolute;
  z-index: 3;
  width: 1200px;
  height: 1000px;
  top: 0;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  text-align: center;
}

/* #Main ********************************************************************************************/
DIV#Main {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 860px;
  width: 332px;
  height: 76px;
}

DIV#Main H1 {
  display: none;
}


DIV#Main A,
DIV#Main A IMG {
  display: block;
  margin: 0;
  border: none;
  padding: 0;
}

/* #Header ******************************************************************************************/
DIV#Header {
  display: none;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
}

DIV#Header H2 {
  display: block;
  position: absolute;
  z-index: 10;
  top: 408px;
  left: 260px;
  width: 730px;
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 24px;
}

DIV#Header H3 {
  display: block;
  position: absolute;
  z-index: 9;
  top: 438px;
  left: 315px;
  width: 570px;
  margin: 0;
  padding: 0;
  color: #990000;
  font-size: 16px;
}

/* #Content *****************************************************************************************/
DIV#Home,
DIV#Person {
  display: block;
  position: absolute;
  z-index: 80;
  top: 0;
  left: 0;
}

DIV#Content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  text-align: justify;
}

DIV#Person DIV#Content DIV.portrait {
  display: block;
  position: absolute;
  top: 460px;
  left: 260px;
  width: 320px;
  height: 380px;
}

DIV#Person DIV#Content DIV.portrait DIV.next {
  display: none;
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 33px;
  padding: 3px 8px 3px 8px;
  background: #FFFFFF;
  color: #333333;
}

DIV#Person DIV#Content DIV.portrait DIV.bg-top {
  display: block;
  position: relative;
  height: 23px;
  width: 320px;
  background: url(../img/portrait-bg-top.png) top center no-repeat;
}

DIV#Person DIV#Content DIV.portrait DIV.bg-middle {
  display: block;
  position: relative;
  width: 320px;
  background: url(../img/portrait-bg-middle.png) top center repeat-y;
}

DIV#Person DIV#Content DIV.portrait DIV.person {
  display: block;
  position: relative;
  margin: 0 25px 0 25px;
  width: 270px;
}

DIV#Person DIV#Content DIV.portrait DIV.person IMG {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  width: 270px;
}

DIV#Person DIV#Content DIV.portrait DIV.person DIV.title {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 0;
  padding: 5px;
  color: #FFFFFF;
}

DIV#Person DIV#Content DIV.portrait DIV.person DIV.title DIV.text {
  display: block;
  position: relative;
}

DIV#Person DIV#Content DIV.portrait DIV.person DIV.title DIV.bg {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000000;
}

DIV#Person DIV#Content DIV.portrait DIV.bg-bottom {
  display: block;
  position: relative;
  height: 23px;
  width: 320px;
  background: url(../img/portrait-bg-bottom.png) top center no-repeat;
}

DIV#Person DIV#Content DIV.vinyl {
  display: block;
  position: absolute;
  z-index: 1;
  top: 702px;
  left: 620px;
  height: 72px;
  width: 73px;
}

DIV#Person DIV#Content IMG.player_navi {
  display: block;
  position: absolute;
  z-index: 100;
  top: 727px;
  width: 40px;
  height: 20px;
  cursor: pointer;
}

DIV#Person DIV#Content IMG.player_prev {
  left: 700px;
}

DIV#Person DIV#Content IMG.player_next {
  left: 820px;
}

DIV#Person DIV#Content DIV.track_title {
  display: none;
  position: absolute;
  z-index: 2;
  top: 710px;
  left: 650px;
  width: 259px;
  color: #333333;
  font-size: 9px;
  text-align: center;
}

DIV#Person DIV#Content DIV.player {
  display: block;
  display: none;
  position: absolute;
  z-index: 2;
  top: 725px;
  left: 720px;
  width: 119px;
  height: 40px;
  overflow: hidden;
}

DIV#Person DIV#Content DIV.player DIV.eq {
  display: none;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 14px;
  top: 5px;
  left: 28px;
}

DIV#Person DIV#Content DIV.player DIV.eq IMG {
  width: 20px;
  height: 14px;
}

DIV#Person DIV#Content DIV.player IMG {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 119px;
  height: 24px;
}

DIV#Person DIV#Content DIV.player A,
DIV#Person DIV#Content DIV.player A:hover {
  display: block;
  position: absolute;
  z-index: 1;
  width: 12px;
  height: 12px;
  top: 5px;
  cursor: pointer;
  border: #333333 solid 1px;
}

DIV#Person DIV#Content DIV.player A IMG {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;  
}

DIV#Person DIV#Content DIV.player A.play {
  left: 54px;
}

DIV#Person DIV#Content DIV.player A.pause {
  left: 67px;
}

DIV#Person DIV#Content DIV.player A.stop {
  left: 80px;
}

DIV#Content IMG.slide {
  display: none;
  position: absolute;
  left: 890px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

DIV#Content IMG.slide-up {
  top: 475px;
}

DIV#Content IMG.slide-down {
  top: 575px;
}

DIV#Home DIV#Content DIV.article {
  display: block;
  position: absolute;
  top: 475px;
  left: 295px;
  width: 585px;
  height: 135px;
  color: #333333;
  text-align: justify;
  overflow: hidden;
}

DIV#Person DIV#Content DIV.article {
  display: block;
  position: absolute;
  top: 480px;
  left: 595px;
  width: 285px;
  height: 160px;
  color: #333333;
  text-align: justify;
  overflow: hidden;
}

DIV#Content DIV.slider {
  display: block;
  position: relative;
}

/* #Gallery *****************************************************************************************/
DIV#Gallery {
  display: none;
  position: absolute;
  z-index: 80;
  top: 0;
  left: 0;
}

DIV#Gallery H4 {
  display: block;
  position: absolute;
  z-index: 10;
  top: 640px;
  left: 295px;
  width: 585px;
  color: #333333;
  font-size: 16px;
}

DIV#Gallery IMG.slide {
  display: none;
  position: absolute;
  z-index: 100;
  top: 720px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

DIV#Gallery IMG.slide-left {
  left: 260px;
}

DIV#Gallery IMG.slide-right {
  left: 885px;
}

DIV#Gallery DIV.images {
  display: block;
  position: absolute;
  z-index: 10;
  top: 665px;
  left: 285px;
  width: 595px;
  height: 240px;
  color: #333333;
  overflow: hidden;
}

DIV#Gallery DIV.overflow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100000px;
  height: 200px;
}

DIV#Gallery DIV.slider {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

DIV#Gallery DIV.images DIV.image {
  display: block;
  float: left;
  width: 119px;
  height: 200px;
  overflow: hidden;
}

DIV#Gallery DIV.images DIV.image IMG.bg {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 119px;
  height: 150px;
}

DIV#Gallery DIV.images DIV.image A.link,
DIV#Gallery DIV.images DIV.image A.link:hover {
  display: block;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 9px;
  width: 102px;
  height: 124px;
  color: #333333;
  overflow: hidden;
  text-decoration: none;
}

DIV#Gallery DIV.images DIV.image A.link IMG.person {
  display: block;
  position: absolute;
  z-index: 2;
  top: 6px;
  left: 6px;
  width: 89px;
  height: 113px;
  overflow: hidden;
}

DIV#Gallery DIV.images DIV.image A.link IMG.flag {
  display: block;
  position: absolute;
  z-index: 3;
  top: 82px;
  left: 61px;
  width: 41px;
  height: 43px;
  overflow: hidden;
}

DIV#Gallery DIV.images DIV.image DIV.title {
  display: block;
  position: absolute;
  z-index: 4;
  top: 140px;
  left: 0;
  width: 119px;
  font-size: 9px;
  text-align: center;
}

DIV#Gallery DIV.images DIV.image DIV.title H5 {
  display: block;
  position: relative;
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 9px;
  text-align: center;
}

DIV#Gallery DIV.images DIV.image DIV.player {
  display: block;
  display: none;
  position: relative;
  width: 119px;
  height: 24px;
  overflow: hidden;
}

DIV#Gallery DIV.images DIV.image DIV.player IMG {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 119px;
  height: 24px;
}

DIV#Gallery DIV.images DIV.image DIV.player DIV.eq {
  display: none;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 14px;
  top: 5px;
  left: 28px;
}

DIV#Gallery DIV.images DIV.image DIV.player DIV.eq IMG {
  width: 20px;
  height: 14px;
}

DIV#Gallery DIV.images DIV.image DIV.player A,
DIV#Gallery DIV.images DIV.image DIV.player A:hover {
  display: block;
  position: absolute;
  z-index: 1;
  top: 5px;
  width: 12px;
  height: 12px;
  border: #333333 solid 1px;
  cursor: pointer;
}

DIV#Gallery DIV.images DIV.image DIV.player A.play {
  left: 54px;
}

DIV#Gallery DIV.images DIV.image DIV.player A.pause {
  left: 67px;
}

DIV#Gallery DIV.images DIV.image DIV.player A.stop {
  left: 80px;
}

/* #Footer *****************************************************************************************/
DIV#Footer {
  display: none;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
}

DIV#Footer DIV.powered {
  display: block;
  position: absolute;
  top: 930px;
  left: 35px;
  width: 400px;
  font-size: 11px;
  text-align: left;
}

DIV#Footer DIV.navi {
  display: block;
  position: absolute;
  top: 930px;
  left: 465px;
  width: 400px;
  color: #453429;
  font-size: 11px;
  text-align: right;
}

DIV#Footer DIV.navi A,
DIV#Footer DIV.powered A {
  margin: 0 5px 0 5px;
  color: #4F1A1C;
  text-decoration: none;
}

DIV#Footer DIV.navi A:hover,
DIV#Footer DIV.powered A:hover {
  color: #4F1A1C;
  text-decoration: underline;
}

DIV#Footer A.mik {
  display: block;
  position: absolute;
  top: 915px;
  left: 1040px;
  height: 50px;
  width: 100px;
}

DIV#Footer A.wm {
  display: block;
  position: absolute;
  top: 915px;
  left: 995px;
  height: 50px;
  width: 30px;
}

/* *************************************************************************************************/
.hidden {
  display: none;
}