/*******************************************************************

author: Jaroslaw Kacprzak

email: jarek@f-lab.pl

website: f-lab.pl

*******************************************************************/

body {

	background: #000;

	color: #888;

	font: normal 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	text-align: center;

}

a {

	color: #7f0d0a;

	text-decoration: none;

	/*border-bottom: 1px solid #7f0d0a;*/

}

a:visited {

	color: #884947;

}

a:hover {

	color: #b6b5b3;

	text-decoration: none;

	border: none;

}



#onaforum a {

	color: #b6b5b3;

	text-decoration: none;

	border: none;

}

#onaforum a:hover {

	color: #7f0d0a;

	text-decoration: none;

}



h1 {

	font-size: 218%;

	margin: 0 0 30px 0;

}

h2 {

	font-size: 164%;

}

h3 {

	font-size: 145%;

	font-weight: bold;

}

h4 {

	font-size: 100%;

	font-weight: bold;

}

input, select {

	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0; 

}

#container {

	margin: 0 auto;

	text-align: left;

	width: 900px;

}

/***************************  #header  ***********************************/

#header {

	text-align: center;

	height: 164px;

	background: url(../img/header_bg4.jpg) 0 0 no-repeat;

}

#logo {

	text-align: center;

	margin: 0;

}

/***************************  #left  *************************************/

#left {

	clear: left;

	float: left;

	width: 150px;

	margin-top: 10px;

}

#menu {

	list-style: none;

	margin: 0 0 20px;

	padding: 0 0 0 50px;

	height: 34px;

}

#menu li {

	float: left;

	height: 34px;

	margin: 0;

	padding: 0;

}

#menu a {

	height: 34px;

	width: 100px;

	float: left;

}

#menu a:hover {

	border: none;

}

#menu #glowna {

	background: url(../img/glowna.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	width: 157px;

}

#menu #recenzje {

	background: url(../img/recenzje.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	width: 108px;

}

#menu #sylwetki {

	background: url(../img/sylwetki.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	width: 101px;

}

#menu #teksty {

	background: url(../img/teksty.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	width: 83px;

}

#menu #ksiazki {

	background: url(../img/ksiazki.jpg) 0 0 no-repeat;

	text-indent: -999px;

	width: 96px;

}

#menu #forum {

	background: url(../img/forum.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	width: 82px;

}

#menu #autorzy {

	background: url(../img/autorzy.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	width: 99px;

}

#menu #linki {

	background: transparent url(../img/linki.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	width: 70px;

}

#menu h2 {

	margin: 0;

	padding: 0;

	height: 30px;

}

/*************************** #main  **************************************/

#main {

	float: left;

	width: 550px;

	margin-left: 30px;

	margin-top: 10px;

}

#main_first {

	float: left;

	width: 550px;

	margin-left: 15px;

	margin-top: 10px;

}

/**************************************************************************  

                              GŁÓWNA  

***************************************************************************/

.aktualki {

	clear: both;

	width: 520px;

	padding-bottom: 10px;

}

.aktualki .text_news {

	text-align: justify;

}

.aktualki .text_news img {

	float: left;

	padding: 0 10px 10px 0;

}

.aktualki .text_mini {

	width: 510px;

	text-align:justify;

}

#clearleft {

	clear: both;

}

.aktualki p {

	display: inline;

}

.aktualki .akt-autor {

	float: left;

}

.akt-autor_span {

	font-weight: bold;

}

.aktualki .wiecej {

	text-align: right;

	float: right;

	padding-right: 0;

}

.aktualki h4 {

	font-size: 1.2em;

	font-weight: bold;

	background: #000 url(../img/h4_bg.jpg) 0 0 no-repeat;

	width: 510px;

	height: 26px;

	padding: 3px;

	margin: 5px 0 0 0;

} 

#aktualnosci ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#aktualnosci h3 {

	background: url(../img/aktualizacje.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 41px;

	margin: -2px 0 0;

	padding: 0;

}

#aktualnosci a {

	display: block;

	width: 510px;

	padding: 2px 0 1px 5px;

	color: #ccc;

	border: none;

	text-decoration: none;

}

#aktualnosci a:hover {

	border: none;

	background: #2d2b2a;

	padding: 2px 0 1px 5px;

}



.aktual-autor {

	color: #aaa;

}

#newsy {

	margin-top: 20px;

}

#newsy h3 {

	background: url(../img/newsy.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 36px;

	margin: 0;

	padding: 0;

}



#newsletter {

	

}

#newsletter h3 {

	background: url(../img/newsletter.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 38px;

	margin: 0;

	padding: 0;

}

#newsletter input {

	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0; 

}

