/* Author: Leszek Krolikowski - http://lymorn.com/ Project: Nauka Świata For: Szymaszkiewicz Informatics - http:/szymaszkiewicz.com/ */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} /* ---------- GLOBAL ----------- */ body {background: #F2F2F2 url("../gfx/bg.jpg") repeat-x 0 0; font: 11px Arial, Helvativa,"Trebuchet MS", Trebuchet, Tahoma, Verdana, Geneva, sans-serif; color: #737373;} h2, h3 ,h4 ,h5, h6 {color: #414141; font-weight: bold;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, h2 a, h3 a, h4 a, h5 a, h6 a {color: #414141; border-bottom: none;} h2 {font-size: 1.4545em; line-height: 13px; padding: 0 0 1.625em;} h3 {font-size: 1.2727em; line-height: 1.2857em; padding: 0 0 1.2857em;} h4 {font-size: 1.1818em; line-height: 1.3846em; padding: 1.3846em 0;} h5 {font-size: 1.0909em; line-height: 1.5em; padding: 1.5em 0;} h6 {font-size: 1.0909em; line-height: 1.5em; padding: 1.5em 0;} p {line-height: 1.6363em; padding: 0 0 1.6363em;} p.more {text-align: right; padding: 0;} a {color: #414141;} a:focus, a:hover {} a.more {font-weight: bold; } a.more:hover, a.more:focus {border: none;} img {} img.alignleft {margin: 0.2857em 1.5em 0.5em 0;} img.alignright {margin: 0.2857em 0 0.5em 1.5em;} img.aligncenter {clear: both; margin: 0 auto;} .alignleft {float: left !important; clear: left;} .alignright {float: right !important; clear: right;} .aligncenter {float: none; margin: auto;} ul, li {list-style: none;} .align-left {text-align: left !important;} .align-right {text-align: right !important;} .align-center {text-align: center !important;} .important {font-weight: bold !important; color: #e00000 !important;} .highlight {font-weight: bold; color: #C57E20;} .larger {font-size: 1.2857em; line-height: 1.1666em;} /* ---------- MAIN BLOCKS ---------- */ #whole {background: url("../gfx/bg_whole.jpg") no-repeat 50% 0;} #top_area {clear: both; width: 981px; margin: 0 auto; height: 278px;} #middle_area {clear: both; width: 959px; margin: 0 auto 4px; padding: 1.6363em 11px; background: #E7E7E7 url("../gfx/bg_middle.jpg") repeat-x 0 0; overflow: hidden; height: 100%;} #bottom_area {clear: both; width: 981px; margin: 0 auto; padding: 0.6363em 0 3.2727em; border-top: 2px solid #B8BDB5; overflow: hidden; height: 100%;} /* ---------- TOP AREA ---------- */ #header {height: 43px; overflow: hidden;} #header h1 {padding: 0 0 0 20px; float: left;} #header h1 a {display: block; width: 360px; height: 43px;} #header h1 a span {display: none;} #header p {float: right;} #header p a {display: block; width: 170px; height: 43px;} #header p a span {display: none;} #cover {height: 197px; background: #fff url("../gfx/cover_img0.jpg") no-repeat 6px 6px;} #main-navigation {height: 40px; padding: 6px 0 38px; background: url("../gfx/bg_nav.jpg") no-repeat 50% 0; display: none;} #main-navigation ul {width: 491px; margin: 0 auto; padding: 0 0 0 1px; overflow: hidden; height: 100%:} #main-navigation li {display: inline;} #main-navigation a {display: block; float: left; width: 97px; height: 34px; margin: 0 1px 0 0; line-height: 34px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; background: #8F8E8D url("../gfx/bg_nav_li.gif") no-repeat 0 0; } #main-navigation a span {line-height: 1em;} #main-navigation .current a, #main-navigation a:focus, #main-navigation a:hover {background: #D14C4C url("../gfx/bg_nav_li.gif") no-repeat 0 -34px;} /* ---------- MAINPAGE ----------- */ #content {width: 700px; float: left; padding: 0 18px;} #content img {vertical-align: bottom;border: 1px solid #9B9A99;} #content .noborder {border: none;} #content ul, #content ol {margin: 0 0 1.5em;} #content li {margin-left: 2em; line-height: 1.5em;} #content ol li {list-style: decimal;} #content ul li {list-style: square;} #content ul.gallery li {list-style: none; margin: 0 11px 11px 0;} ul.gallery {padding: 0; margin: 0 -11px 1.6363em 0; text-align: left; overflow: hidden;} ul.gallery li {display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 11px 11px 0; padding: 0; background: none; text-align: center; vertical-align: top; zoom: 1; *display: inline;} ul.gallery b {display: block; font-weight: normal;} ul.gallery a {display: block;} ul.gallery a:focus, ul.gallery a:hover {border-bottom: none;} #sidebar {width: 214px; float: right;} #sidebar .box {background: #E4E4E4 url("../gfx/bg_sidebar.jpg") repeat-y 0 0; clear: both;} #sidebar .box-bg {background: url("../gfx/bg_sidebar_bottom.jpg") no-repeat 0 100%;} #sidebar .box-bg2 {background: url("../gfx/bg_sidebar_top.jpg") no-repeat 0 0; padding: 20px; zoom: 1;} #sidebar h6 {font-size: 1.6363em; line-height: 1em; margin: 0 0 0 -3px; padding: 0 0 20px 12px; font-weight: normal; text-transform: lowercase; background: url("../gfx/bg_h6.gif") no-repeat 0 0.3636em; zoom: 1;} #sidebar p {padding: 0;} #sidebar li {margin: 0 0 0 10px; list-style: square; line-height: 1.6363em;} #sidebar ul {} #sidebar ul ul {padding: 0;} #sidebar ul ul li {list-style: circle;} #sidebar a, #sidebar .current ul a, #sidebar ul ul .current ul a {color: #414141; font-weight: normal;} #sidebar .current a {font-weight: bold;} #sidebar ul ul .current a {font-weight: bold;} #sidebar ul ul ul .current a {font-weight: bold;} .box {margin: 0 0 1.6363em;} #advertise p {text-align: center; margin: 0 -20px -20px;} #guest-book p {text-align: center;} #newsletter input.text {width: 170px; padding: 2px; font-size: 0.9090em; background: none; border: 1px solid #C9C9C9; color: #535151;} #newsletter input.submit {width: 174px; padding: 4px 0; font-size: 0.8181em; background: none; border: none; font-weight: bold; text-align: right; text-transform: uppercase; color: #535151;} #content .box {padding: 1.6363em; border: 1px solid #fff; background: #198AC1 url("../gfx/bg_box_blue.jpg") repeat-x 0 0; color: #fff;} #content .box * {color: #fff;} #content .box.green {background: #52885D url("../gfx/bg_box_green.jpg") repeat-x 0 0;} /* ---------- BOTTOM AREA --------- */ #footer {} #footer p {height: 1em; line-height: 1em; float: right; padding: 0; color: #9AA295;} #footer p.copyrights {float: left;} #footer p.lymorn {display: none;} #footer p.szlanga {border-right: 1px solid #9AA295; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0;} #footer a {color: #9AA295;} /* ---------- START ---------- */ body#start {background-image: url("../gfx/bg_start.jpg");} #start #whole {background-image: url("../gfx/bg_start_header.jpg"); min-height: 520px;} #start #header {height: auto;} #start #header h1 {float: none;} #start #header h1 a {width: 100%; height: 500px;} #start #header p {display: none;} #start #top_area {height: auto;} #start #bottom_area {border: none;} #start #footer {text-align: center;} #start #footer p {float: none; margin: 0 0.6363em 0.6363em; text-align: center; color: #616B5C;} #start #footer p.szlanga {display: inline;} #start #footer p.szymaszkiewicz {display: inline;} #start #footer a {color: #616B5C;}