/*

stylesheet for zin
code by SkyKnight
design by Gecik

*/

* {
  
}

html, body, h1, h2, h3, h4 {
	padding:0px;
	margin:0px;
	border:0px;
}

body {
	text-align: center;
	font-size: 9pt;
	font-family: "arial";
	color:#5B5B5B;
}

img, fieldset {
  border:0px;
}

a, a:hover, a:active {
  text-decoration: none;
  outline:none;
}

h1, h2, h3, h4 {
  font-family: "trebuchet", "trebuchet ms";
}

h1 {
  font-weight:normal;
  color:#000;
}

h2 {
  font-size:13px;
  font-family: "arial" !important;
  border-bottom: 1px solid #D9D9D9;
}

h3 {
  font-size:12px;
  font-family: "arial" !important;
  color:#F79822;
}

h4 {
  text-transform: uppercase;
  font-size:10pt;
  font-weight:bold;
  /*color:#fff;*/
}

ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

label {
  float:left;
  width:100px;
}

/* colors */

.white {
  color: #fff;
}

.silver {
  color:#8C8B8B;
}

.orange {
  color:#F79822;
}

/*

other stuff

*/

.clear {
  clear:both;
}

.strong {
  font-weight:bold;
}

#top .header, #navibar ul, .ads-gradient .ads, .content, #bottom .footer {
  margin:0pt auto;
  width:1000px;
}


#wrap {
	width: 100%;
	padding:0px;
	text-align:left;
}

#top {
  width:100%;
  background: #000;
  height:86px;
}

#top .header {
  padding-top:20px;
  background: #000;
  position:relative;
}

#top .header a.logo {
  display:block;
  width:284px;
  height:54px;
  background: #000 url('../gfx/logo.jpg') no-repeat;
  margin-left:20px;
  text-indent:-9999px;
}

#top .header .sheet {
  height: 70px;
  width: 201px;
  background: #000 url('../gfx/sheet.jpg') no-repeat;
  position:absolute;
  right:10px;
  top:4px;
  color:#fff;
  padding:10px;
}

#top .header .sheet span.white {
  display:block;
  margin-bottom:5px;
  font-weight: bold;
}

#top .header .sheet span.silver {
  display:block;
  margin-top:5px;
}

#navibar {
  width:100%;
  height:23px;
  padding:0px;
  background: url('../gfx/orange-gradient.jpg') repeat-x;
}

#navibar ul {
  height:23px;
}

#navibar ul li {
  float:left;
  display:block;
  height:20px;
  padding: 3px 15px 0px 15px;
  background: url('../gfx/orange-gradient-separator.jpg') no-repeat scroll right top;
}

#navibar ul li a {
  color: #000;
}

#navibar ul li a:hover {
  color: #B05505;
}

.ads-gradient {
  width:100%;
  background: url('../gfx/gradient-banner.jpg') repeat-x;
}

.ads-gradient .ads {
  width:980px !important;
  height:100px;
  padding:10px;
}

.ads-gradient .ads .banner {
  height:100px;
  width:750px;
  float:left;
  /*background: #444;*/
}

.ads-gradient .ads .small {
  height:100px;
  width:220px;
  float:right;
  /*background: #444;*/
}

.content-gradient {
  width:100%;
  background: url('../gfx/gradient-content.jpg') repeat-x;
  padding-top:15px;
  padding-bottom:35px;
}

.content .first {
  float:left;
  width:171px;
  margin-left:10px;
}

.content .first div.menuBlock {
  margin-bottom:10px;
}

.content .first div.menuTitle {
  display:block;
  height:28px;
  width:171px;
  background: url('../gfx/menu-top.jpg') no-repeat;
  border-bottom: 2px solid #F79822;
  color: #fff;
}

.content .first div.menuTitle h4 {
  width:115px;
  float:left;
  padding:3px 0px 0px 20px;
  margin:2px 0px 0px 6px;
}

.content .first div.menuTitle h4.redakcyjne {
  background: url('../gfx/icon-redakcyjne.jpg') no-repeat scroll left center;
}