#newslet-wstep {

	font-size: 10px;

	margin: 10px 0 5px 0;

	padding: 0;

}

#newslet-button {

	background: url(../img/brushLine.gif) 10% 100% no-repeat;

	padding: 0 10px 20px 0;

	margin: 0;

	text-align: right;

}

#newslet_br {

	

}

.activate {

	padding: 0;

	margin: -5px 0 0;

}

html>body .activate {padding-left: 3px;}

#newslet_wyslij {

	margin: 10px 0 0 -15px;

	padding: 10px 0 0;

}

#newsletter .error {

	font-size: 10px;

}



#naforum h3 {

	background: url(../img/ostatnionaforum.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 74px;

	margin: 0;

	margin: 0 0 10px;

}



/***************************  archiwum  **********************************/

#news_naglowek h2 {

	background: url(../img/newsy.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 36px;

	margin-left: -10px;

	padding: 0;

}

#archiwum_news .aktualki {

	clear: both;

	width: 850px;

	padding-bottom: 10px;

}

#archiwum_news .aktualki h4 {

	font-size: 1.2em;

	font-weight: bold;

	background: #000 url(../img/arch_bg.jpg) 0 0 no-repeat;

	width: 850px;

	height: 26px;

	padding: 3px 0;

	margin: 5px 0 0 0;

}

#main .archiwum {

	clear: both;

	margin: 0;

	padding: 1em 0 0;

	text-indent: 0;

} 

/**************************************************************************

										SEKCJE

/*************************************************************************/

#main-sec {

	float: left;

	width: 850px;

	margin-left: 20px;

	margin-bottom: 20px;

}

#spis_rec h2 {

	background: url(../img/recenzje.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 34px;

	margin-left: -10px;

	padding: 0;

}

#rec_naglowek h3 {

	background: url(../img/rec_horror.gif) 0 0 no-repeat;

	text-indent: -1999px;

	height: 21px;

	margin: 0 0 20px;

	padding: 0;

}

#horror {

	width: 710px;

}

#main-sec #horror h5 {

	padding-bottom: 10px;

}

.okladka_rec {

	float: left;

	margin: 0 0 20px 10px;

	padding: 2px;

	border: 1px solid #ccc;

}

#info_rec {

	width: 550px;

	float: right;

	margin-left: 0;

}

#info_rec h3 {

	margin: 0 0 10px 0;

}

.sekcja_rec {

	clear: both;

	width: 470px;

	padding: 0;

	margin: 0;

}

.sekcja_rec h4 {

	float: left;

	width: 130px;

	margin: 0;

	padding: 0;

}

.head_sylw h4 {

	width: 80px;

}

.sekcja_rec p {

	float: right;

	width: 340px;

	margin: 0;

	padding: 0;

}

.head_sylw p {

	width: 390px;

}

#tekst_rec {

	width: 850px;

	text-align: justify;

	margin-top: 0;

	padding-top: 30px;

	clear: both;

}

#tekst_rec p { 

	line-height: 1.5; 

	margin-bottom: 0;

	text-indent: 1em;

	margin-top: 0;

}

html>body #tekst_rec p + p {text-indent: 1em; margin-top: 0;}

#tekst_rec img {

	float: right;

	margin: 10px 0 10px 20px;

	padding: 2px;

	border: 1px solid #ccc;

	clear: right;

}

.img_clear {

	clear: left;

}

#tekst_rec .sylw_img_left {

	float: left;

	margin: 20px 20px 10px 0;

	padding: 2px;

	border: 1px solid #ccc;

	clear: both;

}

#tekst_rec .bold {

	font-weight: bold;

}

#tekst_rec p {

	margin-top: 0;

}

#tekst_rec .rec-ocena, #tekst_rec .rec-autor {

	font-weight: normal;

}

#filmografia h4 {

	margin: 0;

	padding: 20px 0 5px;

}

#filmografia #filmy {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 850px;

}

#filmy li .pl {

	font-weight: bold;

	padding-right: 40px;

	background: url(../../img/pl.gif) 95% 50% no-repeat;

}

#link_podstrony {

	clear: both;

	text-align: center;

}

#tekst_double {

	clear: both;

	text-align: justify;

	width: 850px;

	padding-top: 30px;

}

#tekst_double p, #opis_ksiazki p {

	line-height: 1.5; 

	margin-bottom: 0;

	text-indent: 2em;

	margin-top: 0;

}

html>body #tekst_double p + p {text-indent: 2em; margin-top: 0;}

html>body #opis_ksiazki p + p {text-indent: 2em; margin-top: 0;}

#tekst_rec_left {

	float: left;

	width: 400px;

	margin-right: 40px;

}

