/*

  1) obsah
   1.1)  text replacement
   1.2)  buttonek
   1.3)  tabulky
   1.4)  seznamy

  2) fighters + eshop karticky
    2.1) eshop detail
    2.2) eshop forum

  3) sloupec

  4) reklama

  5) strankovani
  
*/

/* 1) obsah
------------------------------------------------------------------------------*/
#content {
  font-size: 1.2em;
}
#content h2 {
  font-size: 2.5em;
  font-style: italic;
  line-height: 1em;
  margin-left: 17px;
}
#content h3, #content h4, #content h5, #content h6 {
  color: #ffc600;
  font-size: 1em;
  font-weight: normal;
}
#content h3 {
  font-size: 1.67em;
  font-weight: normal;
  margin-bottom: 15px;
}
#content h4 {
  font-size: 1.33em;
  margin-bottom: 5px;
}

#content p {
  line-height: 1.33em;
  margin-bottom: 15px;
}

#content img {
  border: 1px #000 solid;
}
#content img.alignRight {
  float: right;
  margin-left: 10px;
}
#content img.alignLeft {
  float: left;
  margin-right: 10px;
}

#content a {
  color: #ffc600;
}
#content a:hover, #content a:active, #content a:focus {
  color: #fff;
}

#content form {
  padding-bottom: 10px;
}
#content form fieldset {
  border: 0;
}
#content form br {
  display: none;
}
#content form label {
  clear: both;
  color: #999;
  display: block;
  float: left;
  font-weight: bold;
  margin: 10px 0 0 0;
  width: 50px;
}
#content form input, #content form select, #content form textarea {
  font-family: arial, sans-serif;
  font-size: 1em;
}
#content form input {
  background: #323234 url(../img/input-bg.gif) no-repeat left top;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  height: 20px;
  margin: 10px 0 0 0;
  padding: 4px 4px 0 4px;
  width: 238px;
}
* html #content form input {
  height: 24px;
  width: 246px;
}
#content form textarea {
  background: #323234 url(../img/textarea-bg.gif) no-repeat left top;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  height: 70px;
  margin: 10px 0 0 0;
  overflow: auto;
  padding: 4px 4px 0 4px;
  width: 498px;
}
* html #content form textarea {
  height: 74px;
  width: 506px;
}
#content form p input {
  background: #1f1f1f url(../img/input-submit-bg.gif) repeat-x left top;
  border: 1px #000 solid;
  clear: both;
  color: #ffc600;
  cursor: pointer;
  display: inline;
  height: auto;
  float: left;
  font-size: 0.92em;
  font-weight: bold;
  margin: 10px 0 0 50px;
  padding: 3px 12px;
  width: auto;
}
* html #content form p input {
  padding: 3px 4px; 
}

/* 1.1) text replacement
------------------------------------------------------------------------------*/
h2.h2Fighters, h2.h2Fighters span {
  height: 32px;
  width: 119px;
}
h2.h2Fighters span {
  background-image: url(../img/replace-fighters.jpg);
}
h2.h2Eshop, h2.h2Eshop span {
  height: 32px;
  width: 101px;
}
h2.h2Eshop span {
  background-image: url(../img/replace-eshop.jpg);
}
h2.h2AnalyzyARozhovory, h2.h2AnalyzyARozhovory span {
  height: 32px;
  width: 282px;
}
h2.h2AnalyzyARozhovory span {
  background-image: url(../img/replace-analyzy.jpg);
}
h2.h2FHeavenOrHell, h2.h2FHeavenOrHell span {
  height: 32px;
  width: 196px;
}
h2.h2FHeavenOrHell span {
  background-image: url(../img/replace-hoh.jpg);
}
h2.h2Kontakt, h2.h2Kontakt span {
  height: 32px;
  width: 112px;
}
h2.h2Kontakt span {
  background-image: url(../img/replace-kontakt.jpg);
}
h2.h2Odkazy, h2.h2Odkazy span {
  height: 32px;
  width: 104px;
}
h2.h2Odkazy span {
  background-image: url(../img/replace-odkazy.jpg);
}
h2.h2Forum, h2.h2Forum span {
  height: 32px;
  width: 96px;
}
h2.h2Forum span {
  background-image: url(../img/replace-forum.jpg);
}
h2.h2OstatniTurnaje, h2.h2OstatniTurnaje span {
  height: 32px;
  width: 208px;
}
h2.h2OstatniTurnaje span {
  background-image: url(../img/replace-ostatni-turnaje.jpg);
}
h3.h3Novinky, h3.h3Novinky span {
  height: 24px;
  width: 86px;
}
h3.h3Novinky span {
  background-image: url(../img/replace-novinky.jpg);
}
h3.h3OCoJde, h3.h3OCoJde span {
  height: 24px;
  width: 92px;
}
h3.h3OCoJde span {
  background-image: url(../img/replace-o-co-jde.jpg);
}
h4.h4Kontakt, h4.h4Kontakt span {
  height: 18px;
  width: 78px;
}
h4.h4Kontakt span {
  background-image: url(../img/replace-h4-kontakt.jpg);
}