.content .first div.menuTitle h4.temat-numeru {
  background: url('../gfx/icon-tematnumeru.jpg') no-repeat scroll left center;
}

.content .first div.menuTitle h4.zapowiedzi {
  background: url('../gfx/icon-zapowiedzi.jpg') no-repeat scroll left center;
}

.content .first div.menuTitle h4.juz-grane {
  background: url('../gfx/icon-recenzje.jpg') no-repeat scroll left center;
}

.content .first div.menuTitle h4.recenzje {
  background: url('../gfx/icon-recenzje.jpg') no-repeat scroll left center;
}

.content .first div.menuTitle h4.publicystyka {
  background: url('../gfx/icon-publicystyka.jpg') no-repeat scroll left center;
}

.content .first div.menuTitle h4.sprzet {
  background: url('../gfx/icon-sprzet.jpg') no-repeat scroll left center;
}

.content .first div.menuTitle h4.ksiazki {
  background: url('../gfx/icon-ksiazki.png') no-repeat scroll left center;
}

.content .first div.menuTitle h4.film {
  background: url('../gfx/icon-film.png') no-repeat scroll left center;
}

.content .first div.menuTitle a {
  display:block;
  height:28px;
  width:20px;
  float:right;
  text-indent: -9999px;
  margin-right:2px;
}

.content .first div.menuTitle a.arrowUp {
  background: url('../gfx/arrow-up.jpg') no-repeat scroll center center;
}

.content .first div.menuTitle a.arrowDown {
  background: url('../gfx/arrow-down.jpg') no-repeat scroll center center;
}

.content .first ul {
  margin:0px;
  padding:0px;
  width:169px;
  list-style-type:none;
  font-size:10pt;
  border: 1px solid  #D9DADA;
  border-top:none;
}

.content .first ul li {
  padding:0px;
  min-height:28px;
  background: #FBFBFB url('../gfx/menu-separator.jpg') no-repeat scroll left bottom;
}

.content .first ul li a {
  color: #5F5F5F;
  display:block;
  min-height:18px;
  padding:5px 13px;
  background: url('../gfx/menu-gradient.jpg') repeat-x;
}

.content .second, .content .secondBig {
  float:left;
  margin-left:13px;
}

.content .second {
  width:566px;
}

.content .secondBig {
  width:796px;
}

.content .infoBar {
  height:28px;
  width:100%;
  background: url('../gfx/gradient-infobar.jpg') no-repeat;
  color:#fff;
  border-bottom: 2px solid #F79822;
}

.content .secondBig .infoBar {
  background: url('../gfx/gradient-infobar-big.jpg') no-repeat !important;
}

.content .infoBar h4 {
  float:left;
  padding:5px 0px 0px 15px;
}

.content .infoBar span {
  float:right;
  padding:5px 15px 0px 0px;
  font-family:"trebuchet","trebuchet ms";
}

.content .onlyTitle {
  border: 1px solid #D9DADA;
  background: #FBFBFB url('../gfx/menu-gradient.jpg') repeat-x;
}

.content .onlyTitle h1 {
  padding:10px 0px 10px 10px;
  float:left;
  width:85%;
}

.content .infoTable {
  border: 1px solid #D9DADA;
  border-top:none !important;
  width:100%;
  border-collapse: collapse;
  background: #FBFBFB;
}

.content .infoTable td {
  border: 1px solid #D9DADA;
  border-top:none !important;
  background: url('../gfx/menu-gradient.jpg') repeat-x;
}

.content a#textSwitcher {
  text-indent:-9999px;
  display:block;
  height:24px;
  width:24px;
  float:right;
  margin:10px 5px 0px 0px;
}

.content a.toColumn {
  background: url('../gfx/icon-column.jpg') no-repeat;
}

.content a.toNormal {
  background: url('../gfx/icon-normal.jpg') no-repeat;
}

.content .infoTable td.image {
  width:120px !important;
  text-align:center;
  vertical-align:middle;
}

.content .infoTable td.image img {
  width:71px;
 /* height:120px;
	max-width:120px;
  max-height:120px;*/
}

.content .infoTable td.list {
  width:39%;
}

