/*
Theme Name: piszsam.pl
Description: Templatka dla piszsam.pl
Author: Lucek
Author URI: http://lukaszlichota.pl
Version: 1.0
Tags: mój theme

*/

@charset "utf-8";
:focus {outline:0}
img, div, ul, li, a { behavior: url('css/iepngfix.htc') }
img {border:0px;}
p, ul, li {margin:0; padding:0;}
hr { border: 0; width: 80%;}
a {text-decoration:none; }
a {color: #9cbfdf;}
a:hover {color: #9cbfdf; text-decoration: underline;}
h1 {text-align:center; font-size: 10pt; color: #9cadc2; font-weight:300; margin:2px;}
h2 {text-align:center; font-size: 10pt; color: #9cadc2; font-weight:300; margin:2px;}
h3 {text-align:center; font-size:9pt; margin-top:0; margin-bottom:4px; color: #9cadc2; font-weight:300;}
h4 {text-align:left; font-size: 10pt; color: #9cadc2; font-weight:300; margin:2px;}
h5 {text-align:center; font-size:10pt; margin:0; color: #9cadc2;}
.duze{text-transform:uppercase;}
.recenzje {color:#9cadc2}
.wyroznione {color: #9cadc2;}
/* Szablon */



body 
	{
	background: #000;
	font-family: Arial;
	color: #fff;
	margin: 0;
    padding: 0;
	font-size: 9pt;
	}

#kontener
	{
 	margin: 0px auto;
	padding:0;
	position: relative;
	height: 100%;
	width: 1000px;
	background: #000 url(img/tlo.jpg) no-repeat;
	border:1px solid #000;
	}
	
#kontener_tekst
	{
 	margin: 0px auto;
	padding:0;
	position: relative;
	height: 100%;
	width: 1000px;
	background: #000 url(img/tlo_tekst.jpg) no-repeat;
	border:1px solid #000;
	}
	
#tlo_dol
	{
	position:absolute;
	bottom:0;
	left:0;
	width:1000px;
	height: 152px;
	background:url(img/tlo_dol_tekst.jpg);
	}
.powergraph_link {position:absolute; top:50px; left:416px; display:block; width: 180px; height:95px;}

#ramka
	{
	margin: 57px auto 100px auto;
	padding:3px;
	position: relative;
	width: 763px;
	background: #0a1119 url(img/wrapper_tlo.jpg) repeat-x;
	}

#wrapper
	{
	margin: 0 auto;
	padding:21px 24px 0 24px;
	position: relative;
	width: 705px;
	background: #0a1119 url(img/tlo_gora.jpg) no-repeat;
	border: 5px solid #000;
	}

#tekst_duzy
	{
	width:675px;
	background: #0d1627 url(img/tekst_tlo.jpg) no-repeat;
	padding:5px 15px 15px 15px;
	text-align: justify;
	color: #7F90AA;
	margin-bottom:10px;
	line-height: 1.5;
	font-size:10pt;
	}
	
.czytelnia_obrazek
	{
	float:left;
	padding:9px;
	background: #141f2e;
	border: 1px solid #1b2937;
	margin:3px 15px 3px 0;
	}

.czytelnia_obrazek_prawy
	{
	float:right;
	padding:9px;
	background: #141f2e;
	border: 1px solid #1b2937;
	margin:3px 0 3px 15px;
	}



/* Góra*/	

#header
	{
	width: 705px;
	height: 78px;
	position:relative;
	
	}
#reklama {margin: 5px 0 13px 0px; float:left;}
#logo_gora
	{
	width: 705px;
	height: 88px;
	position:relative;
	float:left;
	
	
	}
	
#ikony_gora
	{
	width:217px;
	height:68px;
	position:absolute;
	top:17px;
	right:0;
	background: url(img/ikony_tlo.jpg) no-repeat;
	font-family: Arial;
	font-size: 10pt;
	color: #8e9abb;
	text-align: center;
	padding-top:4px;
	}

#okladki_gora {float:left; position:absolute; top:0; right:0;}
#okladki_gora .okladka4 {position:absolute; right: 90px; top: -14px;}
#okladki_gora .okladka3 {position:absolute; right: 60px; top: 11px;}
#okladki_gora .okladka2 {position:absolute; right: 30px; top: 36px;}
#okladki_gora .okladka1 {position:absolute; right: 0px; top: 61px;}

.ikony_gora_obrazki	{margin:8px 0 8px 0; float:left;}
.ikony_gora_obrazki img {margin: 0 3px;} 
	
/*	Menu	*/
.header_data {position: absolute; bottom:0; right:0; color: #9babc4;}
#menu
	{
	width: 705px;
	height:53px;
	background: url(img/menu_tlo.jpg) no-repeat;
	margin: 17px 0 10px 0;
	float:left;
	position:relative;
	}
	
#menu ul 
	{
	list-style-type: none;
	margin:0;
	padding:0;
	}

#menu ul li
	{
	float:left;
	font-family:arial;
	font-size: 11pt;
	font-weight:300;
	position:relative;
	}

.overlay {position:absolute; top:0; left:0; height:100%; width:100%; background:#fff; z-index: 0;}

#menu ul li a {display:block;  padding: 7px 8px; position:relative; z-index:2;}
.pierwszy {padding-left:20px;}
.ostatni {padding-right:20px;}
#menu ul li	a:link{color:#9cadc2; }
#menu ul li	a:visited{color:#9cadc2; }
#menu ul li	a:hover{color:#c6d4f1; text-decoration:none;}

/*		Panele		*/

#panel_okladka
	{
	width: 295px;
	height:425px;
	color: #9cadc2;
	text-align: center;
	padding-top: 14px;
	background: #0c1520 url(img/tlo_okladka.jpg) no-repeat;
	float:left;
	}
	
.lewa
	{
	width:295px;
	float:left;
	margin-bottom:10px;
	}
	
.prawa
	{
	width: 400px;
	float:left;
	margin-left:10px;
	}
	
.okladka {margin: 11px 15px;}
.okladka_napis {color: #9cadc2; font-weight:300; font-size:8pt;}

.wielkie {font-size:9pt;}
.strony_prawa h3, .onas_strony_prawa h3 {font-size:8pt;}

.panel_news
	{
	width: 400px;
	height: 80px;
	float:left;
	margin: 0 0 10px 10px;
	position:relative;
	}

.news_tytul
	{
	color: #9cbfdf;
	position:absolute;
	top:14px;
	left:18px;
	}

.news_tytul a {color: #9cadc2;}
.news_tytul a:hover {color: #9cadc2; text-decoration: underline;}

.news_data
	{
	color:#56595d;
	position:absolute;
	top: 35px;
	left: 18px;
	font-size:7pt;
	}
	
.news_autor
	{
	color:#484a86;
	position:absolute;
	top: 52px;
	left: 18px;
	}

.news_tekst
	{
	color:#a1aecc;
	position:absolute;
	top: 60px;
	left: 18px;
	font-size:8pt;
	}
	
.onas_panel_dol
	{
	width: 296px;
	height: 244px;
	background: url(img/onas_strony_dol.jpg) no-repeat;
	float:left;
	margin:10px 0  15px 0;
	text-align:center;
	
	}	

.panel_dol
	{
	width: 214px;
	height: 244px;
	background: url(img/panel_dol_tlo.jpg) no-repeat;
	float:left;
	margin:0 10px 15px 0;
	text-align: left;
	color: #597388;
	font-size:8pt;
	padding: 0 7px;
	}

.panel_dol table tr td {padding: 7px 0px; font-size:7pt;}
		
.panel_dol_maly
	{
	width: 214px;
	height: 116px;
	background: url(img/panel_dol_maly_tlo.jpg) no-repeat;
	float:left;
	margin:0 0 12px 0;
	text-align: justify;
	color: #597388;
	font-size:7pt;
	padding: 0 7px;
	}	

.panel_dol_autor {color:#597388; margin-left:-2px;}
.panel_dol_tytul {color: #9cadc2; padding-left:4px;}

#ksiazki
	{
	text-align:center;
	}

.panel_tytul 
	{
	color: #9cadc2; 
	text-align:center; 
	font-size: 8pt;
	margin: 8px auto 6px auto;
	}

.numer_panel_lewa
	{
	width: 295px;
	height:327px;
	color: #7F90AA;
	text-align: center;
	background: #0c1626 url(img/numer_lewa.jpg) no-repeat;
	float:left;
	margin:10px 0;
	}

.numer_panel_lewa strong {color: #7b8eb6;}

.numer_prawa_1
	{
	width: 390px;
	float:left;
	background:#0b1421 url(img/numer_bok1.jpg) no-repeat;
	margin-bottom: 2px;
	padding: 0 5px;
	}

	

	

	

	

.numer_autor
	{
	color: #7b8eb6;
	font-weight:300;
	padding: 3px 15px 3px 0;
	font-size:8pt;
	}
.num table, numer_prawa_1 table
	{
	float:left;
	padding:3px 0;}

.num
	{
	width: 390px;
	float:left;
	background:#0d1627 url(img/numer_bok3.jpg) no-repeat;
	margin-bottom: 2px;
	padding: 0 5px ;
	}
	

.czytelnia_tabela .numer_autor{font-size:9pt; padding-right:25px;}
.czytelnia_tabela .numer_tytul{font-size:9pt;}
.czytelnia_panel .panel_tytul {font-size:9pt;}
.czytelnia_panel .wielkie {font-size:10pt;}

.numer_tytul
	{
	color: #597388;
	font-size:8pt;
	}

.numer_tytul a:link{color: #597388;}
.numer_tytul a:visited{color: #597388;}
.numer_tytul a:hover{color: #597388; text-decoration:underline;}
	

	
.strony_lewa
	{
	width: 424px;
	height: 390px;
	float:left;
	background:url(img/strony_tlo_okladka.jpg) no-repeat;
	margin-bottom: 10px;
	
	}
	
.strony_okladka
	{
	margin: 18px 0 0 18px;
	}
	
.strony_prawa
	{
	width: 360px;
	height: 421px;
	float:left;
	background:url(img/strony_prawa.jpg) no-repeat;
	margin: 0 0 10px 10px;
	font-size: 8pt;
	text-align:justify;
	padding: 10px 20px;
	font-family:arial;
	color: #7F90AA;
	line-height: 15px;
	}

.onas_strony_prawa
	{
	width: 360px;
	height: 674px;
	float:left;
	background:#0c1626 url(img/strony_prawa.jpg) no-repeat;
	margin: 0 0 10px 10px;
	font-size: 8pt;
	text-align:justify;
	padding: 10px 20px;
	font-family:arial;
	color: #7F90AA;
	line-height: 15px;
	}

.onas_strony_prawa a{font-weight:300; color: #9cadc2;}
.onas_strony_prawa a:hover{text-decoration:none; color: #56595d;}
.onas_strony_prawa strong, .panel_dol_maly strong, .jasne{color: #9cadc2;}	

.strony_prawa a{font-weight:300; color: #9cadc2;}
.strony_prawa a:hover{text-decoration:none; color: #56595d;}

#tekst_duzy a{font-weight:300; color: #9cadc2;}
#tekst_duzy a:hover{text-decoration:none; color: #56595d;}

.strony_prawa strong {color: #9cadc2;}	
.strony_dol
	{
	width: 228px;
	height: 244px;
	float:left;
	background:url(img/strony_dol.jpg) no-repeat;
	margin: 0 10px 20px 0;
	}
	
#czytelnia_tytul
	{
	width: 705px;
	height: 55px;
	float:left;
	background: url(img/czytelnia_tytul.jpg) no-repeat;
	margin: 0 0 10px 0;
	}

.czytelnia_panel
	{
	width: 665px;
	float:left;
	padding: 0 20px 1px 20px;
	position:relative;
	margin: 0;
	}

.all
	{
	background: #0d1627 url(img/strony_prawa.jpg) repeat-x;
	float:left;
	}

.czytelnia_panel a {color: #9cadc2;}
.czytelnia_panel a:hover { text-decoration: underline;}

.czytelnia_link 
	{
	position:absolute;
	bottom: 5px;
	right:15px;
	font-size: 8pt;
	text-indent:-9999px;
	height:20px;
	width:121px;
	background: url(img/archiwum.jpg);
	}
.czytelnia_link:hover {	background: url(img/archiwum_hov.jpg);}

.czytelnia_tabela
	{
	margin:0 0 0 100px;
	}
.czytelnia_tabela tr td a {color: #9cbfdf; }
.czytelnia_tabela tr td a:hover {text-decoration: underline;}
#czytelnia_panel1
	{
	margin: 0 0 10px 0;
	background:url(img/czytelnia_panel_1.jpg);
	}

#czytelnia_panel2
	{
	margin: 0 0 10px 0;
	background:url(img/czytelnia_panel_2.jpg);
	}

#czytelnia_panel3
	{
	margin: 0 0 10px 0;
	background:url(img/czytelnia_panel_3.jpg);
	}
	
#czytelnia_panel4
	{
	margin: 0 0 10px 0;
	background:url(img/czytelnia_panel_4.jpg);
	}

.recenzje_ramka
	{
	width: 200px;
	float:right;
	padding:9px;
	background: #141f2e;
	border: 1px solid #1b2937;
	margin:0 0 0 10px;
	}


.recenzje_obrazek{padding:0; margin:0; border:none;}

.recenzje_ramka ul {list-style-type:none; margin:5px 0 0 0}
.recenzje_ramka ul li {margin:2px 0 0 0}

.wydarzenia_kontener {position:relative;}

.panel_wydarzenia
	{
	width: 370px;
	height: 60px;
	margin: 5px 0 0 0;
	padding:1px 0;
	}

.panel_wydarzenia_lista
	{
	margin: 10px 0 0 0;
	padding: 0;
	}

.wydarzenia_tytul
	{
	color: #9cadc2;
	margin:0 0 0 0px;
	font-size:9pt;
	font-weight:bold;
	}

.wydarzenia_tytul a {color: #9cadc2;}
.wydarzenia_tytul a:hover {color: #9cadc2; text-decoration: underline;}

.wydarzenia_data
	{
	color:#56595d;
	margin: 3px 0 0 0px;
	font-size:7pt;
	}
	

.wydarzenia_tekst
	{
	color:#a1aecc;
	margin: 1px 0 0 0px;
	font-size:8pt;
	}

.strony {text-align: center; margin-top: 7px; font-weight: bold; font-size:9pt;}
.strony a {	padding: 1px 3px;}
.strony_nolink {padding: 1px 3px; color:#a1aecc;}

.linia_recenzje 
	{
	color: #597388;
	background-color: #597388;
	height: 1px;
	width:436px;
	margin:8px auto;
	}


#meteor {position:absolute; right:8px; top:108px;}


#stopka 
	{
	clear:both;
	color: #597388;
	font-size:7pt;
	text-align: center;
	font-family:tahoma;
	margin:13px 0 3px 0;
	padding-top:19px;
	}

.onas_strony_prawa ul {margin-left:15px;}
.onas_strony_prawa ul li {padding:3px 0;}


.przerwa_prawa {width:400px; color:#111723; background-color:#111725; height:3px; border:none; border-bottom:1px solid #2c335d; margin: 10px 0 20px -20px;}
.przerwa_srodek {width:705px; color:#111723; background-color:#0a1119; height:3px; border:none; margin: 10px 0 10px -15px; border-bottom:1px solid #2c335d;}
.przerwa_dol {width:228px; color:#111723; background-color:#0a1119; height:3px; border:none; margin: 4px 0 4px -7px; border-bottom:1px solid #182132;}
.przerwa_dol_onas {width:296px; color:#111723; background-color:#0a1119; height:3px; border:none; margin: 4px 0 4px 0; border-bottom:1px solid #182132;}
.przerwa_numer {width:400px; color:#111723; background-color:#111725; height:3px; border:none; border-bottom:1px solid #182132; margin: 7px 0 0px -5px;}
.przerwa_okladka {width:295px; color:#111723; background-color:#111725; height:3px; border:none; border-bottom:1px solid #2c335d; margin: 7px 0;}
.przerwa_polecane {width:400px; color:#0a1119; background-color:#0a1119; height:3px; border:none; border-bottom:1px solid #182132; margin:0 0 8px -15px;}
.przerwa_srodek_czytelnia {width:705px; color:#111723; background-color:#0a1119; height:3px; margin: 10px 0 0 -20px; border-bottom:1px solid #182132;}



.odtwarzacz {margin-top:5px;}

#galeria_tytul
	{
	width: 705px;
	height: 55px;
	float:left;
	background: url(img/galeria_tytul.jpg) no-repeat;
	margin: 0 0 10px 0;
	}

.galeria_panel
	{
	width: 665px;
	float:left;
	position:relative;
	background:#0d1627 url(img/galeria_panel.jpg) repeat-x;
	font-size: 9pt;
	text-align:justify;
	padding: 0 20px 10px 20px;
	font-family:arial;
	color: #7F90AA;
	line-height: 1.5;
	margin: 0 0 10px 0;
	}



.teksty_kolor {color:#7F90AA;}

.okladka_polecane {margin:15px 10px;}

.polecane {position:relative;}

.polecane_img
	{
	float:left;
	padding:7px;
	background: #141f2e;
	border: 1px solid #1b2937;
	margin:4px 6px 0 0;
	}

.polecane_dol
	{
	position:absolute;
	bottom:0;
	left:0;
	height:35px;
	font-weight:300;
	font-size:9pt;
	padding:0 15px;
	}

.blogi td {padding:2px 10px}
.blogi table {margin:0 auto}

.blogi img
	{
	float:left;
	padding:3px;
	background: #141f2e;
	border: 1px solid #1b2937;
	margin:0 -3px;
	}
	
.male{text-transform:capitalize;}
#baner_gal {width:705px; height:91px; margin:0 auto 10px auto;}
#baner_czytelnia {width:705px; height:91px; margin:0 auto 10px auto;}
.newtonedesign_logo {position:absolute; bottom:-13px; right:0; font-size:7pt;color:#597388; }
.newtonedesign_logo a{font-size:7pt; color:#283349; text-decoration:none;}


.tyt-pre
	{
	font-size:9pt;
	font-weight:bold;
	}

.meta {color:#597388; margin-top:10px;}

.storycontent {color:#7b8eb6; text-align:justify;}

.koment_panel
	{
	width: 665px;
	float:left;
	padding: 5px 20px;
	position:relative;
	background:#0d1627;
	margin: 0 0 0 0;
	color: #9cadc2;
	}
	
.koment-dol {color:#7b8eb6;}
label{color:#7b8eb6;}
input, textarea {background: #CCCCCC; margin: 2px 0;}

#commentform {margin: 20px;}