/* Author: Leszek Krolikowski - http://lymorn.com Project: ProfiParkiet - http://profi-parkiet.pl For: Profabrica - http://profabrika.pl */ /* ---------- MAINPAGE ----------- */ #content {width: 677px; margin: 0 31px 0 26px; font-size: 1.1em; float: right;} #content a img {padding: 5px;} #content a:hover img {padding: 4px; border: 1px solid #3D3D3D;} #content .noborder {border: none;} #content .nobg {background: none;} #content ul, #content ol {padding: 1.6363em 0;} #content li {line-height: 1.6363em;} #content ol li {margin-left: 1.6363em; list-style: decimal;} #content ul li {margin-left: 0; padding-left: 1.6363em; background: url("../gfx/bg_li.gif") no-repeat 0.27em 0.6363em; height: 100%;} #content p.info {color: #DDDDDD; padding: 0.3636em 0; margin: 0 0 0.1818em; border-bottom: 1px solid #383838;} #content p.info.repertuar {font-size:1.24em; border:none; } #content p.info span {margin: 0 0.5454em 0 0;} #content div.dinfo {color: #DDDDDD; padding: 0.3636em 0; margin: 0 0 0.1818em; border-bottom: 1px solid #383838;} #content div.dinfo.repertuar {font-size:1.24em; border:none; } #content div.dinfo span {margin: 0 0.5454em 0 0;} #content div.dinfo a.more {line-height: 5em; margin: 0 3em 0 0;} #content p a.more {line-height: 5em; margin: 0 3em 0 0;} #content div.description a.more {line-height: 5em; margin: 0 3em 0 0;} #content p.options {margin: 1.5em 0 0;} #content ul.item-gallery {} #content ul.item-gallery li {clear: both; padding: 3em 0 0 128px; margin: 0; overflow: hidden; border-bottom: 1px solid #383838; background: none;} #content ul.item-gallery img {float: left; margin: 0 0 0 -128px;} #content ul.item-gallery div.rep_uwagi img {margin:0;} #content ul.item-gallery h3 {color: #F4882A; clear: none; margin: 0.2em 0; font-size: 1.3636em;} #content ul.item-gallery h3 a {color: #F4882A;} #content ul.item-gallery p {margin: 0;} #content ul.item-gallery .repertuar_wrap {float:left; margin-right:30px; width:330px;} #content ul.gallery { padding: 0; margin: 1.6363em -5px; text-align: left; overflow: hidden;} #content ul.gallery li {width: 217px; display: -moz-inline-stack; display: inline-block; list-style: none; margin: 5px; float:left; padding: 0; background: none; text-align: center; vertical-align: top; zoom: 1; *display: inline;} #content ul.gallery img {width: auto !important; max-width: 207px;} #content ul.gallery b {display: block;} #content ul.gallery span {display: block; clear: both;} #content ul.gallery a.button {line-height: 5;} form.contact {margin: 2.25em 0 1.6363em;} form.contact h3 {margin-left: 128px;} form.contact p {overflow: hidden; height: 100%; white-space: nowrap; margin: 0 0 0.2727em;} form.contact label {width: 90px; float: left; display: block; text-align: right; font-weight: normal; padding: 3px 11px 0 0; color: #fff;} form.contact input.text {width: 228px; float: left; clear: right;} form.contact textarea {width: 228px; float: left; clear: right; height: 12em;} p.contact span {display: block; float: left; width: 40%;} #content span.white { color:#fff; } #content p.bolduj { color:#F4882A; font-weight:bold; } div.inner-sidebar-container {padding: 0 220px 0 0; overflow: hidden; clear: both;} #content div.inner-sidebar-container ul.gallery li {width: 143px; min-height:120px;} #content div.inner-sidebar-container ul.gallery img {width: auto !important; max-width: 133px;} div.inner-sidebar {margin: 0 -230px 0 0; width: 220px; float: right;} div.inner-sidebar h6 {margin-left: 5px;} div.inner-sidebar p {margin-top:0;} div.inner-sidebar img {padding: 0 5px;} div.info {margin-bottom: 0.75em; border-bottom: 1px solid #3D3D3D; clear: both;} div.info p {padding: 0.75em 0; margin: 0;} .calendar {height:250px; position:relative;} .calendar table {text-align: center; margin: 0 auto; line-height: 22px; border-collapse: separate; border-spacing: 0px; empty-cells: hide;} .calendar th {width: 22px; height: 22px; border-bottom: 1px solid #1E1D1B; margin-bottom: 3px; line-height: 22px; color: #DDDDDD;} .calendar td {width: 22px; height: 22px; line-height: 22px; padding: 6px 3px 0; background: url("../gfx/bg_calendar_td.gif") no-repeat 50% 100%; empty-cells: hide; color: #DDDDDD;} .calendar td.current {background-image: url("../gfx/bg_calendar_a.gif");} .calendar td.blank {background-image: url("../gfx/bg_calendar_td_blank.gif");} .calendar table a {color: #DDDDDD; display: block; background: url("../gfx/bg_calendar_a.gif") no-repeat 0 0;} .calendar p {text-align: center; line-height: 3em; margin: 0.5454em 0; color: #DB0735;} .calendar p.months {line-height:1.5em; margin:15px 0 5px 0; text-align:left; } .calendar span.mname { } .calendar p.years {line-height:1.5em; text-align:left;} .calendar div.cal_navi {position:absolute; bottom:0px; width:215px; text-align:left; } .calendar p a {padding: 0.5em 1em;} .calendar a {color: #DDDDDD;} div.paginer {text-align: right; margin: 1em 0;} div.paginer a {line-height: 24px; padding: 24px 12px; background: url("../gfx/bg_paginer.gif") no-repeat 50% 50%; color: #fff;} div.paginer.header {margin: -74px 0 0; line-height: 74px; height: 74px;} div.paginer.header a.repert {background:none; color:#DB0735;} #content .news h3 {font-size: 1em; margin-bottom: 0;} #content .news p.info {margin: 0; border: none; color: #4F4F4F; padding:0;} #content .news p.description {margin: 0.75em 0 5.25em 0;} #content ul.news p.description {margin: 0.75em 0 2.25em 0;} /* ---------- SIDEBAR ----------- */ #sidebar {width: 186px; padding: 0 0px 8px 0; float: left; font-size: 1.1em; overflow:visible;} #sidebar h6 {padding-left: 6px; color: #F4882A;} #sidebar h6 span.header {color: #fff;} #sidebar p {padding-left: 6px; text-align:left;} #sidebar ul {margin: 0 0 4em; overflow: hidden;} #sidebar li {display: block; clear: both; padding: 0.5em 1em 0.5em 6px; margin: -1px 0 1px; border-top: 1px solid #29292A;} #sidebar li ul {display:none;} #sidebar li.current ul {display:block;} #sidebar ul a {color: #E3E3EB;} #sidebar ul a span.prasa { font-weight:bold; } #sidebar a.more {background-image: url("../gfx/bg_more_dark.gif");} #sidebar .current a {color: #F4882A;} #sidebar .current li a {color: #E3E3EB;} #sidebar .current li.current a {color: #F4882A;} #sidebar .current a:hover {text-decoration: none;} #sidebar div.opis_box {padding:0; margin:0; color:#fff;} #sidebar div.opis_box div {padding-left: 6px;} /* ---------- TOP AREA ---------- */ #header {width: 246px; height: 212px; float: left;} #header h1 {width: 123px; height: 145px; display: block; margin: 37px 3px 0;} #header h1 a {width: 123px; height: 151px; display: block; background: url("../gfx/logo_teatr_muzyczny_gdynia.png") no-repeat 0 0;} #header h1 span {display: none;} #header h1 {width: 189px; height: 70px;} #navigation {height: 191px; clear: left;} #navigation ul {margin: 0 0 0 6px; background: url("../gfx/bg_navigation.jpg") no-repeat -191px 0; height: 100%;} #navigation li {display: block; float: left; width: 100%; height: 24px; line-height: 23px; padding: 0; margin: 0; border: none;} #navigation li.e1 a {width: 169px;} #navigation li.e2 a {width: 169px;} #navigation li.e3 a {width: 157px;} #navigation li.e4 a {width: 132px;} #navigation li.e5 a {width: 108px;} #navigation li.e6 a {width: 84px;} #navigation li.e7 a {width: 60px;} #navigation li.e1 a:hover {background: url("../gfx/bg_navigation.jpg") no-repeat 0 0;} #navigation li.e2 a:hover {background: url("../gfx/bg_navigation.jpg") no-repeat 0 -24px;} #navigation li.e3 a:hover {background: url("../gfx/bg_navigation.jpg") no-repeat 0 -48px;} #navigation li.e4 a:hover {background: url("../gfx/bg_navigation.jpg") no-repeat 0 -72px;} #navigation li.e5 a:hover {background: url("../gfx/bg_navigation.jpg") no-repeat 0 -96px;} #navigation li.e6 a:hover {background: url("../gfx/bg_navigation.jpg") no-repeat 0 -120px;} #navigation li.e7 a:hover {background: url("../gfx/bg_navigation.jpg") no-repeat 0 -144px;} #navigation a {color: #E3E3EB; padding: 0 11px 0; display: block;} #navigation a:hover {text-decoration: none; color: #F4882A;} #navigation .current a {color: #F4882A;} #banner {width: 734px; float: right; height: 165px; background: url("../gfx/bg_banner.jpg") no-repeat 0 0; border-bottom: 1px solid #1f1f28; font-size: 1.1em;} #banner div.columns {width: 711px; padding: 20px 0 0 26px; margin: 0 -3px 0 0;} #banner div.column33 {width: 205px; padding: 0 31px 0 0; margin: 0;} #banner p {margin: 0;} #banner p span {margin: 0 0.5em 0 0; white-space: normal;} #banner h5 span.gorne_tytul {font-weight:normal; font-size: 11px;} #banner a {line-height: 3;} /* ---------- BOTTOM AREA --------- */ #footer {width: 980px; overflow: hidden; height: 100%; margin: 3em 0 5em;} #footer a {color: #5E5E5E;} #footer p {color: #5E5E5E; float: left; padding: 0; margin: 0 0 1em; font-size: 1.1em;} #footer p.profabrica {float: right;} #footer p.bip {clear: both; padding: 1em 0 0 40px; background: url("../gfx/bip.gif") no-repeat 0 50%;} .bottom-bg {width: 294px; height: 178px; float: left; margin: -179px 0 0 -98px; background: url("../gfx/bg_sidebar_bottom.gif") no-repeat 0 100%; border-bottom: 1px solid #141414;} /* ---------- GLOBAL ----------- */ h2, h3, h4, h5, h6 {clear: both; color: #fff;} h2 a, h3 a, h4 a, h5 a, h6 a {color: #fff;} h2 span, h3 span, h4 span, h5 span, h6 span {} h2 {height: 48px; margin: 0 -31px 0 -26px; padding: 26px 31px 0 26px; font-size: 1.4545em; /*line-height: 74px;*/ font-family: "Trebuchet MS", Tahoma, Verdana, Geneva; font-weight: bold; border-bottom: 1px solid #3D3D3D;} h3 {margin: 1.547em 0 0.5157em 0; clear: none; font-size: 1.3636em; line-height: 1.0313em;} h3.high {margin: 1.547em 0 -1px 0; clear: none; font-size: 1.4545em; padding: 1em 0; line-height: 2em; border-bottom: 1px solid #3D3D3D;} h3.nazwisko {margin-top: 0.547em; /*padding-bottom:0.547em; padding-top:0.547em;*/} h3.nazwisko span.funkcje {font-size:11px; font-weight:normal; color:#a5a5a5;} h4 {margin: 1.7679em 0 0.5893em 0; clear: none; font-size: 1.2727em; line-height: 1.1786em;} h5 {margin: 2.0625em 0 0.6875em 0; clear: none; font-size: 1.0909em; line-height: 1.375em;} h6 {margin: 2.25em 0 0.75em 0; clear: none; font-size: 16px; font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Geneva; font-weight: bold; line-height: 1.5em;} p {margin: 2.25em 0 0.75em 0; font-size: 1em; line-height: 1.5em; text-align: justify;} p.niski { margin-top:1em; } #content div.description {margin: 2.25em 0 0.75em 0; font-size: 1em; line-height: 1.5em; text-align: justify;} img {border: none;} img.alignleft {margin: 0.18em 1.6363em 0.54em 0;} img.alignright {margin: 0.18em 0 0.54em 1.6363em;} img.aligncenter {margin: 1em auto;} .alignleft {float: left !important; clear: left;} .alignright {float: right !important; clear: right;} .aligncenter {float: none !important; clear: both; margin: 0 auto; display: block;} ul, li {list-style: none;} a {color: #DB0735; text-decoration: none;} a.szarak {color:#4F4F4F;} .fr {float:right;} a:hover {text-decoration: underline;} .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 {color: #f0f0f0;} a.more {padding: 1em 30px 1em 0; height: 24px; line-height: 24px; background: url("../gfx/bg_more.gif") no-repeat 100% 50%;} div.clearfix {clear: both; height: 0; overflow: hidden; line-height: 0;} /* Columns */ .columns {overflow: hidden; height: 100%; margin-right: -1.6363em;} .columns div, .columns p {float: left; clear: right; margin-right: 1.6363em;} .columns div p, .columns div div{margin-right: 0; float: none;} .column25 {width: 25%;} .column50 {width: 50%;} .column75 {width: 75%;} .column33 {width: 33%;} .column66 {width: 66%;} .column40 {width: 40%;} .column60 {width: 60%;} /* FORMS */ label {font-weight: bold;} label.radio {float: left; margin-left: 2.2em;} label.checkbox {float: left; margin-left: 2.2em;} input.text, input.password, select, textarea {padding: 4px 8px; clear: both; background: #1F1F1F url("../gfx/bg_input.gif") no-repeat 0 0; border: 1px solid #404040; font-size: 1em; font-family: tahoma; color: #A5A5A5;} input.newsletter { width:150px; } select {} option {margin: 0.2em 0; padding: 0 9px; background: #fff;} textarea {height: 6em; clear: right;} input.submit, input.reset {color: #DB0735; cursor: pointer; border: none; font-size: 1em;} input.submit {height: 24px; padding: 0 30px 2px 0; margin: 1em 0 0; background: url("../gfx/bg_more.gif") no-repeat 100% 50%;} #sidebar input.submit {background-image: url("../gfx/bg_more_dark.gif");} input.radio {width: auto; margin: 0.05em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;} input.checkbox {width: auto; margin: 0.05em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;} a.button {padding: 1em 30px 1em 0; height: 24px; line-height: 24px; background: url("../gfx/bg_more.gif") no-repeat 100% 50%; color: #DB0735;} a.button span {white-space: nowrap; cursor: pointer;} /* ---------- MAIN BLOCKS ---------- */ * {margin: 0px; padding: 0px;} body {background: #000; font: 10px Arial, Helvativa,"Trebuchet MS", Trebuchet, Tahoma, Verdana, Geneva, sans-serif; color: #A5A5A5;} #whole {clear: both; background: url("../gfx/bg_sidebar.gif") repeat-y 0 0; padding: 0 0 0 98px; } #top_area {width: 980px;background: url("../gfx/bg.jpg") no-repeat 0 0; overflow: hidden; padding: 0 0 0 98px; margin: 0 0 0 -98px;} #bottom_area {clear: both; border-top: 1px solid #181818; background: #000; height: 100%; padding: 0 0 0 98px; margin: 0 0 0 -98px;} /* START */ .start #banner {background: none;} #content ul#promowane_fade, #content ul#promowane_fade li {list-style-type: none; margin:0; padding:0; background:none; width:677px; height:289px; overflow:hidden;} #content ul#promowane_fade li div.paginer {position:absolute; bottom:6px; right:0px; margin:0;} #start-box {width: 677px; margin: 0 -31px 0 -26px; padding: 0 31px 0 26px; background: url("../gfx/bg_start_box.jpg") no-repeat 0 0; overflow: hidden; height: 100%; position: relative;} #start-box div.left {width: 223px; float: left;} #start-box h3 {margin: 1.6em 0; font-size: 1.1818em;} #start-box h5 {margin: 1.6em 0; font-size: 1em;} #start-box p {margin: 0;} #start-box p.description {margin: 0 0 1em; color: #DEDEDE;} #start-box div.description {margin: 0 0 1em; color: #DEDEDE;} #start-box p.info {margin: 0; color: #EFEFEF;border-bottom: 1px solid #9A9A9A; text-align: left;} #start-box p.info span {display: block; float: left; width: 68px;} #start-box p.info span.oddal {margin-left:74px; width:154px; float:none;} #start-box a.more {margin: 0 0; float: right; padding: 1em 30px 1em 0; background-image: url("../gfx/bg_more_start.gif");} #start-box div.paginer a {background-image: url("../gfx/bg_paginer_start.gif"); padding:14px 12px;} #start-box div.paginer a.current {font-weight:bold;} #start-box div.right {width: 431px; float: right;} #content ul#promowane_fade li .czytaj_spektakl {position:absolute; bottom:0px; left:100px; width:120px;} #content ul.item-gallery.news li { padding: 2em 0 1em 0;} #content ul.item-gallery li.current h3 {text-decoration:underline;} #sidebar ul ul {margin:0;} span.oddal {margin-left:20px;} #content p.plakat {margin-top:47px;} #content ul.gallery a.more span.more {display:inline; clear:none;} #content ul.gallery p.more {margin:0;} span.funkcje {color:#DEDEDE; font-weight:normal;} #content #list-menu { border-bottom:1px solid #3D3D3D; list-style:none; margin-right:-30px; } #content #list-menu li { background-image:none; border-right:1px solid #3D3D3D; display:inline; padding:0 10px; } #content #list-menu li a { color:#DEDEDE; } #content #list-menu li a:hover { color:#F4882A; } #content #list-menu li a.current { color:#F4882A; } #content #list-menu li.all { border:0; float:right; padding:0; } #content #list-menu li.all a { color:#DD0435; } #content #list-artist { list-style:none; margin-right:-30px; } #content #list-artist li { background-image:none; display:block; float:left; height:137px; /*overflow:hidden;*/ margin-bottom:45px; padding:0 30px 0 0; width:322px; } #content #list-artist li a { color:#F4882A; } #content #list-artist li a:hover img { border:none; } #content #list-artist li a img {padding:0;} #content #list-artist li .photo { background:#3A3A3A; float:left; height:137px; overflow:hidden; margin-right:15px; width:114px; } #content #list-artist li h4 { color:#F4882A; font-size:105%; margin:2px 0 10px; padding:0; } #content #list-artist p { margin:0; padding:0; } #content #list-artist p.function { color:#DD0435; margin-bottom:15px; word-spacing:4px; } #content #list-artist p.function span { color:#fff; font-weight:bold; } #content #pelna {border-bottom:1px solid #383838; margin:0pt 0pt 0.1818em; padding-bottom:0.3636em;} #content .wazna_obsada {/*border-bottom:1px solid #383838;*/ margin:0pt 0pt 0.1818em; padding-bottom:0.3636em; color:#DDDDDD;} #content #pobs {} #content .fcked {padding-top:10px;} #content .inner_attach {float:right; width:200px; border:1px solid #181818; padding:10px; margin:10px;} #sidebar .sklejony_ul {margin-top:-4em; border-top:1px solid #29292a;} #content a.repert {background:none;} #content a.repert:hover img {border:none;} #content a.repert img {margin:0; float:none; padding:0; vertical-align:middle;} #content #syskontakt { clear:both; } #content #dzialy {float:left; width:270px; } #content #mapwrap {width:400px; margin-left:270px;} #content #map {width:400px; height:250px;} #content ul.gallery li.clearfix {background:transparent none repeat scroll 0%; clear:both; float:none; margin:0pt; padding:0pt; width:0px; display:block; }