/* Author: Leszek Królikowski - http://lymorn.com/ Project: Centrum dietetyki 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: #fff; color: #595757; font: 0.75em/1.6666em Arial, Helvatica, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Tahoma, Verdana, Geneva, "DejaVu Sans", sans-serif;} h2,h3 ,h4 ,h5, h6 {color: #6596A2; font-weight: bold; font-family: Tahoma, Verdana; letter-spacing: 0.0618em;} h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, h6:hover, h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus, h6:focus, h2 a,h3 a,h4 a,h5 a, h6 a {color: #6596A2; border-bottom: none;} h2 {font-size: 1.1666em; line-height: 1.4285em; padding: 0 0 0.2857em; margin: 0 0 -10px; border-bottom: 1px dotted #E0E0E0;} h3 {font-size: 1.1666em; line-height: 1.4285em; padding: 1.4285em 0;} h4 {font-size: 1.1666em; line-height: 1.4285em; padding: 1.4285em 0;} h5 {font-size: 1.1666em; line-height: 1.4285em; padding: 1.4285em 0;} h6 {font-size: 1em; line-height: 1.6666em; padding: 1.6666em 0;} p {line-height: 1.6666em; margin: 0 0 1.6666em;} a {text-decoration: none; color: #6596A2;} a[class*=more] {font-weight: bold; font-size: 0.9166em;} .alignleft {float: left;} .alignright {float: right;} .aligncenter {margin-left: auto; margin-right: auto;} img.alignleft {margin-right: 1.6666em;} img.alignright {margin-left: 1.6666em;} img.aligncenter {display: block; clear: both; margin-bottom: 1.6666em;} form p {margin: 0;} input, select, textarea {padding: 0.1666em 0.3333em; background: #fff; border: 1px solid #E0E0E0; font-size: 1em; font-family: Arial, Helvatica, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Tahoma, Verdana, Geneva, "DejaVu Sans", sans-serif;;color: #828279;} #whole {width: 942px; margin: 0 auto; padding: 30px 10px; background: url("gfx/bg_sprite.jpg") no-repeat 0 30px;} #top_area {clear: both; height: 357px;} #middle_area {clear: both; overflow: hidden; height: 100%;} #bottom_area {clear: both; overflow: hidden; height: 100%; padding: 30px 0 0;} /* --- TOP --- */ #header {width: 231px; height: 313px; float: left; overflow: hidden;} #header h1 {} #header a {display: block; width: 231px; height: 287px;} #header p, #header span {display: none;} #main-navigation {width: 711px; float: left; margin: 0 -6px 0 6px;} #main-navigation ul {width: 231px; height: 222px; padding: 52px 6px 39px 0; margin: 0 0 0 0px; float: left; background: url("gfx/bg_sprite.jpg") no-repeat -1924px -620px;} #main-navigation ul.e1 {background-position: -1209px -310px;} #main-navigation ul.e2 {background-position: -1446px -310px;} #main-navigation ul.e3 {background-position: -1683px -310px;} #main-navigation ul.e1.current {background-position: -1209px 0;} #main-navigation ul.e2.current {background-position: -1446px 0;} #main-navigation ul.e3.current {background-position: -1683px 0;} #main-navigation ul.e1:focus, #main-navigation ul.e1:hover {background-position: -1924px -620px;} #main-navigation ul.e2:focus, #main-navigation ul.e2:hover {background-position: -1924px -620px;} #main-navigation ul.e3:focus, #main-navigation ul.e3:hover {background-position: -1924px -620px;} #main-navigation li {margin: 0 0 0 15px;} #main-navigation a {color: #fff; font-weight: bold;} #main-navigation a:focus, #main-navigation a:hover {border-bottom: 1px solid #fff;} #sidebar-title {width: 231px; height: 22px; margin: 2px 0 0; float: left; background: url("gfx/bg_sprite.jpg") no-repeat -1924px -620px;} #sidebar-title.e1 {background-position: -1209px 0;} #sidebar-title.e2 {background-position: -1445px 0;} #sidebar-title.e3 {background-position: -1682px 0;} #top_area marquee, #text-banner {width: 699px; height: 24px; float: right; margin: 1px 2px 0; line-height: 24px; overflow: hidden;} #text-banner p {margin: 0; padding: 0 1em; line-height: 25px; white-space: nowrap;} /* --- middle --- */ .item-gallery.headings h3 {padding: 0;} #sidebar {width: 158px; float: left; padding: 0 0 30px;} #sidebar ul {list-style: square;} #sidebar ol {list-style: decimal;} #sidebar li {list-style: none; color: #E0E0E0; padding: 0.3333em 0 0.4166em; border-bottom: 1px dotted #57686C;} #sidebar ul ul li {margin: 0 0 0 20px; padding: 0; list-style: circle; border: none; background: none; font-weight: normal;} #sidebar ul li.current {font-weight: bold;} #sidebar ul ul li:focus, #sidebar ul ul li:hover {color: #57686C;} #sidebar ul ul li.current {font-weight: bold; list-style: disc; color: #57686C;} #sidebar a {color: #57686C;} #sidebar a:hover {border-bottom: 1px solid #E0E0E0;} #sidebar a:focus {border-bottom: 1px solid #E0E0E0;} #sidebar a:active {color: #57686C;} #categories ul {} #categories li {margin: 0 0 0 20px; list-style: none;} #categories a {color: #7B8D03;} #categories ul a:hover, #categories ul a:focus {border-bottom: 1px solid #D7DAC7;} #content {width: 694px; float: right; padding: 30px;} #content h2 a:hover, #content h2 a:focus {border-bottom: none;} #content p {text-align: justify;} #content img, #content iframe {border: 1px solid #E0E0E0; vertical-align: bottom;} #content ul {list-style: disc; margin: 0 0 1.6666em;} #content ol {list-style: decimal; margin: 0 0 1.6666em;} #content li {display: list-item; margin: 0 0 0 1.6666em;} /* --- bottom --- */ #footer {width: 948px; overflow: hidden; height: 100%; margin: 0 -6px 0 0;} #footer p {width: 231px; margin: 0 6px 0 0; float: left; font-size: 0.9166em; border-top: 4px solid #fff;} #footer p.copyrights a, #footer p.copyrights {border-color: #CB7C74; color: #CB7C74;} #footer p.szymaszkiewicz a, #footer p.szymaszkiewicz {border-color: #C5C975; color: #C5C975;} #footer p.szlanga a, #footer p.szlanga {border-color: #B7B188; color: #B7B188;} #footer p.lymorn a, #footer p.lymorn {border-color: #88B7B1; color: #88B7B1;} /* ---------- IMAGE ZOOM ---------- */ #image_zoom {position: absolute; top: 20px; left: 0; z-index: 100; width: 100%; height: 100%; display: table;} #image_zoom_bg {position: fixed; top: 0; left: 0; z-index: 90; float: left; width: 100%; height: 100%; background: #000; filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;} #iz_window {display: table-cell; vertical-align: middle; text-align: center;} #iz_inner {width: 98%; margin: 1em auto;}