#tekst_rec_right {

	float: left;

	width: 400px;

}

#double_img {

	text-align: center;

	margin-left: 80px;

	width: 850px;

	clear: both;

}

#double_img img {

	float: left;

	margin: 4px;

	padding: 2px;

	border: 1px solid #ccc;

}

/*************************** SYLWETKI ************************************/

#sylw_naglowek h2 {

	background: url(../img/sylwetki.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 34px;

	margin-left: -10px;

	padding: 0;

}

#pokaz_sylw_naglowek h2 {

	background: url(../img/sylw_tworcy.gif) 0 0 no-repeat;

	text-indent: -1999px;

	height: 21px;

	margin: 0 0 10px;

}

.sylw_nazwisko {

	float: left;

	width: 150px;

	height: auto;

	display: block;

}

.tytul {

	float: left;

	width: 450px;

	height: auto;

	display: block;

}

.autor_ksiazki_lista {

	float: left;

	width: 250px;

	height: auto;

	display: block;

}


.sylw_data {

	

}

/*************************** RECENZJE ************************************/

p#alfabet {

	text-align: center;

	padding-bottom: 20px;

	margin-bottom: 10px;

}

p#alfabet a {

	color: #b6b5b3;

}

p#alfabet #sort_alfabet {

	color: #888;

}

.info br {

	clear: both;

}

#sort {

	float: left;

	width: 450px;

	margin: 0;

	padding: 0;

}

#szukaj, #szukaj_form {

	float: right;

	width: 300px;

	margin: 0;

	padding: 0;

}

html>body #szukaj_form{margin-top: -17px;}

span.kol-head {

	font-weight: bold;

}

span.kol-data {

	float: right;

	width: 120px;

	display: block;

}

span.kol-rez, span.kol-ang, span.kol-oryg, span.kol-pl {

	float: left;

	width: 170px;

	display: block;

	padding-right: 10px;

}

ul.row {

	list-style: none;

	margin: 10px 0 0;

	padding: 10px 0 0;

	width: 850px;

}

ul.row li {

   clear: left;

	height: 30px;

	margin: 0;

	padding: 0;

	/*border-bottom: 1px dashed #ccc;*/

}

ul.row li a {

	display: block;

	height: 22px;

	padding: 8px 0 3px 5px;

	color: #888;

	border: none;

	text-decoration: none;

}

ul.row li a:visited {

	color: #888;

}

ul.row li a:hover {

	border: none;

	background: #2d2b2a;

	padding: 8px 0 3px 5px;

	color: #888;

}

/***************************  AUTORZY  ***********************************/

#autorzy_naglowek h2 {

	background: url(../img/autorzy.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 34px;

	margin-left: 0;

	padding: 0;	

}

.autor-main {

	padding-bottom: 40px;

}

.autor, .autor-img {

	float: left;

}

.autor-opis {

	float: left;

	width: 710px;

	margin-left: 10px;

}

.autor-opis p {

	margin: 0;

	padding: 0 0 0 10px;

}

.autor, .autor_end {

	float: left;

	width: 180px;

	margin: 20px 17px 5px 0;

}

.autor_end {

	margin-left: 15px;

}

#autor_first, #autor_sec {

	padding-left: 60px;

}

.autor-gg {

	clear: both;

}

.autor_bold, .autor_wspol {

	font-weight: bold;

	margin-top: 1em;

}

.autor_wspol {

	margin: 0;

	padding: 0;

}

.autor-mail {

	clear: both;

}

.autor-podpis {

	text-align: center;

}

.clearboth {

	clear: both;

}

.link_img img {

	margin-left: 100px;

	border: none;

}

.link_img:hover {

	border: none;

}

/*************************************************************************/

/**************************  artykuly  ***********************************/

#artykul_naglowek h2 {

	background: url(../img/teksty.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 34px;

	margin-left: -10px;

	padding: 0;	

}

#horror h5 {

	font-size: 1.33em;

	margin: 0;

	padding: 0;

}

.wywiad_dm {

	font-style: italic;

	font-weight: bold;

	padding-top: 1.2em;

}

.tytul_art {

	float: left;

	width: 700px;

	height: auto;

	display: block;

}

blockquote {

	float: right;

	width: 350px;

	padding: 10px;

	margin: 10px;

	font-style: italic;

	font-weight: bold;

	font-size: 110%;

	border: 1px dotted #888;

}

#tekst_rec .film img {

	float: left;

	margin: 0;

}

#tekst_rec h1 {

	font-size: 1.66em;

	font-weight: bold;

	margin: 20px 0 10px;

	padding: 0;

}