.content .infoTable h1 {
  padding:10px 0px 10px 10px;
  float:left;
  width:85%;
  display:block;
}

.content .infoTable ul {
  color:#5B5B5B;
  margin:6px 0px 6px 10px;
  padding:0px;
}

.content .infoTable ul li span {
  color: #A9A8A8;
  font-weight:bold;
}

.content .infoTable ul li a {
  color:#5B5B5B;
}

.content p.lead {
  font-weight:bold;
  border: 1px solid #D9DADA;
  border-bottom: 2px solid #F79822;
  margin:10px 0px;
  padding:10px;
  color:#5B5B5B;
  background: #FBFBFB url('../gfx/gradient-text.jpg') repeat-x;
  text-align: justify;
}

.content .text {
  padding:0px 10px;
  text-align: justify;
  color:#5B5B5B;
  background: #FBFBFB url('../gfx/gradient-text.jpg') repeat-x;
	border: 1px solid #D9DADA;
}
.content .second .text .left, .content .secondBig .text .left {
  float:left;
}

.content .second .text .right, .content .secondBig .text .right {
  float:right;
}

.content .second .text .left, .content .second .text .right {
  width:265px;
}

.content .secondBig .text .left, .content .secondBig .text .right {
  width:380px;
}
.content .second .text p {
  margin-top:10px;
}

.content .text div.image a img {
  max-width:265px;
}

.content .text div.image {
  text-align:center !important;
}

.content .text div.image p {
  font-weight:bold;
  border: 1px solid #D9DADA;
  /*border-bottom: 2px solid #F79822;*/
	padding:7px;
  margin-top:6px;
  color:#A9A8A8;
  background: #FBFBFB url('../gfx/gradient-text.jpg') repeat-x;
  text-align: left;
}

.content .tagline {
  font-weight:bold;
  border: 1px solid #D9DADA;
  border-bottom: 2px solid #F79822;
	padding:10px;
  margin:10px 0px 0px 0px;
  color:#A9A8A8;
  background: #FBFBFB url('../gfx/gradient-text.jpg') repeat-x;
  text-align: justify;
}

.content .comment {
  height:27px;
  margin-top:0px;
  background: url('../gfx/comment-theme.jpg') no-repeat;
}

.content .secondBig .comment {
  background: url('../gfx/comment-theme-big.jpg') no-repeat !important;
}

.content .comment a {
  color: #fff;
  margin-right:10px;
  display:block;
  height:21px;
  padding:6px 0px 0px 18px;
  text-transform:uppercase;
  font-weight:bold;
  background: url('../gfx/icon-comment.jpg') no-repeat scroll left center;
  float:right;
}

.content .third {
  float:right;
  width:219px;
  margin-right:10px;
}

.content .third .rightBlock {
  margin-bottom:10px;
  position:relative;
}

.content .third .blockTitle {
  height:23px;
	padding:5px 0px 0px 15px;
	background: url('../gfx/block-top.jpg') no-repeat;
	border-bottom: 2px solid #F79822;
}

.content .third .blockTitle h4 {
  color:#fff;
}

.content .third ul {
  background: #FBFBFB;
}

.content .third ul.infoBlock {
  width:217px;
  border-left: 1px solid #D9DADA;
  border-right: 1px solid #D9DADA;
}

.content .third ul.infoBlock li {
  padding:7px;
  border-bottom: 1px solid #EFEFEF;
  background: url('../gfx/menu-gradient.jpg') repeat-x;
}

.content .third ul.infoBlock li span {
  color:#A9A8A8;
  font-weight:bold;
}

.content .third ul.rating {
  width:217px;
  height:35px;
  border: 1px solid #D9DADA;
  border-top:none;
  background: #FBFBFB url('../gfx/menu-gradient.jpg') repeat-x;
}

.content .third ul.rating li {
  float:left;
  height:25px;
  padding:10px 5px 0px 5px;
}

.content .third ul.rating li.mid {
  border-left:  1px solid #EFEFEF;
  border-right:  1px solid #EFEFEF;
}

.content .third ul.rating li span {
  font-weight:bold;
}

