/* -*- mode: css; coding: utf-8; -*- */

/**************************************************
 * Czcionki
 **************************************************/

body {
  font-family: verdana, geneva, sans-serif;  
  font-size: small;
}

.cmdquote, .cmdquotewrap {
  font-family: monospace;
}

/* #top, h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
} */

/************************************************************
 * Czcionki (rozmiary)
 ************************************************************/

#top {
  font-size: 140%;
}
#subtop {
  font-size: 90%;  
}
#footer {
  font-size: 90%;
}

/************************************************************
 * Jello Mold Layout. Thx
 ************************************************************/

body { 
  padding: 0 320px 0 320px;
  margin: 0;
  text-align: center;
}
#sizer {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
  max-width: 280px; /* Wersja dla IE: koniec </head> */
}
#expander {
  margin: 2px -320px 2px -320px;
  min-width: 640px; /* Critical Safari fix! */
  position: relative;
}
/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */
#container { 
  text-align: left;
  width: 100%;  /* helps IE get the child percentages right. */
  margin: 0;
} 

/* http://positioniseverything.net/easyclearing */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

/************************************************************
 * Layout - kolumny. Wspólne fragmenty
 ************************************************************/

#tssall, #ttsall, #ftsall, #tsall, #ttxt { 
  float: left;
  clear: both;
  position: relative;		/* This fixes the IE7 overflow hidden bug */
  width: 100%;				/* width of whole page */
  overflow: hidden;			/* This chops off any overhanging divs */

}

/************************************************************
 * Layout - kolumny. Wariant t-s-s
 ************************************************************/

#tsstxtmsid {
  float: left;
  width: 100%;	      /* width of page */
  position: relative;
  right: 21%;	      /* width of the right column */
}
#tsstxt {
  float: left; 
  width: 100%;	      /* width of page */
  position: relative;
  right: 21%;	      /* width of the middle column  */
}

#tsstxt #middle {
  float: left;
  position: relative;
  padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			  only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;

  width: 58%;				/* width of center column content (column width minus padding on either side) */
  left: 42%;				/* 100% plus left padding of center column */ 
}
#tsstxt #leftcol { /* col2 */
  float:left;
  position:relative;
  padding: 0;
  margin: 0 0 1em 0;
  overflow:hidden;
  width:20%;				/* Width of left column content (column width minus padding on either side) */
  left: 43%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
  
}
#tsstxt #rightcol { /* col3 */
  float: left;
  position: relative;
  padding: 0;
  margin: 0 0 1em 0;
  overflow:hidden;

 width:20%;				/* Width of right column content (column width minus padding on either side) */
 left: 44%;				/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
  
}

/************************************************************
 * Layout - kolumny. Wariant t-t-s
 ************************************************************/

#ttstxttxt {
  float: left;
  width: 100%;	      /* width of page */
  position: relative;
  right: 21%;	      /* width of the right column */
}
#ttstxt {
  float: left; 
  width: 100%;	      /* width of page */
  position: relative;
  right: 40%;	      /* width of the middle column  */
}

#ttstxt #middle {
  float: left;
  position: relative;
  padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			  only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;

  width: 39%;				/* width of center column content (column width minus padding on either side) */
  left: 61%;				/* 100% plus left padding of center column */ 
}

#ttstxt #middle_bis {
  float: left;
  position: relative;
  padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			  only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;

  width: 39%;				/* width of center column content (column width minus padding on either side) */
  left: 62%;				/* 100% plus left padding of center column */ 
}

#ttstxt #leftcol { /* col2 */
  float:left;
  position:relative;
  padding: 0;
  margin: 0 0 1em 0;
  overflow:hidden;
  width:20%;				/* Width of left column content (column width minus padding on either side) */
  left: 63%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
  
}

/************************************************************
 * Layout - kolumny. Wariant t-s
 ************************************************************/

#tstxt {
  float: left;
  width: 100%;	      /* width of page */
  position: relative;
  right: 21%;	      /* width of the right column */
}

#tstxt #middle {
  float: left;
  position: relative;
  padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			  only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;

  width: 79%;				/* width of center column content (column width minus padding on either side) */
  left: 21%;				/* 100% plus left padding of center column */ 
}

#tstxt #leftcol { /* col2 */
  float:left;
  position:relative;
  padding: 0;
  margin: 0 0 1em 0;
  overflow:hidden;
  width:20%;				/* Width of left column content (column width minus padding on either side) */
  left: 22%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
  
}

/************************************************************
 * Layout - header i footer
 ************************************************************/

#top, #subtop {
  padding: 0.5em 0;
  margin: 0;
  width: 100%;
}

#top a {
  margin-left: 0.5em;
}

ul#page_path {
  display: inline;
}
#page_path li {
  /* float: right; */
  display: inline;
  padding-right: 5px;
}
#page_path li:before {
  content: "\0020 \0020 \0020 \00BB \0020";
}
#page_path li.first:before {
  content: " ";
}

#footer {
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
}

