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

Style inspirowane Wikipedią w stanie w jakim znajdowała się ona w listopadzie 2005.



Hierarchia obszarów i ich style
===============================

    cala-strona
        kolumna-lewa
            ol
                h1
                ol-ramka
                    p, ul, li, form, input
        kolumna-prawa
            op-menu
                op-menu1
            op-ramka
                op-strona		- to może być rekurencyjne, tj, w op-strona moze być op-strona
                    op-tytul
                        op-tytul-tytul	- span
                        op-tytul-data	- span
                    op-tresc
                        h1, h2, h3, h4, p, ul, ol, dl, blockquote, ...
                    op-serie
                    op-klucze
                    op-komentarze
        stopka
            os-ramka



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

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

	Style dotyczące wyglądu całej strony
	
***********************************************************************/

body { 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-family: Verdana, sans-serif, Arial; 
	background-color: #FFFFF4;
	color: black; 
	margin: 0; 
	padding: 0; 
}

div.strona {
    font-size: 80%;
    width: 100%;
    margin: 0;
    padding: 0;
}


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

Style do lewej kolumny w której jest nawigacja i menu

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

div.kolumna-lewa {
    margin: 0;
    padding: 1.8em 0 0 0;
    width: 12em;
    overflow: hidden;
    float: left;
    z-index: 2;
}

div.ol {
    margin: 0 0 .5em 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    float: none;
}

div.ol-logo {
    margin: 0 0 20px 8px;
    padding: 0;
    color: #DD3311;
    text-align: center;
 Abackground-color: #aaaaaa;
}

div.ol-logo span.w34 {
    margin: 0;
    padding: 0;
    font-weight: bold; 
    font-size: 430%; 
    aline-height: 90%;
}

div.ol-logo span.lp {
    margin: 0;
    padding: 0;
    font-weight: bold; 
    font-size: 95%; 
}

div.ol h3 {			/* wykorzystywane w nagłówku menu */
    padding: 0 .8em 0 .5em;
    height: 1em;
    font-size: 95%;
    font-weight: normal;
    white-space: nowrap;
    display: inline;
    background-color: transparent;
}

div.ol-ramka {
    padding: 0 .8em .3em .5em;
    border: 1px solid #aaa;
    border-left: none;
    background-color: white;
    font-size: 95%;
    color: black;
}

div.ol-ramka ul {
	margin: 0 0 0 1.4em;
	padding: 0;
}

div.ol-ramka * ul {
	font-size: 95%;
}


div.ol-ramka li {
	margin: 0;
	padding: 0;
	list-style-type: square; 
	line-height: 130%;
}


div.ol-ramka form {
	margin: 0.3em 0 0 0;
	padding: 0px;
	border: none;
}

div.ol-ramka input {    
	margin: 0.1em 0;
	padding: 0px;
	border: 1px solid #aaa;
    	font-size: 95%;
}



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


Obszar prawy
============

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

div.kolumna-prawa {
    padding: 2.8em 0 0 13em;
    margin: 0;
    z-index: 1;
}

div.op-menu {
    margin: 0 0 0 0;
    padding: 0.1em 1em 0.1em 1em;
    text-align: right;
}


div.op-menu ul {
	margin: 0;
	padding 0;
	list-style-position: outside;
	list-style-type: none;
}

div.op-menu li {
	display: inline;
	margin: 0pt 0.5em 0pt 0pt;
	overflow: visible;
	padding: 0pt 0pt 0.3em;
}


div.op-ramka {		/* obramkowany obszar tytulu, (w tym daty), treści i może tego co poniżej o ile to jest */
    margin: 0 0 0 0;
    padding: 0 2em 0.5em 1.3em;
    border: 1px solid #aaa;
    border-right: none;
    background: white;
Awidth: 98%;
}

div.op-strona {
	margin: 1px;
	padding: 0;
	font-size: 120%;
	z-index: 99;
}

div.op-tytul {
	margin:  0.3em 0 .1em 0;
	padding: .5em 0 0.3em 0;
	border-bottom: 1px solid #aaa;
}

span.op-tytul-tytul {
	font-size: 160%;

}

span.op-tytul-data {
	float: right;
	font-size: 90%;
}

div.op-tresc {
	margin: 0;
	padding: 0.2em 0;
}


div.op-pliki {
	margin: 0.8em 0 0 0;
	padding: 0.3em 0;
	border-top: 1px solid #aaa;
	color: #622;
	font-size: 85%;
}

div.op-pliki h3 {
	display: inline;
	font-size: 130%;
}


div.op-serie {
	margin: 0.8em 0 0 0;
	padding: 0.3em 0;
	border-top: 1px solid #aaa;
	color: #622;
	font-size: 85%;
}

div.op-serie h3 {
	display: inline;
	font-size: 130%;
}