.content .third div.finalGrade {
  width:207px;
  height:80px;
  border:1px solid #D9DADA;
  border-top:none;
  border-bottom: 2px solid #F79822;
  text-align:center;
  padding:5px;
  font-size:70pt;
  font-weight:bold;
  line-height: 60pt;
  color:#F79822;
  background: #FBFBFB url('../gfx/menu-gradient.jpg') repeat-x;
  font-family:"trebuchet ms";
}

.content .third div.lipa, .content .third div.miod {
  position:absolute;
  /*left:10px;*/
  height:86px;
  width:60px;
}

.content .third div.lipa {
  background: url('../gfx/lipa.jpg') no-repeat;
}

.content .third div.miod {
  background: url('../gfx/miod.jpg') no-repeat;
}

.content .third div.imho {
  border:1px solid #D9DADA;
  border-top:none;
  background: #FBFBFB url('../gfx/menu-gradient.jpg') repeat-x;
  width:217px;
}

.content .third div.imho p {
  margin:0px;
  padding:5px;
  text-align:justify;
}

.content .third div.imho span.author {
  display:block;
  height:21px;
  background: url('../gfx/menu-gradient.jpg') repeat-x;
  text-align:right;
  padding:9px 5px 0px 0px;
  color:#A9A8A8;
  font-weight:bold;
}

.content .third p.frame {
  padding:5px;
  margin:0px;
  margin-bottom: 10px;
  border:1px solid #D9DADA;
  background: #FBFBFB url('../gfx/menu-gradient.jpg') repeat-x;
  width:207px;
  text-align:justify;
}

.content .third .recommend li {
  border: solid 1px #D9DADA;
  border-top:none !important;
  padding:10px;
  background: #FBFBFB url(../gfx/menu-gradient.jpg) repeat-x;
}

.content .third .recommend a.image, .content .third .recommend h3 {
  display:block;
  width:100%;
  text-align:center;
}

.content .third .recommend h3 {
  text-align:left !important;
  margin-top:4px;
}

.content .third .recommend a.image img {
  width:195px;
}

.content .third .recommend a.title {
  color:#F79822;
}

.content .third .recommend a.dscr {
  margin-top:2px;
  color:#5B5B5B;
  text-align:justify;
  display:block;
}

.content .third .recommend a.dscr span {
  font-weight:bold;
}

#bottom {
  height:50px;
  border-top: 2px solid #F79822;
  width:100%;
  background:#000;
  padding-top:20px;
}

#bottom .footer {
  position:relative;
}

#bottom .footer a.logoMini {
  display:block;
  float:left;
  height:27px;
  width:178px;
  background: url('../gfx/logo-mini.jpg') no-repeat;
  text-indent: -9999px;
  margin-left:20px;
}

#bottom .footer p {
  float:right;
  color:#fff;
  margin-top:8px;
}

#bottom .footer p a {
  color:#fff;
}

#bottom .footer p span {
  margin:0px 3px;
  color:#F79822;
}

#bottom .footer .topLink {
  display:block;
  height:17px;
  width:22px;
  background: url('../gfx/arrow-top.jpg') no-repeat;
  text-indent: -9999px;
  position:absolute;
  right:20px;
  top:-28px;
}

.adsBlockContent {
  border:1px solid #D9DADA;
  border-top:none;
  width:217px;
  text-align:center;
}

.adsBlockContent iframe {
  width: 120px;
  height: 240px;
  overflow:hidden;
  /*margin: 0 auto;*/
}

.window {
  position:absolute;
  left:300px;
  top:300px;
	background:#FBFBFB url(../gfx/gradient-text.jpg) repeat-x;
	border:2px solid #D9DADA;
	color:#5B5B5B;
	padding:10px;
	opacity:0.9;
	text-align:left;

}
.window input {
  /*float:right;*/
}
#comment {
  height:200px;
  width:550px;
}

#loginbox {
  height:80px;
  width:270px;
}

#msgbox {
  height:90px;
  width:200px;
  text-align:center;
}

#msgbox span {
  margin: 0 5px 0 5px;
  font-weight:bold;
}