#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 2px 0 2px 0;
}
#footer ul li {
  display: block;
  margin: 2px 5px 2px 5px;
}
#footer ul li.rfoot {
  float: right;
  clear: right;
}

/************************************************************
 * Layout - bloki w ramach strony
 ************************************************************/

#maintext {
  margin: 0 1em;
}

.leftnav, .rightnav {
  margin: 0 0.5em;
}

h1, #leftcol h2, #rightcol h2 {
  margin: 0.5em 0;
}

.leftad, .rightad {
  margin: 0.5em;
  text-align: center;
}

.leftnav ul {
  margin-left: 0;
}
.leftnav ul li { 
  list-style-type: none;
}

.mainimg {
  margin: 1em auto;
  text-align: center;
}

/************************************************************
 * Kolorystyka
 ************************************************************/

html, body {
  color: black;
  background: #444444;
}

#container {
  background: #AFA283;  
}

#top, #footer, #top a, #footer a {
  color: #eed6af;
  background: #0e0e0c;
}

#top a:hover, #footer a:hover {
  text-decoration: underline;
}

#tssall, #ttstxttxt {
  background: #ADAAA2; /*#AFA283;*/			/* right column background colour */
}

#tsstxtmsid, #ttsall {
  background: #AFA283;  /* center column background colour  */
}

#tsstxt, #ttstxt, #tstxt, #ttxt {
  background: #F9F6DB; /* left column background colour */
}

/** watchbot - whispery **/
span.whtsay {
    background-color: #DEDCC4;
}
span.blksay {
    background-color: #BAB8A4;
}

/************************************************************
 * Linki - typowe i nietypowe
 ************************************************************/

a:hover, a:active {
  background-color: #DDDDDD;
}

#top a, #subtop a, #footer a {
  text-decoration: none;
}

/************************************************************
 * Specjalne - linki socjalizujące
 ************************************************************/

/*blok listy*/
.sociallinks{
   height:1.5em;/*wysokosc bloku z linkami*/
   float: right;
   margin-top: 0.2em;
}
/*lista*/
.sociallinks ul{
   display:inline;  
   margin: 0;
}
.sociallinks ul li {
   padding:0;
   height:16px;
   list-style:none;
}

/*formatowanie tytulu*/
.sociallinks span{
   font-weight:bold;
}

/*pojedynczy element listy*/
.sociallinks li, .sociallinks span{
   float:left;
   margin-right: 8px;
}
/*odnosnik do serwisu*/
.sociallinks a{
   display: block;
   width: 16px;
   height: 16px;
   background-image: url(/social/socialicons.gif);/*adres pliku z ikonami*/
   background-repeat:no-repeat;
   text-indent: -9999px;
   /*przezroczystosc*/
   opacity: 0.6;
   -moz-opacity: 0.6;
   -khtml-opacity: 0.6;
   filter:alpha(opacity=60);
}
/*ikona po wskazaniu mysza*/
.sociallinks a:hover{
	opacity:1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
}

/************************************************************
 * Specjalne - wklejki z feedburnera
 ************************************************************/

div.feedburnerFeedBlock ul {
 margin-left: 0;
 padding-left: 0;
 list-style-type: none
}
div.feedburnerFeedBlock ul li {
 list-style-type: none;
}
div.feedburnerFeedBlock {
/*border:2px solid #ddd;
  background-color:#ffe;
  padding:12px; */
 font-size:90%;
 margin-bottom: 1em;
}
/*div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
} */
div.feedburnerFeedBlock ul li div {
 margin-left: 16px;
 margin-bottom: 4px;
}

/************************************************************
 * Specjalne - opisowe listy linków
 ************************************************************/

.describedlinks dl {
  margin-left: 0;
}

.describedlinks dt { 
  /* text-indent: 5px; */
  margin-left: 0.5em;
}
.describedlinks dd { 
  margin-left: 1em;
  margin-bottom: 0.5em;
}

/************************************************************
 * Specjalne - ikonki zmiany
 ************************************************************/

.info_changed { 
  color: #0B5B0C;
  font-weight: bold;
  font-style: italic;
  font-size: 90%;
  padding-left: 12px;
}
.info_new {
  color: #8E3813;
  font-weight: bold;
  font-style: italic;
  font-size: 90%;
  padding-left: 12px;
}

/************************************************************
 * Specjalne - gadżety sidebarowe
 ************************************************************/

.dateannot { 
  font-style: italic;
  text-align: right;
  margin: 0;
  padding: 0px 2px 0px 2px;
}
.extralink { 
  text-align: right;
  display: block;
  margin-right: 5px;
}
.quote {
  font-style: italic;
  font-size: 90%;
}

.floatright {
  float: right; 
  margin: 0 0 0 0.2em;
  padding: 2px;
}

.newsbar h2 {
  font-size: 115%;
}

.newsbar h3 {
  font-size: 100%;
}

.sidebar_toc, .newsbar, .quote, .sidebar_small_ad, .sidebar_box {
  margin-bottom: 1em;
}

/************************************************************
 * Specjalne - szachownica
 ************************************************************/
