/* building structure */
	#header h1 a {background: url('gfx/rect.png') no-repeat;}
	#container {width: 950px; margin: 0 auto;}
	#middle {padding-left: 255px; overflow: hidden;}
	.col {position: relative; float: left; padding-bottom: 20005px; margin-bottom: -20000px;}
	#content {width: 100%; text-align: justify;}
	#menu {width: 250px; left: 0px; margin-left: -950px;}
	#footer {clear: left; position: relative;}

/* fonts */
	body {font-family: sans-serif; /*font-size: 10pt;*/}

/* links */
	a {color: #D00; text-decoration: none;}
	a:hover {text-decoration: underline;}

/* belka */
	.bellca {margin: 0.5em 0; font-size: 0.8em; line-height: 1em;}
	.bellca a {text-decoration: none;}
	.bellca a:hover {text-decoration: underline;}
	p.bellca.right {text-align: right; float: right; margin-top: -1.5em;}
	.bellca.right form {display: inline; height: 0.7em;}
	strong.reg {background: yellow; color: black; padding: 0 3px;}
	strong.reg:hover {background: black; color: yellow;} 

/* header */
	#header h1 {margin: 0;}
	#header h1 a {display: block; width: 100%; height: 173px; margin: 20px 0;}
	#header h1 span {display: none;}
	#header.header_65 h1 a {background: url('gfx/miw_pupka3a.png') no-repeat}

/* menu and content */
	#menu h2 {display: none;}
	#menu h3, #content h3 {font-size: 12pt; margin-top: 1.8em; padding: 0; margin-bottom: .5em; border-bottom: 0 solid black;}
	#menu {font-size: 9pt; }
	#menu h4, #menu p, #menu ul, #menu ul li {font-size: 1em; margin: 3px 0; list-style: none;}
	#menu ul {padding-left: 0;}
	#main-page #middle {margin-top: 2px;}
	
/* news + other lists workarounds */
	#menu ul.wandea li, .kom li, #pagetext ul.archlist li {list-style: none; margin: 2px 0; padding: 0 0 2px 38px; min-height: 30px; /*border-bottom: 1px dashed gray; */ font-size: 10pt;}
	.wl {display: block; background: url('gfx/logowandea2.png') top left no-repeat;}
	.sw {display: block; background: url('gfx/logoszu4.png') top left no-repeat;}
	.rj {display: block; background: url('gfx/logojanusz.png') top left no-repeat;}
	.gq {display: block; background: url('gfx/logocytaty.png') top left no-repeat;}
	.tw {display: block; background: url('gfx/logowideo.png') top left no-repeat;}
	.e3 {display: block; background: url('gfx/logoengels.png') top left no-repeat;}
	.gus {display: block; background: url('gfx/logosonda.png') top left no-repeat;}
	.noga {display: block; background: url('gfx/logopilka.png') top left no-repeat;}
	.rss {display: block; background: url('gfx/logorss2.png') top left no-repeat;}
	.archiwum {display: block; background: url('gfx/logoarchiwum.png') top left no-repeat;}
	.tagi {display: block; background: url('gfx/logotagi.png') top left no-repeat;}
	.data, #bierutcounter {display: block; font-style: italic; color: #666;}
	.shout .data{font-size: 7pt;}
	.shout li {/*border-bottom: 1px dashed gray;*/ padding-bottom: 3px; min-height: 50px; padding-left: 45px;}

/* styling bieruts */

	#pagetext ul.bieruty {margin-top: 0.5em;padding:0;}
	#pagetext ul.bieruty * a, .bierutlink {color: #AD37CC;}
	#pagetext ul.bieruty li .data, #bierutcounter {font-size: 9pt;}
	#pagetext ul.bieruty li .data a {color: #AD37CC;}
	#pagetext ul.bieruty li .data span.lajki, #pagetext ul.bieruty li .data div div div span.lajki {font-style: normal; float: right; padding: 1px 3px 0 0; margin-bottom:-2px;}
	#pagetext ul.bieruty li .data div div div span.poprzyj {cursor: pointer;  color: #AD37CC; font-weight: bold;}
	#pagetext ul.bieruty li .data div div div span.poprzyj:hover {cursor: pointer;  color: #9316B4;}
	#pagetext ul.bieruty li .data div, #pagetext ul.bieruty li .data div div, #pagetext ul.bieruty li .data div div div {display:inline;}
	#pagetext ul.bieruty li {list-style: none; margin: 2px 0; padding: 0 0 2px 45px; min-height: 40px; font-size: 12pt;	display: block; background: url('../skok.wandystan.eu/img/ikonki/bierut_m.png') top left no-repeat;}
	#pagetext ul.bieruty li:nth-child(odd) {background-color: #f8f2fa;}
	#pagetext ul.bieruty li img {vertical-align: middle; max-height: 15pt;}
	#pagetext ul.bieruty li#addbierut {min-height: 45px; position: relative; background: none; border-bottom: 0; margin-bottom: 5px;}
	#pagetext ul.bieruty li#addbierut textarea, #pagetext ul.bieruty li#addbierut button {margin: 0; padding: 0; position: absolute; top:0; height:90%;}
	#pagetext ul.bieruty li#addbierut textarea {font-family: sans-serif; width:79%; left:0; border: 1px solid #cccccc;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear .2s, box-shadow linear .2s;
		-moz-transition: border linear .2s, box-shadow linear .2s;
		-o-transition: border linear .2s, box-shadow linear .2s;
		transition: border linear .2s, box-shadow linear .2s;
	}
	#pagetext ul.bieruty li#addbierut textarea:focus {outline-color: #AD37CC; border-color: #7b4f9d;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(123,79,157,.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(123,79,157,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(123,79,157,.6);
	}
	#pagetext ul.bieruty li#addbierut button {border: 0; width:20%; right:0; background-color: #AD37CC; color: white; font-weight: bold; cursor: pointer;}
	#pagetext ul.bieruty li#addbierut button:hover {background-color: #9316B4}
	#pagetext ul.bieruty li#addbierut #nonbierutto {text-align: center; vertical-align: middle; line-height: 25px; margin-right: 45px; padding: .5em; background-color: #FAF4FB; margin-top: 2em; margin-bottom: 1em;}