/* 1.2) buttonek
------------------------------------------------------------------------------*/
#content .fighters a, #content .articles a, a.btn {
  background: #2c2c2c url(../img/fighters-a.gif) repeat-x left bottom;
  border: 1px #000 solid;
  color: #fcbd00;
  display: block;
  float: left;
  font-size: 0.92em;
  font-weight: bold;
  margin: 16px 0 -16px 0;
  padding: 3px 12px;
  text-decoration: none;
}
#content .articles a {
  margin-top: 8px;
}
a.btn {
  font-size: 1em;
  margin: 10px 0 0 0;
}
#content .fighters a:hover, #content .fighters a:focus, #content .fighters a:active, #content .articles a:hover, #content .articles a:focus, #content .articles a:active, a.btn:hover, a.btn:focus, a.btn:active {
  color: #fff;
}
.article-detail .koupit {
  background: #212122;
  color: #f8b100;
  display: block;
  font-size: 1.5em;
  height: 41px;
  line-height: 41px;
  margin: 26px 0 26px 44px;
  text-align: center;
  width: 148px;
}
.article-detail .koupit span {
  background: url(../img/replace-koupit.jpg) no-repeat left top;
  height: 41px;
  width: 148px;
}

/* 1.3) tabulky
------------------------------------------------------------------------------*/
#content table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 562px;
}
#content table th, #content table td {
  border: 1px #101010 solid;
  padding: 6px 9px 7px;
  text-align: left;
  vertical-align: top;
}
#content table th {
  background: #060606 url(../img/table-th-bg.gif) repeat-x left top;
  color: #ffc600;
  padding-bottom: 8px;
}
#content table th a:hover, #content table th a:active, #content table th a:focus {
  color: #ffc600;
}
#content table tr:hover td {
  background: #252525;
}

#content table.calendar {
  font-weight: bold;
}
#content table.calendar th {
  text-align: center;
}
#content table.calendar td {
  width: 79px;
}
#content table.calendar tr:hover td {
  background: transparent;
}
#content table.calendar th a, #content table.calendar td a, #content table.calendar td strong {
  color: #ffc600;
  text-decoration: none;
}
#content table.calendar td a {
  display: block;
  margin: -6px -9px -7px;
  padding: 6px 9px 7px;
  position: relative;
}
#content table.calendar td a:hover, #content table.calendar td a:active, #content table.calendar td a:focus {
  color: #ffc600;
  background: #252525;
}
#content table.calendar .past {
  color: #555;
}


/* 1.4) seznamy
------------------------------------------------------------------------------*/
#content ul, #content ol {
  margin-bottom: 5px;
  padding: 1px 0 0 1px;
}
#content ul ul, #content ul ol, #content ol ol, #content ol ul {
  margin: 0;
}
#content ul li, #content ol li {
  background: url(../img/li-yellow.gif) no-repeat left 9px;
  padding: 4px 0 1px 14px;
}

