/** * Gramy Fair * * @author Paweł Przybyś (pawel.przybys@gmail.com) * @version 1.00 2009/08/10 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 1em; } html, body { height: 100%; } body { font: normal 1em/1.2em Tahoma, Helvetica, sans-serif; color: #ccc; background: #000; } ul, ol { list-style-type: none; } img { border: 0; } table { border-collapse: collapse; } table, td, th { vertical-align: middle; } caption, th, td { text-align: left; font-weight: normal; } *:focus { outline: none; } input[type="submit"]::-moz-focus-inner { border: 0; } a:link, a:focus, a:visited, a:active { color: #ccc; text-decoration: none; } a:hover { text-decoration: underline; } /** * Main */ #main { font-size: 0.688em; line-height: 1.455em; } #main .main-wrapper { width: 950px; margin: 0 auto; } #main { background: url(../img/top.jpg) top center no-repeat #222; } /** * Top */ #top-wrapper { position: relative; height: 456px; background: url(../img/top-wrapper.jpg) no-repeat; overflow: hidden; } #top h1 { position: absolute; top: 34px; left: 0; text-indent: -2000em; } #top h1 a { display: block; width: 270px; height: 47px; background: url(../img/gramy-fair.gif) no-repeat; } /** * Top Characters Nav */ #top-characters-nav { position: absolute; top: 104px; left: 0; } #top-characters-nav ul .wrapper { float: left; width: 190px; height: 360px; } #top-characters-nav ul li h2 { text-indent: -2000em; } #top-characters-nav ul li h2 a { display: block; height: 140px; width: 190px; background-image: url(../img/top-characters-nav.jpg); background-repeat: no-repeat; } #top-characters-nav ul #tcn-mcs h2 a { background-position: 0 0; } #top-characters-nav ul #tcn-producenci h2 a { background-position: -190px 0; } #top-characters-nav ul #tcn-dje h2 a { background-position: -380px 0; } #top-characters-nav ul #tcn-fotografia-graffiti h2 a { background-position: -570px 0; } #top-characters-nav ul #tcn-breakdance-sport h2 a { background-position: -760px 0; } #top-characters-nav ul .wrapper ul li { border-top: 1px solid #585858; margin: 0 20px; padding: 5px; } #top-characters-nav ul .wrapper ul .first { border: 0; margin: 0; padding: 0; } #top-characters-nav ul .wrapper ul .first { position: relative; margin-top: -38px; height: 156px; border: 0; } #top-characters-nav ul .wrapper ul .first h3 { position: absolute; top: 134px; left: 0; z-index: 2; padding: 0 25px; width: 140px; height: 16px; overflow: hidden; } #top-characters-nav ul .wrapper ul .first h3 a { font-size: 1.091em; line-height: 1.333em; color: #de1111; } #top-characters-nav ul .wrapper ul .first .photo { display: block; width: 120px; height: 80px; padding: 30px 35px; position: absolute; top: 0; left: 0; z-index: 1; background-image: url(../img/photos.jpg); background-repeat: no-repeat; line-height: 0; } #top-characters-nav ul #tcn-mcs ul .first .photo { background-position: 0 0; } #top-characters-nav ul #tcn-producenci ul .first .photo { background-position: -190px 0; } #top-characters-nav ul #tcn-dje ul .first .photo { background-position: -380px 0; } #top-characters-nav ul #tcn-fotografia-graffiti ul .first .photo { background-position: -570px 0; } #top-characters-nav ul #tcn-breakdance-sport ul .first .photo { background-position: -760px 0; } /** * Account */ #account { position: absolute; top: 45px; left: 595px; width: 340px; height: 22px; } #account h3 { width: 83px; height: 22px; background: url(../img/zaloguj-sie.gif) 50% 50% no-repeat; text-indent: -2000em; } #account input.text, #account input.password { border: 0; padding: 5px 10px 4px; width: 102px; height: 13px; font: normal 1em/1.2em Tahoma, Helvetica, sans-serif; color: #666; background: url(../img/inputs/text-grey.gif) no-repeat; } #account input.arrow { border: 0; width: 14px; height: 14px; max-height: 14px; padding-top: 28px; background: url(../img/icons/arrow-red-on-white.gif) no-repeat; cursor: pointer; } #account label { display: none; } #account input#id_account_username { position: absolute; top: 0; left: 95px; } #account input#id_account_password { position: absolute; top: 0; left: 218px; } #account .submit { position: absolute; top: 4px; left: 322px; width: 14px; height: 14px; overflow: hidden; } #account .register { padding-top: 4px; color: #000; text-align: right; } #account .register a { color: #000; font-weight: bold; color: #333; } #account .register a span { color: #000; } #account .register a:hover { text-decoration: none; } #account .register a:hover span { text-decoration: underline; } /** * Account Nav */ #account-nav { position: absolute; top: 45px; left: 575px; width: 340px; color: #000; text-align: right; } #account-nav a.twoje-konto { display: inline-block; width: 90px; height: 0; overflow: hidden; padding-top: 15px; background: url(../img/twoje-konto.gif) no-repeat; margin-right: 10px; } #account-nav a.wyloguj-sie { display: inline-block; width: 100px; height: 0; overflow: hidden; padding-top: 15px; background: url(../img/wyloguj-sie.gif) no-repeat; } /** * Middle */ #middle-wrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #content-wrapper { float: right; width: 760px; } #content { float: left; width: 570px; } #extra { float: right; width: 190px; } #aside { float: left; width: 190px; } /** * Middle Wrapper */ #middle .wrapper { margin-bottom: 20px; } #middle .wrapper * { margin: 0 20px; } #middle .wrapper * * { margin: 0; } #middle .wrapper h3.headline { margin: 0; width: 170px; height: 21px; padding: 10px; background-repeat: no-repeat; background-position: 5px 0; text-indent: -2000em; } #middle .wrapper h3.headline a { display: block; width: 170px; height: 21px; background: url(../img/icons/arrow-red-on-white.gif) 142px 3px no-repeat; } #middle .wrapper h3.heading { margin: 0; width: 150px; height: 21px; padding: 10px 20px; background: url(../img/heading.gif) 5px 0 no-repeat; color: #000; font-size: 1.273em; line-height: 1.357em; } #middle .wrapper h3.heading a { display: block; color: #000; width: 150px; height: 21px; background: url(../img/icons/arrow-red-on-white.gif) 132px 3px no-repeat; } #middle .wrapper .form { padding: 8px 5px 5px; } #middle .wrapper .form input[type="text"], #middle form input[type="password"], #middle form input[type="file"], #middle .form textarea, #middle .form select { display: block; margin: 2px 0 4px; } #middle .wrapper .form input[type="text"], #middle form input[type="password"], #middle .form textarea, #middle .form select { border: 1px solid #ccc; padding: 4px 4px; font: normal 1em/1.2em Tahoma, Helvetica, sans-serif; color: #000; background: #fff; } #middle .wrapper .form input[type="text"], #middle form input[type="password"] { width: 280px; } #middle .wrapper .form select { width: 290px; } #middle .wrapper .form textarea { width: 420px; height: 140px; } #middle .wrapper .form .top-errors { margin: 0 0 4px; color: #f00; font-size: 1.091em; } #middle .wrapper .form .errors { margin: -2px 0 4px; color: #f00; } #middle .wrapper .form .checkbox { margin: 2px 0 4px; } #middle .wrapper .form h4 { border-bottom: 1px solid #464646; padding: 15px 0 10px; margin-bottom: 5px; } #middle .wrapper .form h4 { font-size: 1.636em; font-weight: normal; } #middle .wrapper .msg { padding: 8px 5px 5px; font-size: 1.091em; } #middle .wrapper .msg a { color: #de1111; font-weight: bold; } #middle .wrapper .options { padding: 8px 5px 5px; font-size: 1.091em; } #middle .wrapper .options li { padding: 4px 0; } #middle .wrapper .options li a { color: #f00; font-weight: bold; } #middle .wrapper .options li a span { color: #ccc; font-weight: normal; } #middle .wrapper .options li a:hover { text-decoration: none; } #middle .wrapper .options li a:hover span { text-decoration: underline; } /** * Headers */ #middle .wrapper h3.co-na-forum { background-image: url(../img/headline/co-na-forum.gif); } #middle .wrapper h3.diler { background-image: url(../img/headline/diler.gif); } #middle .wrapper h3.galerie { background-image: url(../img/headline/galerie.gif); } #middle .wrapper h3.galeria { background-image: url(../img/headline/galeria.gif); } #middle .wrapper h3.graffiti { background-image: url(../img/headline/graffiti.gif); } #middle .wrapper h3.imprezy { background-image: url(../img/headline/imprezy.gif); } #middle .wrapper h3.menu { background-image: url(../img/headline/menu.gif); } #middle .wrapper h3.multimedia { background-image: url(../img/headline/multimedia.gif); } #middle .wrapper h3.newsletter { background-image: url(../img/headline/newsletter.gif); } #middle .wrapper h3.nowosci { background-image: url(../img/headline/nowosci.gif); } #middle .wrapper h3.partnerzy { background-image: url(../img/headline/partnerzy.gif); } #middle .wrapper h3.polecamy { background-image: url(../img/headline/polecamy.gif); } #middle .wrapper h3.sciagaj-do-woli { background-image: url(../img/headline/sciagaj-do-woli.gif); } #middle .wrapper h3.wydawnictwa { background-image: url(../img/headline/wydawnictwa.gif); } #middle .wrapper h3.wydawnictwo { background-image: url(../img/headline/wydawnictwo.gif); } #middle .wrapper h3.komentarze { background-image: url(../img/headline/komentarze.gif); } #middle .wrapper h3.producenci { background-image: url(../img/headline/producenci.gif); } #middle .wrapper h3.producent { background-image: url(../img/headline/producent.gif); } #middle .wrapper h3.mcs { background-image: url(../img/headline/mcs.gif); } #middle .wrapper h3.dje { background-image: url(../img/headline/dje.gif); } #middle .wrapper h3.fotografia-graffiti { background-image: url(../img/headline/fotografia-graffiti.gif); } #middle .wrapper h3.breakdance-sport { background-image: url(../img/headline/breakdance-sport.gif); } #middle .wrapper h3.mc { background-image: url(../img/headline/mc.gif); } #middle .wrapper h3.dj { background-image: url(../img/headline/dj.gif); } #middle .wrapper h3.fotograf-artysta { background-image: url(../img/headline/fotograf-artysta.gif); } #middle .wrapper h3.b-boy-sportowiec { background-image: url(../img/headline/b-boy-sportowiec.gif); } #middle .wrapper h3.nowosc { background-image: url(../img/headline/nowosc.gif); } #middle .wrapper h3.impreza { background-image: url(../img/headline/impreza.gif); } #middle .wrapper h3.postacie { background-image: url(../img/headline/postacie.gif); } #middle .wrapper h3.dodaj-komentarz { background-image: url(../img/headline/dodaj-komentarz.gif); } #middle .wrapper h3.medium { background-image: url(../img/headline/medium.gif); } #middle .wrapper h3.wydane-plyty { background-image: url(../img/headline/wydane-plyty.gif); } #middle .wrapper h3.kontakt-booking { background-image: url(../img/headline/kontakt-booking.gif); } #middle .wrapper h3.logowanie { background-image: url(../img/headline/logowanie.gif); } #middle .wrapper h3.konto { background-image: url(../img/headline/konto.gif); } #middle .wrapper h3.rejestracja { background-image: url(../img/headline/rejestracja.gif); } #middle .wrapper h3.aktywacja { background-image: url(../img/headline/aktywacja.gif); } #middle .wrapper h3.zamow-plyte { background-image: url(../img/headline/zamow-plyte.gif); } #middle .wrapper h3.profil { background-image: url(../img/headline/profil.gif); } #middle .wrapper h3.faq { background-image: url(../img/headline/faq.gif); } #middle .wrapper h3.regulamin { background-image: url(../img/headline/regulamin.gif); } #middle .wrapper h3.pomoc { background-image: url(../img/headline/pomoc.gif); } #middle .wrapper h3.kategorie { background-image: url(../img/headline/kategorie.gif); } #middle .wrapper h3.patnosci, #middle .wrapper h3.platnosci { background-image: url(../img/headline/platnosci.gif); } #middle .wrapper h3.przesyka, #middle .wrapper h3.przesylka { background-image: url(../img/headline/przesylka.gif); } #middle .wrapper h3.kontakt { background-image: url(../img/headline/kontakt.gif); } #middle .wrapper h3.nowe-produkty { background-image: url(../img/headline/nowe-produkty.gif); } #middle .wrapper h3.podobne-produkty { background-image: url(../img/headline/podobne-produkty.gif); } #middle .wrapper h3.warto-zobaczyc { background-image: url(../img/headline/warto-zobaczyc.gif); } #middle .wrapper h3.koszyk { background-image: url(../img/headline/koszyk.gif); } #middle .wrapper h3.kupuje-to { background-image: url(../img/headline/kupuje-to.gif); } #middle .wrapper h3.dzieki { background-image: url(../img/headline/dzieki.gif); } #middle .wrapper h3.ubrania { background-image: url(../img/headline/ubrania.gif); } #middle .wrapper h3.muzyka { background-image: url(../img/headline/muzyka.gif); } #middle .wrapper h3.gadzety { background-image: url(../img/headline/gadzety.gif); } #middle .wrapper h3.inne { background-image: url(../img/headline/inne.gif); } #middle .wrapper h3.twoje-posty { background-image: url(../img/headline/twoje-posty.gif); } #middle .wrapper h3.twoje-komentarze { background-image: url(../img/headline/twoje-komentarze.gif); } #middle .wrapper h3.powiazane { margin: 0 0 10px; width: 105px; height: 23px; background-image: url(../img/headline/powiazane.gif); text-indent: -2000em; } #middle .wrapper h4.kilka-slow-o-naszej-dzialalnosci { margin: 10px 0 15px; width: 338px; height: 20px; background-image: url(../img/headline/kilka-slow-o-naszej-dzialalnosci.gif); text-indent: -2000em; } #middle .wrapper h4.legale { margin: 20px 0; width: 68px; height: 17px; background-image: url(../img/headline/legale.gif); text-indent: -2000em; } #middle .wrapper h4.nielegale { margin: 20px 0; width: 97px; height: 17px; background-image: url(../img/headline/nielegale.gif); text-indent: -2000em; } #middle .wrapper h3.zorganizowane-imprezy-i-koncerty { margin: 0 0 20px; width: 346px; height: 21px; background-image: url(../img/headline/zorganizowane-imprezy-i-koncerty.gif); text-indent: -2000em; } #middle .wrapper h4.wspolpraca { margin: 0 20px; width: 121px; height: 20px; background-image: url(../img/headline/wspolpraca.gif); text-indent: -2000em; } #middle .wrapper h4.dane-kontaktowe { margin: 0 0 10px; width: 179px; height: 20px; background-image: url(../img/headline/dane-kontaktowe.gif); text-indent: -2000em; } /** * Middle Sidebar */ #middle .sidebar .list li { border-bottom: 1px solid #464646; padding: 4px 5px; } #middle .sidebar .list li a { color: #f00; font-weight: bold; } #middle .sidebar .list li a span { color: #ccc; font-weight: normal; } #middle .sidebar .list li a:hover { text-decoration: none; } #middle .sidebar .list li a:hover span { text-decoration: underline; } #middle .sidebar .list li .photo { line-height: 0; } #middle .sidebar .list li .photo a { color: #ccc; } #middle .sidebar .list li .photo a:hover { text-decoration: underline; } #middle .sidebar .list .last { border: 0; } #middle .sidebar .list .first { border-top: 1px solid #464646; margin-top: 8px; } #middle .sidebar .list .first.not { border-top: 0; } #middle .sidebar .list .with-croppedmedium { border: 0; padding: 8px 0 0; } #middle .sidebar .list .with-croppedmedium .photo { background: #fff; padding: 5px; } #middle .sidebar .list .with-croppedmedium .content { border-bottom: 1px solid #464646; padding: 8px 5px; } #middle .sidebar .list .with-cropped { position: relative; border: 0; padding: 8px 0 0; min-height: 70px; height: auto !important; height: 70px; } #middle .sidebar .list .with-cropped .photo { position: absolute; top: 8px; left: 0; width: 60px; height: 60px; background: #fff; padding: 5px; } #middle .sidebar .list .with-cropped .content { margin-left: 70px; padding-left: 10px; } #middle .sidebar .list .status { font-size: 0.818em; color: #797979; text-transform: uppercase; font-weight: bold; } #middle .sidebar .list .start-and-status { font-size: 0.818em; color: #797979; } #middle .sidebar .list .youtube { margin: 8px 4px; padding: 0; border: 1px solid #464646; line-height: 0; } #middle .sidebar .list .youtube img { display: block; width: 140px; height: 94px; } #middle .sidebar .list .medium { position: relative; width: 140px; } #middle .sidebar .list .medium a { color: #ccc; font-weight: normal; } #middle .sidebar .list .medium span { position: absolute; top: 5px; right: 0; font-size: 0.818em; color: #797979; } #middle .sidebar .list .medium a:hover { text-decoration: underline; } #middle .sidebar .list .medium a:hover span { text-decoration: none; } /** * Middle Paginator */ #middle .paginator { border-top: 1px solid #464646; margin: 0 20px; padding: 20px 0; text-align: center; color: #797979; } #middle .paginator * { margin: 0 3px; } #middle .paginator * * { margin: 0; } #middle .paginator a { color: #f00; } #middle .paginator a.this-page { color: #ccc; } #middle .paginator a.previous:hover, #middle .paginator a.next:hover { text-decoration: none; background: none; } #middle .paginator a.previous:hover span, #middle .paginator a.next:hover span { text-decoration: underline; } /** * Middle Articles */ #middle .articles { margin-bottom: 0; } #middle .articles .article { border-top: 1px solid #464646; padding: 20px 0 10px; } #middle .articles .article:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #middle .articles .article .photo { float: left; padding: 10px; background: #fff; line-height: 0; margin-right: 20px; margin-bottom: 10px; } #middle .articles .article .header { margin-top: 10px; } #middle .articles .article h4 { font-weight: normal; } #middle .articles .article h4 a { color: #de1111; } #middle .articles .article h5 { color: #333; font-weight: normal; } #middle .articles .article h5 span { color: #666; } #middle .articles .article h5 span span { color: #de1111; } #middle .articles .article h6 { font-weight: normal; color: #666; } #middle .articles .article h6 strong { color: #ccc; } #middle .articles .article h6 span { font-weight: bold; color: #de1111; } #middle .articles .article .status { color: #797979; text-transform: uppercase; font-weight: bold; } #middle .articles .article .lead { margin-bottom: 5px; font-weight: bold; } #middle .articles .article .content p { margin-bottom: 10px; } #middle .articles .article .content a { color: #de1111; } #middle .articles .article .file a { color: #de1111; font-weight: bold; } #middle .articles .article .youtube { clear: both; padding-top: 10px; margin: 0 auto 10px; width: 640px; height: 385px; } #middle .articles .article .vimeo { clear: both; padding-top: 10px; margin: 0 auto 10px; width: 640px; height: 360px; } #middle .articles .first { border: 0; padding-top: 10px; } #middle .articles .promoted .header { margin-bottom: 10px; } #middle .articles .promoted h4 { font-size: 1.636em; line-height: 1.111em; } #middle .articles .promoted .lead { margin-bottom: 10px; } #middle .articles .with-cropped-photo .header { margin-top: 5px; } #middle .articles .with-cropped-photo .photo { padding: 5px; } #middle .articles .with-cropped-photo h4 { font-size: 1.182em; line-height: 1.231em; font-weight: bold; } #middle .articles .with-thumbnail-photo .photo { padding: 5px; } #middle .articles .with-thumbnail-photo h4 { font-size: 1.182em; line-height: 1.231em; font-weight: bold; } #middle .articles .with-croppedmedium-photo .photo { padding: 5px; } #middle .articles .contact { margin: 0; padding: 50px; height: 128px; background: url(../img/contact.jpg) no-repeat; color: #000; } #middle .articles .contact table td { width: 235px; vertical-align: top; } #middle .articles .contact .telefon strong { font-size: 1.818em; line-height: 1.200em; } #middle .articles .contact .e-mail a { color: #000; font-size: 1.182em; font-weight: bold; } #middle .articles .contact .adres address { font-weight: bold; font-style: normal; } #middle .articles .cooperation li { padding: 5px; border-bottom: 1px solid #464646; font-weight: bold; } #middle .articles .cooperation li a { color: #de1111; } #middle .articles .cooperation li a.pdf { padding-right: 18px; background: url(../img/icons/pdf.gif) 100% 50% no-repeat; } #middle .articles .cooperation .last { border: 0;} /** * Middle Articles List */ #middle .articles .list { margin-bottom: 20px; } #middle .articles .list li { border-top: 1px solid #464646; color: #333; padding: 6px 5px; } #middle .articles .list li a { color: #f00; font-weight: bold; margin-right: 3px; } #middle .articles .list li span { color: #666; } #middle .articles .list li span span { color: #de1111; } /** * Middle Photos */ #middle .photos { border-top: 1px solid #464646; padding-top: 10px; margin-bottom: 10px; } #middle .photos .list { margin-top: 10px; margin-right: -10px; } #middle .photos .list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #middle .photos .list li { float: left; width: 150px; height: 100px; padding: 10px; margin-right: 10px; margin-bottom: 10px; background: #fff; line-height: 0; } /** * Middle Articles Dates */ #middle .articles .dates { margin-bottom: 20px; } #middle .articles .dates { border-top: 1px solid #464646; color: #333; padding: 6px 5px; } #middle .articles .dates li { display: inline; margin-right: 3px; } #middle .articles .dates li a { color: #f00; font-weight: bold; margin-right: 3px; } #middle .articles .dates li strong { color: #666; margin-right: 3px; } #middle .articles .only { border: 0; } /** * Middle Articles Record Albums */ #middle .record-albums .list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #middle .record-albums .list li { float: left; width: 65px; height: 65px; line-height: 0; } /** * Middle Photos */ #middle .events { border-top: 1px solid #464646; border-bottom: 1px solid #464646; padding: 20px 0 0; margin: 0 20px 20px; } #middle .events .list { margin: 10px -10px 0 0; } #middle .events .list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #middle .events .list li { float: left; margin-right: 10px; margin-bottom: 10px; } #middle .events .list li .photo { width: 150px; height: 100px; padding: 10px; background: #fff; line-height: 0; } #middle .events .list li h4 { font-size: 0.909em; padding: 5px 10px; } #middle .events .list li h4 a { color: #f00; font-weight: bold; } #middle .events .list li h4 a span { color: #ccc; font-weight: normal; } #middle .events .list li h4 a:hover { text-decoration: none; } #middle .events .list li h4 a:hover span { text-decoration: underline; } #middle .events .list li h4 .start-and-status { color: #797979; } /** * Middle Sites */ #middle .sites .list { margin-top: 10px; margin-right: -10px; } #middle .sites .list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #middle .sites .list li { float: left; width: 150px; height: 100px; padding: 10px; margin-right: 10px; background: #fff; line-height: 0; } /** * Middle Forum List */ #middle .forum .list { margin-bottom: 20px; } #middle .forum .list li { background: url(../img/icons/comment-grey-on-black.gif) 5px 8px no-repeat; border-bottom: 1px solid #464646; color: #333; padding: 6px 5px 8px 24px; } #middle .forum .list li a { color: #f00; font-weight: bold; margin-right: 3px; } #middle .forum .list li span { color: #666; } #middle .forum .list li span a { color: #ccc; margin: 0; font-weight: normal; } #middle .forum .list li span span { color: #de1111; } #middle .forum .list .last { border: 0; } /** * Middle Related */ #middle .related { border-top: 1px solid #464646; padding-top: 20px; margin: 0 20px 20px; } #middle .related .inner { margin: 0 -20px 10px; } #middle .related .inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #middle .related .container { float: left; width: 190px; } #middle .related .none { margin: 0 20px; padding: 8px 5px 5px; } #middle .related .list { margin: 0 20px; } #middle .related .list li { border-bottom: 1px solid #464646; padding: 4px 5px; } #middle .related .list li a { color: #f00; font-weight: bold; } #middle .related .list li a span { color: #ccc; font-weight: normal; } #middle .related .list li a:hover { text-decoration: none; } #middle .related .list li a:hover span { text-decoration: underline; } #middle .related .list li .photo { line-height: 0; } #middle .related .list li .photo a { color: #ccc; } #middle .related .list li .photo a:hover { text-decoration: underline; } #middle .related .list .last { border: 0; } #middle .related .list .with-croppedmedium { border: 0; padding: 8px 0 0; } #middle .related .list .with-croppedmedium .photo { background: #fff; padding: 5px; } #middle .related .list .with-croppedmedium .content { border-bottom: 1px solid #464646; padding: 8px 5px 5px; } #middle .related .list .last .content { border: 0; } /** * Main Comments */ #middle .comments .comment { border-bottom: 1px solid #464646; } #middle .comments .comment h4 { font-weight: normal; background: url(../img/icons/comment-grey-on-black.gif) 5px 8px no-repeat; color: #333; padding: 6px 5px 2px 24px; } #middle .comments .comment h4 a { font-weight: bold; margin-right: 3px; } #middle .comments .comment h4 strong { color: #ccc; } #middle .comments .comment h4 span { color: #666; } #middle .comments .comment h4 a.content { color: #f00; } #middle .comments .comment p { padding: 2px 10px 8px; } #middle .comments .preview { margin-bottom: 10px; } #middle .comments .last { border: 0; } #middle .comments .none { margin: 0 20px; padding: 8px 5px 5px; } /** * Main Page */ #main-page #heading { display: none; } #main-page #breadcrumb { display: none; } /** * Breadcrumb */ #breadcrumb { padding: 10px 20px; } #breadcrumb a { color: #f00; } /** * Advertisements */ #middle .advertisement { margin: 0 auto 20px; border: 1px solid #666; background: #393939; color: #999; text-align: center; } #aside-ad-1 { width: 150px; height: 135px; line-height: 135px; } #aside-ad-2 { width: 150px; height: 135px; line-height: 135px; } #content-ad-1 { width: 530px; height: 100px; line-height: 100px; } #extra-ad-1 { width: 150px; height: 450px; line-height: 450px; } #extra-ad-2 { width: 150px; height: 550px; line-height: 550px; } /** * Aside Nav */ #aside-nav li { border-bottom: 1px solid #464646; } #aside-nav li a { display: block; padding: 6px 22px; height: 16px; width: 106px; background: url(../img/icons/arrow-grey-on-black.gif) 5px 8px no-repeat; font-weight: bold; } #aside-nav .last { border: 0; } #aside-nav .red a { color: #f00; background-image: url(../img/icons/arrow-red-on-black.gif); } #aside-nav .first-red { border-top: 1px solid #6c6c6c; } #aside-nav .last-red { border-bottom: 1px solid #6c6c6c; } #aside-nav .submenu li { border-bottom: 0; border-top: 1px solid #464646; } #aside-nav .submenu li a { padding-left: 27px; background-position: 10px 8px; } /** * Aside Newsletter */ #aside-newsletter .newsletter-form { position: relative; width: 146px; height: 38px; } #aside-newsletter input.text { border: 0; padding: 5px 10px 4px; width: 126px; height: 13px; font: normal 1em/1.2em Tahoma, Helvetica, sans-serif; color: #666; background: url(../img/inputs/text-black.gif) no-repeat; } #aside-newsletter input.arrow { border: 0; width: 14px; height: 14px; max-height: 14px; padding-top: 28px; background: url(../img/icons/arrow-red-on-black.gif) no-repeat; cursor: pointer; } #aside-newsletter label { display: none; } #aside-newsletter input#email { position: absolute; top: 8px; left: 0; } #aside-newsletter .submit { position: absolute; top: 12px; left: 127px; width: 14px; height: 14px; overflow: hidden; } #aside-newsletter input.arrow { position: absolute; top: 0; left: 0; } /** * Bottom */ #bottom { border-top: 5px solid #333; background: #000; } #bottom-wrapper { position: relative; height: 200px; background: url(../img/bottom-wrapper.jpg) no-repeat; } /** * Bottom Characters Nav */ #bottom-characters-nav { position: absolute; top: 28px; left: 25px; } #bottom-characters-nav ul li { float: left; padding-right: 20px; text-indent: -2000em; } #bottom-characters-nav ul li a { display: block; height: 12px; background-image: url(../img/bottom-characters-nav.gif); background-repeat: no-repeat; } #bottom-characters-nav ul #bcn-mcs a { width: 29px; background-position: 0 0; } #bottom-characters-nav ul #bcn-producenci a { width: 76px; background-position: -48px 0; } #bottom-characters-nav ul #bcn-dje a { width: 23px; background-position: -144px 0; } #bottom-characters-nav ul #bcn-fotografia-graffiti a { width: 124px; background-position: -187px 0; } #bottom-characters-nav ul #bcn-breakdance-sport a { width: 125px; background-position: -332px 0; } /** * Bottom Nav */ #bottom-nav { position: absolute; top: 70px; left: 20px; border-top: 1px solid #333; } #bottom-nav ul { padding: 30px 0 30px 5px; } #bottom-nav ul li { color: #333; display: inline; margin-right: 2px; } #bottom-nav ul li a { color: #666; margin-right: 2px; } /** * Copyrights */ #copyrights { position: absolute; top: 160px; left: 25px; color: #3e3e3e; } /** * Grzegorz Bratek */ #grzegorz-bratek { position: absolute; top: 154px; left: 280px; color: #3e3e3e; width: 24px; height: 29px; text-indent: -2000em; } #grzegorz-bratek a { position: absolute; top: 0; left: 0; display: block; width: 24px; height: 29px; background: url(../img/grzegorz-bratek.gif) no-repeat; text-indent: -2000em; } /** * Paweł Przybyś */ #pawel-przybys { position: absolute; top: 160px; left: 314px; color: #3e3e3e; } #pawel-przybys a { color: #3e3e3e; } /** * Paweł Szczepaniec */ #pawel-szczepaniec { position: absolute; top: 162px; left: 447px; color: #3e3e3e; text-align: center; line-height: 1.1; } #pawel-szczepaniec a { color: #3e3e3e; } /** * Stat24 Logo */ #stat24-logo { position: absolute; bottom: 10px; right: 150px; line-height: 0; } /** * Django */ #django { position: absolute; bottom: 10px; right: 10px; line-height: 0; } /** * IE6 Sux */ #ie6sux { display: block; } /** * Player */ #player { background: #222; } #player .player { width: 590px; margin: 0 auto; } /** * Run Player */ #run-player { position: absolute; top: 22px; right: 72px; } #run-player a { display: block; width: 121px; height: 0; padding-top: 13px; overflow: hidden; background: url(../img/uruchom-player.gif) no-repeat; } #shop #run-player { display: none; } #forum #run-player { display: none; }