.chessboard th, .chessboard td,
.centeredchessboard th, .centeredchessboard td {
  border: none;
  padding: 0;
}
.chessboard {
  border-style: none;
  border-spacing: 0px;
  border-collapse: collapse;
}
.centeredchessboard {
  border-style: none;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}
.chessboardcomment {
  font-style: italic;
}
.centeredchessboardcomment {
  text-align: center;
  font-style: italic;
  margin-left: 15%;
  margin-right: 15%;
}

/************************************************************
 * Specjalne - szachownica w watchbocie (to co dało się wyjąć)
 ************************************************************/

#gametext a {
  color:#000000;
  text-decoration: none;
}
#gametext a:hover {
  color:#FFFFFF; 
  background-color:#808080;
}
#gameboard table {
  padding: 0;
  margin: 0;
}
#gameboard td, #gameboard th {
  text-align:left;
  vertical-align:top;
  font-size:10pt;
  border: 0;
  padding: 0;
}
#gameboard img {
  position:relative;
}
#gameboard input {
  background-color:#d1cdb8; 
  color:black;
}

input.datefld {
  width: 6em;
}

input.ratingfld {
  width: 5em;
}

.withdatfld {
  min-width: 12em;
}

#game_content {
  margin-left: 5px;
  max-width: 800px;
}

#board_content > #gameboard {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 100%;
  max-width: 280px;
  position: fixed;
  top: 6em;
}
#board_content > #gameboardexpander {
  margin: 2px -320px 2px -320px;
  min-width: 640px; /* Critical Safari fix! */
  position: relative;
}

#game_content h1 {
  font-size: 120%;
}
#rotate {
  float: right;
}
#voting_stars {
  align: center;
  display: block;
  margin: 0.5em;
}
#aboveboardlinks td {
  padding-bottom: 0.5em;
}
#aboveboardlinks a, #aboveboardlinks a:visited {
  /*background-color:#d1cdb8; 
  color:black;*/
  color: #444444;
  text-decoration: none;
}
#aboveboardlinks a:hover {
  color:#FFFFFF; 
  background-color:#808080;
}

#comments h2 {
  font-size: 110%;
  margin: 5px 0 2px 0;
  padding: 0;
}
#comments h3 {
  font-size: 100%;
  margin: 2px 0 2px 0;
  padding: 0;
}

#comments textarea {
  width: 90%;
}

/************************************************************
 * Specjalne - reklamy
 ************************************************************/

.googlerect {
  float: left;
  margin: 0.5em 0.5em 0.5em 0;
  /* margin: 3px 0 3px 3px;*/
}

#under_text_ad { 
  padding: 10px 0px 10px 0px;
}

/************************************************************
 * Specjalne - obsługa prev/next
 ************************************************************/

#prevnextnav ul { 
  margin: 0;
  padding: 0;
  list-style-type: none; 
  text-align: center;
}
#prevnextnav ul li { 
  display: inline;
  list-style-type: none; 
}
#prevnextnav ul li a, #prevnextnav ul li .empty { 
  padding: .2em 1em;
  margin: 2em;             
  /*text-decoration: underline;  none */
  /* color: #fff;
  background-color: #036; */
}
#prevnextnav ul li a:hover { 
  /* color: #fff;
     background-color: #369; */
  /* text-decoration: underline;  */
}

ul.subindex { 
  list-style-type: none;
  padding: 0px;
  margin: 2px;
}
.subindex li.back { 
  display: block;
  float: left;
  margin-left: 0px;
  margin-right: 3px;                  
}
.subindex li.forth { 
  display: block;
  text-align: right;
  margin-left: 3px;                  
  margin-right: 0px;
}
.subindex li.up { 
  display: block;
  text-align: center;
  margin-top: 3px;
}

/************************************************************
 * Specjalne - mikroformaty
 ************************************************************/

.comment {
  font-style: italic;
  font-size: 90%;
}
.floatcomment {
  float: right;
  margin: 3px;
  padding: 3px;
  width: 45%;
  background-color: #AAA;
  border: solid 1px;
}
.error-message {
  font-style: italic;
  color: red;      
}
.digress { 
  font-style: italic;
}
.cmdquote {
  /* margin-left: 1em; */
  white-space: pre; /* nowrap */
}
.cmdquotewrap {
  /* margin-left: 1em; */
  white-space: pre-wrap;
}
.longquote {
  margin-left: 1em;
  font-size: 90%;
}

/************************************************************
 * Specjalne - wewn. spis treści
 ************************************************************/

.contents {
  clear: left; /* rekl. */
}

.contents ul li { 
  list-style-type: circle;
  list-style-image: url('/mk/img/down.gif');
}            

.contents ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

/************************************************************
 * Specjalne - sidebarowe linki
 ************************************************************/

.sidebar_toc ul {
  margin: 0;
}

.sidebar_toc ul li {
  list-style-type: none;
  margin: 0.5em 0;
  padding: 0;
}

/************************************************************
 * Search
 ************************************************************/

#search_box {
  float: right;
  margin: 0px 3px;
}
#top input {
  font-size: 80%;
}