/* 2) fighters + eshop karticky
------------------------------------------------------------------------------*/
#content #fighters, #content #articles {
  width: 595px;
}
#content .fighters, #content .articles {
  float: left;
  margin: 0 37px 20px 0;
  min-height: 90px;
  padding-left: 105px;
  position: relative;
  width: 155px;
}
* html #content .fighters, * html #content .articles {
  height: 90px;
  width: 260px;
}
#content .fighters h3, #content .articles h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin-bottom: 1px;
}
#content .articles h3 {
  height: 40px;
}
#content .fighters .fighter, #content .articles .article {
  background: #000 url(../img/fighter-bg.gif) no-repeat left top;
  left: 0;
  height: 90px;
  position: absolute;
  top: 0;
  width: 90px;
}
#content .fighters .fighter img, #content .articles .article img {
  margin: 4px 0 0 4px;
}

/* 2.1) eshop detail
------------------------------------------------------------------------------*/
#content .article-detail div {
  display: inline;
  float: right;
  margin-right: 35px;
  width: 253px;
}
#content .article-detail div h3 {
  margin-bottom: 20px;
}
#content .article-detail div p {
  line-height: 1.5em;
}
#content .article-detail .price strong {
  font-size: 1.17em;
}
#content .article-detail .photos {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 300px;
}
#content .article-detail .photos p {
  margin-bottom: 13px;
}
#content .article-detail .photos a {
  background: #000 url(../img/article-bg.gif) no-repeat left top;
  display: block;
  height: 250px;
  width: 290px;
}
#content .article-detail .photos .thumbs a {
  background: #000 url(../img/fighter-bg.gif) no-repeat left top;
  display: block;
  float: left;
  height: 90px;
  margin-right: 10px;
  width: 90px;
}
#content .article-detail .photos a img {
  margin: 4px 0 0 4px;
}

/* 2.2) eshop forum
------------------------------------------------------------------------------*/
#content #articles .comment {
  background: #1b1b1b url(../img/comment-bottom.jpg) no-repeat left bottom;
  margin-top: 10px;
  width: 560px;
}
#content #articles .commentIn {
  background: url(../img/comment-top.jpg) no-repeat left top;
  padding: 10px 14px 13px;
}
#content #articles .comment p {
  color: #999;
  font-size: 0.92em;
  line-height: 1.45em;
  margin: 7px 0 0 0;
}
#content #articles .comment p.author {
  color: #666;
  font-size: 1em;
  margin: 0;
}
#content #articles .comment p.author strong {
  color: #ffc600;
  padding-right: 5px;
}

/* 3) sloupec
------------------------------------------------------------------------------*/
.promoSmall {
  height: 356px;
  margin-left: -18px;
  position: relative;
  width: 296px;
}
.promoSmall a span {
  background: url(../img/rukavice.png) no-repeat left top;
  bottom: 0;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/rukavice.png', sizingMethod='scale');
  display: block;
  left: 0;
  height: 96px;
  position: absolute;
  width: 223px;
}
* html .promoSmall a span {
  background: transparent;
}
.promoSmall img {
  margin: 15px 0 0 48px;
}

.boxik {
  background: #060606 url(../img/boxik-bottom.jpg) no-repeat left bottom;
  margin: 15px 0 23px;
  width: 278px;
}
.boxikIn {
  background: url(../img/boxik-top.jpg) no-repeat left top;
  padding: 15px 16px 22px;
}
.boxik h4 {
  margin-bottom: 15px;
}
.boxik ul li {
  margin-top: 5px;
}

/* 4) reklama
------------------------------------------------------------------------------*/
.ads468x60 {
  background: #171717 url(../img/ads-468x60.jpg) no-repeat left top;
  clear: both;
  height: 60px;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 10px 46px;
  width: 468px;
}
* html .ads468x60 {
  height: 80px;
  width: 560px;
}
.ads250x250 {
  background: #171717 url(../img/ads-250x250.jpg) no-repeat left top;
  height: 250px;
  margin: 4px 0 13px;
  overflow: hidden;
  padding: 13px;
  width: 250px;
}
* html .ads250x250 {
  height: 276px;
  width: 276px;
}

/* 5) strankovani
------------------------------------------------------------------------------*/
.pager {
	margin-top: 10px;
	font-size: 1.2em; 
}

.pager a {
	margin: 1px;
	padding: 4px;
	width: 8px;
}

.pager a:hover {
	background-color: #181818;
}

.pager span {
	margin: 3px;
}

.pager .bold {
	font-weight: bold;
}