/* Theme Name: Wyżsa Szkoła Promocji Author: Lymorn Author URI: http://lymorn.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: #F6F6F6; color: #666; font: 0.75em/1.6666em Arial, Helvetica, "Lucida Sans", "Lucida Grande", LucidaGrande, "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, "Verdana", sans-serif;} .h1, .h2, .h3 ,.h4 ,.h5, .h6, h1, h2, h3 ,h4 ,h5, h6 {color: ;} h1 a:hover, h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, h6:hover, h1 a:focus, h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus, h6:focus, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #1468B3; border-bottom: none;} h1, .h1 {font-size: 2em; line-height: 1.6666em; padding: 0 0; margin: 0 0 0; font-weight: normal;} h2, .h2 {font-size: 1.5em; font-weight: normal; line-height: 1.1111em; padding: 1.1111em 0;} h3, .h3, h6, .h6 {font-size: 1.3333em; line-height: 1.25em; padding: 1.25em 0; font-weight: bold;} h4, .h4 {font-size: 1.1666em; line-height: 1.4285em; padding: 1.4285em 0; font-weight: bold;} h5, .h5 {font-size: 1em; line-height: 1.6666em; padding: 1.6666em 0; font-weight: bold;} p, address {text-align: justify; line-height: 1.6666em; margin: 0 0 1.6666em;} a {text-decoration: none; color: #1468B3;} a.more {} i, em, .highlight {color: #1468B3;} blockquote {padding: 1.6666em 1.6666em 0; margin: 0 0 1.6666em; background: #ECECEC; overflow: hidden;} address span {white-space: nowrap;} table {width: 100%; margin: 0 0 1.6666em;} td, th {text-align: left; line-height: 1.6666em; padding: 0.8333em 1.6666em 0.75em; color: #000; border-bottom: 1px solid #c2c2c2;} th {background: #fc0; border-color: #fff;} .lighter th {} .lighter td {background: #e3e3e3;} .attachment {margin: 0 0 1.6666em; color: #999;} .attachment a {border-bottom: 0; background: none;} .attachment p {padding: 0; margin: 0; text-align: left;} .attachment.alignleft {margin-right: 1.6666em;} .attachment.alignleft {margin-right: 1.6666em;} .attachment.alignright {margin-left: 1.6666em;} .attachment.aligncenter {margin-left: auto; margin-right: auto;} .attachment.aligncenter p {text-align: center;} .attachment.aligncenter img {clear: both; display: block; margin: 0 auto;} .alignleft {float: left !important;} .alignright {float: right !important;} .aligncenter {clear: both !important;} input, select, textarea, button {width: ; padding: 0.2727em 0.3636em; background: #fff; height: 1.0909em; border: 0.0909em solid #ccc; color: #999; font-size: 0.9166em; font-family: Arial, Tahoma, Verdana, sans-serif; vertical-align: bottom; border-radius: 0.3636em; -moz-border-radius: 0.3636em; -webkit-border-radius: 0.3636em;} input:focus, textarea:focus {color: #666; border-color: #bbb;} input[type=submit], button {width: auto; height: 1.8181em; color: #fff; padding: 0 0.3636em; background: #1E7CCD url("gfx/bg_submit.gif") repeat-x 0 0; border: none; vertical-align: bottom;} input[type=checkbox], input[type=radio] {width: auto;} textarea {height: 10em;} label {display: block;} form p {margin: 0 0 0.8333em; color: #666;} button img {vertical-align: baseline;} #whole {background: #fff; margin: 0 0 0 -24px;} #top-area {width: 960px; margin: 0 auto; overflow: hidden; padding: 0 0 0 24px;} #middle-area {width: 960px; margin: 0 auto; overflow: hidden; height: 100%; padding: 0 0 0 24px; background: url("gfx/bg_middle.png") no-repeat 0 0;} #bottom-area {overflow: hidden; height: 100%; padding: 0 0 0 24px; border-top: 1px solid #ECECEC;} #whole-bg {} #top-area-bg {} #middle-area-bg {background: url("gfx/bg_middle.gif") repeat-x 0 0;} #bottom-area-bg {} .e1 #middle-area {background-image: url("gfx/bg_middle_e1.png");} .e2 #middle-area {background-image: url("gfx/bg_middle_e2.png");} .e3 #middle-area {background-image: url("gfx/bg_middle_e3.png");} .e0 #middle-area {background-image: none;} .e1 #middle-area-bg {background-image: url("gfx/bg_middle_e1.gif");} .e2 #middle-area-bg {background-image: url("gfx/bg_middle_e2.gif");} .e3 #middle-area-bg {background-image: url("gfx/bg_middle_e3.gif");} .e0 #middle-area-bg {background-image: url("gfx/bg_middle_home.gif");} /* --- TOP --- */ #header {width: 200px; float: left;} #logo {padding: 8px 0 11px 30px;} #logo a {display: block; width: 139px; height: 141px; color: #232020; text-decoration: none; background: url("gfx/logo-wsp.gif") no-repeat 0 0;} #logo a span {display: none;} #logo a:focus, #logo a:hover {} #main-navigation {width: 740px; float: right; padding: 0 0; margin: 0 0 0.1666em; background: #EDECEC url("gfx/bg_main-navigation.gif") repeat-x 0 0; overflow: hidden; border-radius: 0 0 0.3333em 0.3333em; -moz-border-radius: 0 0 0.3333em 0.3333em; -webkit-border-radius: 0 0 0.3333em 0.3333em;} #main-navigation ul {float: left; margin-left: -2px;} #main-navigation p {float: right;} #main-navigation li {display: block; float: left; padding-left: 2px; background: url("gfx/bg_main-navigation_spacer.gif") no-repeat 0 0;} #main-navigation a {display: block; float: left; padding: 0.75em; color: #666; text-shadow: -1px -1px 1px #F7F6F6;} #main-navigation li:first-child a {border-radius: 0 0 0 0.3333em; -moz-border-radius: 0 0 0 0.3333em; -webkit-border-radius: 0 0 0 0.3333em;} #main-navigation span {} #main-navigation a:focus, #main-navigation a:hover {color: #000; background: #F0F0F0 url("gfx/bg_main-navigation_hover.gif") repeat-x 0 0; text-shadow: -1px -1px 1px #fff;} #main-navigation .current a {color: #fff; background: #1469B4 url("gfx/bg_main-navigation_active.gif") repeat-x 0 0; text-shadow: 1px 1px 1px #1469B4;} #main-navigation p {float: right; padding: 0.75em 0.8333em; height: 1.6666em; margin: 0; background: #D6D6D6; border-radius: 0 0 0.3333em 0; -moz-border-radius: 0 0 0.3333em 0; -webkit-border-radius: 0 0 0.3333em 0;} #main-navigation input {width: 19ex; border-color: #fff;} #main-navigation input[type=submit], #main-navigation button[type=submit] {width: auto; margin-left: -1ex;} #ad-banner {float: left; width: 550px; height: 85px; margin: 15px 0 0 20px; background: url("gfx/bg_banner.gif") no-repeat 0 0;} #login-panel {float: right; padding: 15px 0.8333em 0;} #login-panel h6 {padding: 0 0 0.625em; color: #666;} #login-panel input {width: 17ex;} #login-panel input[type=submit], #login-panel button[type=submit] {width: auto; margin-left: 1ex;} /* --- middle --- */ div.box {margin-bottom: 3.3333em;} #content div.box {} #sidebar div.box {} #content {width: 740px; float: right;} #content small {} #content img {border: 1px solid #c2c2c2; background: #fff; padding: 1px; vertical-align: bottom;} #content a:focus img, #content a:hover img {border-color: #666;} .e0 #content-header {height: 251px; padding: 0; background: none;} #content-header {font-size: 2.5em; line-height: 0.6666em; padding: 2.6666em 0.6666em 0.6666em; margin: 0 0 0.6666em; color: #fff; background: url("gfx/slogan.png") no-repeat 565px 50%;} #content-header b {font-size: 0.8em; line-height: 0.8333em; padding-left: 0.7916em; margin-left: 0.8333em; border-left: 0.0416em solid #fff; font-weight: normal;} #content-attachment {width: 249px; height: 379px; float: left; padding: 11px; background: url("gfx/bg_img_att.png") no-repeat 0 0;} #content-attachment img {border: none; background: none; padding: 0;} .content-header {padding: 0 0 1.6666em;} .content-header h2, .content-header .h2 {padding: 0 0 0.625em;} .content-meta {padding: 0 0 0.8333em; margin: 0; color: ;} .content-meta .path a {color: #999;} .content-meta .path a.current {color: #333;} .content-meta .path a:focus, .content-meta .path a:hover {border-bottom: 0.0833em dotted #333;} .content-body {overflow: hidden; height: 100%;} .content-body p a, .content-body li a {border-bottom: 0.0833em dotted #1468B3;} .content-body a:hover, .content-body a:focus {border-style: solid;} .content-body hr {margin-top: 6px; margin-bottom: 20px;} .content-footer p {text-align: left; margin: 0;} .content-attachment {float: left;} .content-attachment h6:first-child {padding-top: 0;} .content-attachment a.more {float: right;} #content .content-attachment ul {border-top: 0.0833em solid #c2c2c2;} #content .content-attachment li {border-bottom: 0.0833em solid #c2c2c2; list-style: none; margin: 0; padding: 0.8333em 0 0.75em;} #content .list ul.gallery li {width: 360px; margin: 0 17px 20px 0; padding: 20px 0 0; text-align: left; background: url("gfx/bg_lists.gif") no-repeat 100% 0;} #content .list ul.gallery div {padding: 0 20px 20px; background: url("gfx/bg_lists.gif") no-repeat 100% 100%; overflow: hidden; height: 100%;} #content .list ul.gallery h2 {margin: 0; padding: 0;} #content .list ul.gallery div {} #content .list ul.gallery span {display: inline;} #content .list ul.gallery img {width: auto; float: left; margin: 0 1.6666em 1.6666em 0;} .list p.footer {text-align: right; margin: 0;} .list a.more {font-weight: bold;} #content .list.small ul.gallery li {width: 233px; padding: 10px 0 0; background-position: 0 0;} #content .list.small ul.gallery div {padding: 0 10px 10px; background-position: 0 100%;} #content .list.small ul.gallery img {margin: 0 0.8333em 0 0;} #content .list.small ul.gallery h2 {margin-bottom: 1.6666em;} #content .list.simple ul.gallery {border-top: 0.0833em solid #ECECEC; margin-right: 0;} #content .list.simple ul.gallery li {display: block; width: auto; padding: 0.75em 1.6666em; margin: 0; background: #fff; border-bottom: 0.0833em solid #ECECEC;} #content .list.simple ul.gallery li.even{background: #F5F5F5;} #content .list.simple ul.gallery div {background: none; padding: 0; overflow: hidden; height: 100%;} #content .list.simple ul.gallery h2 {float: left;} #content .list.simple ul.gallery p.date {float: right; margin: 0;} td + td {text-align: right;} #content ul {list-style: none; margin: 0 0 1.6666em;} #content ol {list-style: decimal; margin: 0 0 1.6666em;} #content ul li {display: list-item; padding: 0 0 0 1.6666em; background: url("gfx/bg_pointer.gif") no-repeat 0.6666em 0.6666em;} #content ol li {display: list-item; margin: 0 0 0 2.6666em;} #content ol ul li, #sidebar ol ul li {margin: 0;} #content ul ul, #content ol ol, #content ul ol, #content ol ul {margin: 0;} #sidebar ul ul, #sidebar ol ol, #sidebar ul ol, #sidebar ol ul {margin: 0;} #content ul.gallery {width: ; padding: 0; margin: 0 -30px 1.6666em 0; text-align: left; overflow: hidden;} #content ul.gallery li {display: -moz-inline-stack; display: inline-block; width: 132px; list-style: none; margin: 0 -4px 20px 0; padding: 0 20px 0 0; background: none; text-align: center; vertical-align: top; zoom: 1; *display: inline;} #content ul.gallery img {vertical-align: bottom; width: 130px;} #content ul.gallery a {border: none;} #content ul.gallery a:hover {color: #333;} #content ul.gallery span {display: block;} .pagination {padding: 0.8333em; margin: 0 0 1.6666em; background: #F8F8F8 url("gfx/bg_pagination.gif") no-repeat 0 0; overflow: hidden; height: 100%;} .pagination .h1 {line-height: 0.8333em;} .pagination p {margin: 0; float: left;} .pagination p + p, .pagination p.articles, .pagination p.pages {text-align: right; float: right;} .pagination a {display: -moz-inline-stack; display: inline-block; color: #999; zoom: 1; *display: inline; padding: 0 0.5em; border-radius: 0.3333em; -moz-border-radius: 0.3333em; -webkit-border-radius: 0.3333em;} .pagination a span {display: block;} .pagination a:focus, .pagination a:hover {color: #000; border-color: #999;} .pagination a:focus span, .pagination a:hover span {} .pagination a.current:focus, .pagination a.current:hover, .pagination .pages a.current:focus, .pagination .pages a.current:hover, .pagination a.current {background: #1569B4 url("gfx/bg_submit.gif") repeat-x 0 0; color: #fff; border-color: #1569B4;} .pagination a.current:focus span, .pagination a.current:hover span, .pagination a.current span {background: url("gfx/bg_pagination.png") no-repeat 0 0; border-color: #1569B4;} .pagination a.more, .pagination a.back {line-height: 1.5em; background: #fff; border: 0.08333em solid #ccc;} .pagination .pages a:focus, .pagination .pages a:hover {border-color: #ccc;} .pagination .pages a {font-size: 1.1666em; line-height: 1.2857em; padding: 0 0.3571em; border: 0.0714em solid transparent; border-radius: 0.2857em; -moz-border-radius: 0.2857em; -webkit-border-radius: 0.2857em;} .e0 #sidebar {background: none; padding: 0; margin: 0;} #sidebar {width: 200px; float: left; background: #fff; padding: 0 20px; margin: 0 -20px;} #sidebar h6 {padding-bottom: 0;} #sidebar ul {list-style: none; margin: 0 0 1.6666em;} #sidebar ol {list-style: decimal; margin: 0 0 1.6666em;} #sidebar li {padding-left: 1.6666em; background: url("gfx/bg_pointer.gif") no-repeat 0.6666em 0.6666em;} #sidebar li a {color: #666;} #sidebar li a:focus, #sidebar li a:hover {color: #000;} .e0 #navigation {padding-top: 40px; height: 191px;} #navigation {} #navigation ul {} #navigation ul ul {display: none;} #navigation .current ul {display: block;} #navigation li {display: block; margin: 0 0 0.25em; padding: 0;} #navigation a {display: block; background: url("gfx/bg_navigation.png") no-repeat 0 -180px; text-shadow: -1px -1px 0px #fff;} #navigation a span {display: block; font-size: 1.5em; line-height: 20px; padding: 20px 0.8333em; background: url("gfx/bg_pointer_big_white.gif") no-repeat 95% 50%;} #navigation a:focus, #navigation a:hover {background-position: 0 -660px;} #navigation .e1 a {background-position: 0 0;} #navigation .e2 a {background-position: 0 -60px;} #navigation .e3 a {background-position: 0 -120px;} #navigation .e1 a:focus, #navigation .e1 a:hover {background-position: 0 -480px;} #navigation .e2 a:focus, #navigation .e2 a:hover {background-position: 0 -540px;} #navigation .e3 a:focus, #navigation .e3 a:hover {background-position: 0 -600px;} #navigation .current a:focus, #navigation .current a:hover, #navigation .current a {background-position: 0 -900px; text-shadow: 1px 1px 1px #186EBB; color: #fff;} #navigation .current.e1 a:focus, #navigation .current.e1 a:hover, #navigation .current.e1 a {background-position: 0 -720px; text-shadow: 1px 1px 1px #68C1F6;} #navigation .current.e2 a:focus, #navigation .current.e2 a:hover, #navigation .current.e2 a {background-position: 0 -780px; text-shadow: 1px 1px 1px #ACC702;} #navigation .current.e3 a:focus, #navigation .current.e3 a:hover, #navigation .current.e3 a {background-position: 0 -840px; text-shadow: 1px 1px 1px #FEC41F;} #navigation .current ul li {background: none; margin: 0; border-top: 0.0833em solid #ECECEC; text-shadow: none;} #navigation .current ul li:first-child {border-top-color: #fff;} #navigation .current ul a:focus, #navigation .current ul a:hover, #navigation .current ul a {background-image: url("gfx/bg_pointer.gif"); background-position: 0.4166em 1.5em !important; color: #666; margin: 0; padding: 0.8333em 0.8333em 0.8333em 1.25em; text-shadow: none;} #navigation .current.e1 ul a {background-image: url("gfx/bg_pointer_blue.gif"); text-shadow: none;} #navigation .current.e2 ul a {background-image: url("gfx/bg_pointer_green.gif"); text-shadow: none;} #navigation .current.e3 ul a {background-image: url("gfx/bg_pointer_orange.gif"); text-shadow: none;} #navigation .current ul a span {background: none; margin: 0; padding: 0; display: inline; font-size: 1em; line-height: 1.6666em;} #navigation .current ul a:focus, #navigation .current ul a:hover {background-color: #f8f8f8; color: #000; text-shadow: none !important;} #navigation .current ul .current a {background: #186EBB url("gfx/bg_pointer_white.gif") no-repeat 0.4166em 1.5em; color: #fff; font-weight: bold;} #navigation .current.e1 ul .current a:focus, #navigation .current.e1 ul .current a:hover, #navigation .current.e1 ul .current a {background-color: #68C1F6;} #navigation .current.e2 ul .current a:focus, #navigation .current.e2 ul .current a:hover, #navigation .current.e2 ul .current a {background-color: #ACC702;} #navigation .current.e3 ul .current a:focus, #navigation .current.e3 ul .current a:hover, #navigation .current.e3 ul .current a {background-color: #FEC41F;} #navigation .current ul .current a:focus, #navigation .current ul .current a:hover{color: #fff;} .banners p {margin-bottom: 0.8333em;} .banners img {vertical-align: bottom;} /* --- bottom --- */ #legal-notice {width: 960px; margin: 0 auto; padding: 1.6666em 0; overflow: hidden; color: #999;} #legal-notice address {font-size: 0.9166em; line-height: 1.8181em; margin: 0; font-style: normal;} #legal-notice p {font-size: 0.8333em; line-height: 2em; margin: 0; text-transform: uppercase;} #legal-notice p.patrons {float: right; font-size: 1.5em; line-height: 1.1111em; text-transform: none; padding: 1.1111em 0 1.1111em 2.2222em; margin-left: 2.1666em; border-left: 0.0555em solid #D8D8D8;} #legal-notice p.patrons img {vertical-align: middle; margin: -100% 0 -100% 2.2222em;} #footer-bg {background: #F6F6F6;} #footer {width: 960px; margin: 0 auto; padding: 0.8333em 0; overflow: hidden; color: #999;} #footer ul {float: left; margin: 0 0 0 -0.9166em; padding: 0.4166em 0;} #footer li {display: block; float: left; font-size: 0.9166em; line-height: 0.9090em; border-left: 0.0909em solid #B2B2B2; padding: 0 0.9090em;} #footer p {float: right; font-size: 0.9166em; line-height: 0.9090em; margin: 0.4545em 0; padding: 0 0.9090em;} #footer p.copyrights {} #footer p.created {margin-right: -1em; border-left: 0.0909em solid #B2B2B2;} #footer p.lymorn {display: none;} #footer a {color: #999;} #footer a:focus, #footer a:hover {color: #666;}