/* content */
	#pagetext {margin: 1.5em 8px;}
	#nagl {padding: 3px; text-align: center;}
	#nagl img {margin:0; padding:0; float:right; margin-left: 1em;}
	#nagl h2 {font-size: 23pt; display:inline;}
	#podtyt {margin-bottom: 0.8em;}
	#podtyt, #nadsoc, #podsoc {clear: both; visibility: hidden;}
	#pagetext #zasadnicza {margin-bottom:1.5em;}
	#pagetext #zasadnicza * img {display:block; margin-left:auto; margin-right:auto; text-align:center; padding: 3px; border: 2px #ddd solid; max-width: 650px;}
	#pagetext ol li {margin: 0; padding: 0;}
	#pagetext #zasadnicza hr {border: 0; margin: 2em 0; text-align: center; color: #DDD; font-size: 90%;}
	#pagetext #zasadnicza hr::before {content: "⸻ ☭ ⸻";}
	#misc {float: right; margin: 0; padding: 0; color: #666; font-style: italic;}
	#stopka {background: #eee; padding: .5em;}
	#stopka p {margin: 0;}
	#stopka p span {cursor: default;}
	.kom {margin: 0; padding: 0;}
	.kom li {margin-top: 0.5em; min-height: 75px; padding-left: 70px;}
	.kom li img.awatar {float: left; margin-left: -70px;}
	.kom li p {margin: 0;}
	.shout li img.awatar {float: left; margin-left: -45px;}
	ul.kom li#komniezal {display: block; line-height: 75px; text-align: center;}
	ul.shout li#komniezal {display: block; line-height: 50px; text-align: center;}
	li#komniezal a {vertical-align: middle; font-size: larger;}
	li#komzal {display: block; min-height: 100px;}
	li#komzal form {height: 100%; text-align:center;}
	li#komzal form textarea {width: 100%; min-height:75px; border: 1px solid #bbb;}
	li#komzal form textarea:focus {outline-color: #666; border-color: #bbb;}
	li#komzal form input {min-width: 20%;}
	span.rodzyny_kom {float: right;}
	.rodzyn_przycisk {border: 0; padding: 0; margin: 0; color: #d00; cursor: pointer; font-size: initial;background: transparent; display: inline;}

/* footer */
	#main-page #footer {border-top: solid 4px black; margin-top: 1em;}
	#footer hr {display: none;}
	#footer address {padding: 5px; font-size: 9pt;}
	* html body {overflow: hidden;}
	* html #footer-wrapper {float: left; position: relative; width: 100%; padding-bottom: 10000px; margin-bottom: -10000px;}

/* other */
	.hidden {display: none;}
	div.zwin h4 {cursor: pointer; text-align: center; background: #BBB; color: white;}
	div.info form {text-align: center;}
	div.info form textarea {width: 90%; height: 6em;}
	div#audioplayer1 {height: 24px; width: 290px; background: #F3F3F3; padding: 4px; border: 1px solid black; margin: 0px auto;}
	div#zasadnicza audio {display:block; margin: 0 auto;}
	div #zasadnicza div.warning {margin: 1em; padding: .5em 1em; background: #440000; color: white;}
	li:last-child {border-bottom: none !important;}
	div.wnim {width: 447px; margin: 40px auto;}
	p.blok {font-family: 'Helvetica Neue', 'Helvetica', 'Verdana', 'Arial', 'sans-serif'; color: #222; margin: -.33em auto -.25em auto; padding: 0; font-weight: bold;}
	ul#feed li {list-style-type: none; margin-bottom: 1em;}
	ul#feed img {margin-left: 5px;}