div.op-klucze {
	margin: 0.8em 0 0 0 ;
	padding: 0.3em 0;
	border-top: 1px solid #aaa;
	color: #622;
	font-size: 85%;
}

div.op-klucze h3 {
	display: inline;
	font-size: 130%;
}


div.op-komentarze {
	margin: 0.8em 0 0 0;
	padding: 0.3em 0;
	border-top: 1px solid #aaa;
	font-size: 85%;
	color: #622;
}

span.op-komentarze-skomentuj {
	float: right;
}

div.op-komentarze h3 {
	display: inline;
	font-size: 130%;
}


div.op-komentarze-lista {
	width: 85%;
}


div.op-komentarz {
	margin: 20px 0 0 1em;
	padding: 1px 0 0px 0em;
	border-top: #855 1px solid;
	border-left: #855 1px solid;
	background-color: #FFFFF4;
}


div.op-komentarz h4 {
	margin: 0;
	padding: 1px 0.2em;
	background-color: #F0F0E0;
	border-bottom: #855 1px solid;
	border-right: #855 1px solid;
	display: inline;
	font: normal;
}

div.op-komentarz div.op-komentarz-tresc {
	margin: 0;
	padding: 0.4em 0.8em 0.4em 0.8em;
}



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

la - lista (zestawienie) notek na jednej stronie 

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

div.op-strona div.op-strona {
	background-color: #FFFFFA;
	margin: 0 0 .8em 0;
	padding: 0 2em 0.5em 1.3em;
	border: 1px solid #AAAA44;
	font-size: 90%;

}

div.op-strona div.op-strona a {
	color: #993322;
}




/***********************************************************************
 
	Style obszaru stopki
 
***********************************************************************/

div.stopka {
    margin: .6em 0 1em 0;
    padding: 0;
    clear: both;
}

div.os-ramka {
    margin: 0;
    padding: .4em 0 1em 0;
    background-color: white;
    border-top: 1px solid #fabb22;
    border-bottom: 1px solid #fabb22;
    color: #cc5500;
    font-size: 75%;
    text-align: center;
}









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

Te style współpracują z wykazami notek, artykułów tworzonymi przy 
wyszykiwaniu i przydzielaniu do serii

lt - tabela tytułów
ls - lista streszczeń
la - lista artykułów

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

div.ls {
	margin: 1em 0em;
	padding: 0em;
	Abackground-color: #ffd;
	
}

div.ls-a {
	margin: .5em 0em;
	padding: 0em;
	Abackground-color: #ffe;
	
}

span.ls-tytul {
	font-size: 130%;
}
span.ls-data {
	margin: 0 1em;
	font-size: 80%;
	color: green;
}

span.ls-stresc {
	font-size: 75%;
	display: block;
	padding: 0 0 0 0em;
	line-height: 130%;
	text-align: justify;
}






table.lt {
	margin: 0;
	padding: 0;
	Awidth: 99%;
}

td.lt-tytul1, td.lt-tytul2{
	margin: 0;
	padding: 0;
	font-size: 95%;
}

td.lt-data1, td.lt-data2 {
	font-size: 80%;
}

td.lt-tytul1, td.lt-data1 { background-color: white; }
td.lt-tytul2, td.lt-data2 { background-color: white; }




div.la {
	margin: 0;
	width: 99%;

}







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

Inne elementy związane z tą skórką

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

.clear	{margin: 0; padding: 0; border: none; clear: both;}


div.debug {
	position: absolute;
	left: 0;
	top: 0;
	width: 12em;
	background-color: #ddffff;
	border: 1px solid red;
	padding: 0.3em;
	font-family: currier;
	color: red;
}







div.ramka-komunikatu {
	background-color: #FFDDFF; 
	color: #000088; 
	font-size: 130%;
	border: 1px double #000044;
	margin: 0em; 
	padding: 1.5em;
}

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

Formularze używane:
	- w procesie logowania i zmiany paramentrów (disp_login() w lib/log.php)
	- w procesie edycji komentarzy
	- (plan) w księdze gości
	- w edycji treści artykułu - ale tam nie używam

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


div.ramka-formularza {
	color: #664422; 
	background-color: #FFFFE0; 
	border: 1px solid #664422;
	margin: 1em 0 .5em 0;
	padding: 0.3em 1.5em;
}

div.ramka-formularza form {
	width: 17em;
	margin: 0.3em 0;
	Apadding: 10px;
	Aborder: none;
}

div.ramka-formularza input {
        border: 1px solid #664422;
        background-color: #ffddbb;
}

/* to potrzebne tylko w IE, bo Firefox wyświetla ładnie domyślnie */
div.ramka-formularza .input_ratio, div.ramka-formularza .input_checkbox {
	border: none;	
	background-color: transparent;
}