html,body { background: #333333; text-align: center; color: white; font-family: Verdana, Helvetica, Arial; font-size: 10pt; margin: 0; padding: 0; }
a { text-decoration: none; }
a:link { color: #bbb; }
a:visited { color: #888; }
a:hover { color: #eee; text-decoration: none; }
h1 { font-family: 'Verdana', Times, serif; font-size: 1.5em; font-weight: normal; margin: 0 auto; display: block; border: 0px solid #ccc; background: #333; color: #ccc;  text-align: center; width: 90%; }
h2 { font-family: 'Arial', Times, serif; font-size: 1em; font-weight: bold; margin: 0 40px; border-bottom: 1px solid #cbcbcb; text-align: left; }
code { background: #222; color: white; display: block; padding: 5px; }
pre { background: #333; color: white; display: block; padding: 5px; }
code.podglad { margin: 0 50px; padding: 5px; text-align: justify; }
ul, ol { margin: 0 50px; padding: 0; list-style: circle; }
li.kreska { text-decoration: line-through; }

blockquote { font-style: italic; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

div#whole { width: 950px; margin: 0px auto; background: transparent url('gora_tlo_01.png') no-repeat top; padding-top: 185px; position: relative; }

ul#menu { position: absolute; top: 185px; left: 85px; list-style-type: none; margin: 0px; padding: 0px; z-index: 4; font-size: 10pt; }
ul#menu li { border: 1px solid #CFCFCF; display: inline; margin: 0px; padding: 6px 10px; margin-left: -3px;  background: url("menu_roll.png") 0 50%; float: left; width: 175px; }
ul#menu li a { padding: 2px 15px; text-decoration: none; }
ul#menu li a:hover { display: block; background: url(""); padding: 0; }

div#mini { position: absolute; width: 140px; height: 105px; right: 75px; top: 45px; font-size: 7pt; }
div#mini h2 { font-family: 'Arial', Times, serif; font-size: 1em; font-weight: bold; margin: 0; border-bottom: 1px solid #cbcbcb; }

div#furniture { background: transparent url("tlo_tresc.png") repeat-y; padding: 40px 20px; position: relative; min-height: 950px; text-align: left; }

div#comments_content { width: 850px; text-align: center; margin: 0 30px; background: transparent url('komentarz_gora.png') no-repeat; padding-top: 30px; }
div#comments_content p.down { padding-bottom: 35px; background: url("komentarz_dol.png") no-repeat bottom; text-align: center; font-size: 0pt; color: #444; }
div#comments_content p { padding: 0 25px; }
div#comments_content p.wpis_meta { text-align: right; font-size: 7pt; }
div#comments_content p.quote { padding: 15px 40px; font-style: italic; background: url(background.png) left top no-repeat; }

div.who_why { background: transparent url("komentarz_tresc_tlo.png"); margin: 0 75px; }
div.who_why p.up { border-bottom: 1px solid #cbcbcb; margin: 0 20px; }
div.who { background: transparent url("komentarz_tresc_gora.png") top no-repeat; padding-top: 20px; font-size: 8pt; }
div.why { background: transparent url("komentarz_tresc_dol.png") bottom no-repeat; padding-bottom: 20px; }

div#comments_form { width: 850px; background: transparent url('komentarz_gora.png') no-repeat; padding-top: 30px; text-align: left; }
div.comments_bg { background: url("komentarz_tlo.png"); text-align: justify;}
input, textarea  {color: #fff; background: #4b4b4b; border: white 1px; }
textarea {background: #1b1b1b; }
input { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 8pt; background: #1b1b1b; }
input:focus, textarea:focus {background: #4b4b4b; }

div#sidebar { position: absolute; right: 40px; top: 50px; width: 275px; background: transparent url('sidebar_gora.png') no-repeat; text-align: center; }
div#sidebar *{ margin: 0; padding: 0; }
div#sidebar dl { background: transparent url('sidebar_tlo.png') repeat-y; margin-top: 30px; }
div#sidebar dt { margin: 2px 25px; font-family: 'Arial', Times, serif; font-size: 8pt; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em;  padding: 0.4em 0; background: #1b1b1b url('wpis_h1_bg.png'); color: #cccccc; }
div#sidebar dt.dt_desc { margin: 4px 35px; font-family: 'Arial', Times, serif; font-size: 8pt; letter-spacing: 0.1em;  padding: 0.4em 0; background: #1b1b1b url('menu_roll.png'); }
div#sidebar dd { text-align: left; margin-left: 35px; }
div#sidebar p { background: transparent url('sidebar_dol.png') no-repeat; height: 30px; color: #444; font-size: 0px;}
div#sidebar dt.login { margin: 2px 25px 0 25px; font-family: 'Arial', Times, serif; font-size: 8pt; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; border: 1px solid #ccc; padding: 0; background: #1b1b1b ; color: #cccccc; }


div#sidebar dt.dt_login { margin: 4px 35px 0 35px; font-family: 'Arial', Times, serif; font-size: 8pt; letter-spacing: 0.1em; border: 1px solid #ccc; padding: 0.4em 0; background: #3d3d3d; }


div#content { margin: 10px 0 0 20px; width: 575px; background: transparent url('wpisy_gora.png') no-repeat; padding-top: 30px; text-align: justify;  }
div#content *{ margin: 0 auto; padding: 0; }
div#content p { padding: 5px 20px; }
div#content p.wpis_meta { text-align: right; font-size: 7pt; }
div#content p.quote { padding: 15px 40px; font-style: italic; background: url(background.png) left top no-repeat; }
div#content img.line { margin: 0 0 0 75px; padding-bottom: 10px; }
div#content p#design { background: transparent url('wpisy_dol.png') no-repeat; height: 30px; color: #444; font-size: 0px; text-align: left; padding-top: 5px; margin-bottom: 100px; }
div#content ul, ol { margin: 0 50px; padding: 0; list-style: circle; }
div#content code { margin: 0 50px; }


div.registry { background: transparent url("wpisy_tresc.png") repeat; }

p#footer { background: transparent url('stopka.png') no-repeat top; height: 45px; margin: 0px; padding: 5px; }


div#comments_form ul { margin: 25px 0; padding-left: 25px; list-style: none; }
div#comments_form li { margin: 5px 0; }
div#comments_form label { float: left; min-width: 175px; min-height: 20px; font-size: 11pt; }
div#comments_form img { float: right; min-height: 20px; padding-right: 325px; }
div#comments_form input { width: 200px; height: 20px; font-size: 10pt;  }
div#comments_form input[type="submit"] { width: 200px; height: 20px; font-size: 8pt; margin-left: 25px; }
div#comments_form textarea { width: 500px; }

div#comments_content p.tst { padding: 5px 0; text-align: center; font-size: 0pt; color: #444; }