#tekst_rec h3 {

	margin: 15px 0 10px;

	padding: 0;

}

#tekst_rec h4 {

	margin: 15px 0 5px;

	padding: 0;

}

#tekst_rec .film p {

	text-indent: 0;

}

#tekst_rec .opis {

	clear: both;

	padding-top: 0; 

}

html>body #tekst_rec .opis {padding-top: 5px;}

#tekst_rec .dane {

	float: left;

	padding-left: 1em;

}

#tekst_rec .autor_art {

	font-weight: bold;

}

#tekst_rec .art_img_left {

	float: left;

	margin: 20px 20px 20px 0;

}

.reklama {

	padding-top: 15px;

}

/***************************  pozycje  ***********************************/

ul#pozycje {

	margin: -20px 0 0;

	padding: 0;

	width: 800px;

}

*html ul#pozycje {

	margin: 0;

}

ul#pozycje li {

	list-style: none;

	margin: 0;

	padding: 0;

	clear: both;

}

html>body ul#pozycje li{padding-top: 5px;}

ul#pozycje h3 {

	margin: 20px 0 5px;

	padding: 0;

	font-size: 1.2em;

}

ul#pozycje h3 a {

	border: none;

	text-decoration: none;

}

ul#pozycje h3 em {

	font-style: normal;

	font-weight: normal;

}

ul#pozycje p {

	margin: 0 0 0.75em;

	padding: 0;

}

ul#pozycje img {

	float: left;

	margin-right: 10px;

	padding: 5px;

	border: 1px solid #888;

}

ul#pozycje .pozycje_text {

	float: left;

	width: auto;

}

/***************************  ksiazki  ************************************/

#ksiazka h2 {

	font-size: 1.5em;

	margin: 0 0 5px;

	padding: 0;

}

#ksiazki_naglowek h2 {

	background: url(../img/ksiazki.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 34px;

	margin-left: -10px;

	padding: 0;	

}

#ksiazka h3 {

	font-size: 1.2em;

	margin: 0 0 8px;

	padding: 0;

}

#top_ksiazki img {

	float: left;

}

#dane_ksiazki {

	float: left;

}

#opis_ksiazki {

	clear: left;

	padding: 0;

	text-align: justify;

}

#dane_ksiazki .sekcja_rec h4 {

	width: 100px;

	padding-left: 10px;

}

html>body #opis_ksiazki {padding-top: 10px;}

/***************************  linki  *************************************/

img.img_link {

	padding-left: 80px;		

}

#linki_naglowek h2 {

	background: url(../img/linki.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 34px;

	margin: 0;

	padding: 0;	

}

/*************************************************************************/

/***************************  #right  ************************************/

#right {

	float: right;

	width: 150px;

	margin-left: 0;

	margin-top: 10px;

	padding: 0 0 10px;

}

#nowe_rec h3 {

	background: url(../img/ostatnierecenzje.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 74px;

	margin: 0;

	margin: 0 0 10px;

}

#partner {

	padding: 0;

	margin: 0;

}

#partner h3 {

	background: url(../img/nasipartnerzy.jpg) 0 0 no-repeat;

	text-indent: -1999px;

	height: 77px;

	margin: 0 0 10px;

	padding: 0;

}

#partner img {

	border: none;

}

#partner a:hover {

	border: none;

}

#nowe_ksiaz h3 {

	background: url(../img/ostatnie_ksiazki.jpg) 0 0 no-repeat;

	text-indent: -9000px;

	height: 102px;

	width: 92px;

	margin: 0;

	margin: 30px 0 10px;

}

#nowe_ksiaz img {

	border: none;

}

#nowe_ksiaz img a {

	border: none;

	text-decoration: none;

}

.tytul_ksiaz {

	text-align: center;

	font-weight: bold;

	font-family: Georgia, serif;

	color: #ccc;

	font-size: 12px;

}

#newsletter h3, #naforum h3, #newsy h3, #aktualnosci h3, #nowe_rec h3, #partner h3 {

	margin-left: -7px;

}

/***************************  #footer  ***********************************/

#footer {

	clear: both;

	width: 900px;

	text-align: left;

	margin-top: 20px;

	height: 50px;

	padding-top: 30px;

}

#footer #stopka {

	text-align: center;

	font-weight: normal;

	margin-top: 0;

	padding-top: 0;

}

#stopka a {

	color: #888;

}

#stopka a:hover {

	color: #b6b5b3;

}

#copyright {

	padding: 20px 0;

}

#footer .validate {

	margin-right: 100px;

}

#footer .logo_footer {

	margin-left: 50px;

}

#footer #flab {

	margin-left: 120px;

}


