/* L U B U S K I H I P H O P . C O M 2009 S T Y L E . C S S @hinok Yo, zakładam, że sprawdzasz ten style.css z czystej ciekawości. Zakładam również, że jesteś w jakimś stopniu powiązany z web developmentem front-end, czy back-end. Jeżeli byłbyś zainteresowany współpracą przy tworzeniu nowej wersji portalu, pisz na: * mail@hinok.net * kontakt@lubuskihiphop.com pjona, hinok PS. Zdaję sobie sprawę ze słabej jakości kodu, który ujrzysz poniżej. */ @import url(reset.css); /* BODY */ body {background: #191919 url(images/bg.jpg) top repeat-x; text-align: center; text-align: center;} #wrap {width: 1000px; margin: 0 auto; text-align: left;} #wrap {font: normal 11px Arial, Tahoma, Helvetica; color: #fff;} /* TOP */ #top {width: 1000px; height: 262px; position: relative; background: transparent url(images/header.jpg) no-repeat;} #top h1 {padding: 25px 0 0 50px;} #top h1 a {display: block; width: 163px; height: 35px; background: transparent url(images/logo.jpg) no-repeat; text-indent: -9999px;} #top h1 a:hover {background-position: 0 -35px;} #logoWiecej {position: absolute; top: 25px; left: 315px;} #logoWiecej ul, #logoWiecej li {margin: 0; padding: 0;} #logoWiecej li { list-style: none; list-style-image: none;} #logoWiecej ul li {display: block; float: left;} #logoWiecej a {margin-right: 15px;} #logoWiecej a.myspace {display: block; width: 93px; height: 17px; background: transparent url(images/myspaceLogo.jpg) no-repeat; text-indent: -9999px;} #logoWiecej a.youtube {display: block; width: 54px; height: 23px; background: transparent url(images/youtubeLogo.jpg) no-repeat; text-indent: -9999px;} #wyszukiwarka {position: absolute; top: 25px; left: 496px; background: transparent;} #wyszukiwarka input.szukaj {width: 105px; padding: 5px 10px 5px 40px; font-size: 10px; color: #8f8f8f; background: transparent url(images/blank.gif) repeat; float: left;} #wyszukiwarka input.szukajOk {padding: 10px; margin-left: 6px;} #rejestracja {position: absolute; left: 500px; top: 75px;} #rejestracja ul, #logoWiecej li {margin: 0; padding: 0;} #rejestracja li { list-style: none; list-style-image: none;} #rejestracja ul li {display: block; float: left; margin-right: 40px;} #rejestracja ul li a {color: #ff4518;} #rejestracja ul li a span {color: #b33011;} #rejestracja ul li a:hover span {color: #ff4518;} #rejestracja ul li a.logowanie {color: #fff;} #rejestracja ul li a.logowanie span {color: #b3b3b3;} #rejestracja ul li a:hover.logowanie span {color: #fff;} #zmianaTla {position: absolute; top: 213px; left: 50px;} #zmianaTla ul, #zmianaTla li {margin: 0; padding: 0;} #zmianaTla li { list-style: none; list-style-image: none;} #zmianaTla ul li {display: block; float: left;} #zmianaTla a {display: block; width: 37px; height: 50px; text-indent: -9999px; background: transparent url(images/sprej.png) no-repeat; margin-right: 5px;} #zmianaTla a {background-position: 0 -50px;} #zmianaTla a:hover {background-position: 0 0px;} #zmianaTla span {display: block; width: 161px; height: 11px; text-indent: -9999px; background: transparent url(images/sprejInfo.png) no-repeat; margin: 21px 0 0 10px;} #zmianaTla a.sprejWybrany {background-position: 0 0px;} /* MENU */ #menu {margin-left: 25px;} #menu ul, #menu li {margin: 0; padding: 0;} #menu li { list-style: none; list-style-image: none;} #menu ul li {display: block; float: left;} #menu a.primary {display: block; text-indent: -9999px; height: 59px; background: transparent url(images/menu.jpg) no-repeat;} #menu a.stronaglowna {background-position: 0 0; width: 140px;} #menu a.kultura {background-position: -140px 0; width: 80px;} #menu a.produkcje {background-position: -220px 0; width: 100px;} #menu a.teksty {background-position: -320px 0; width: 69px;} #menu a.patronat {background-position: -389px 0; width: 87px;} #menu a.galeria {background-position: -476px 0; width: 80px;} #menu a.download {background-position: -556px 0; width: 93px;} #menu a.forum {background-position: -649px 0; width: 70px;} #menu a.redakcja {background-position: -719px 0; width: 86px;} #menu a.kontakt {background-position: -805px 0; width: 95px;} #menu a:hover.stronaglowna {background-position: 0 -59px; width: 140px;} #menu a:hover.kultura {background-position: -140px -59px; width: 80px;} #menu a:hover.produkcje {background-position: -220px -59px; width: 100px;} #menu a:hover.teksty {background-position: -320px -59px; width: 69px;} #menu a:hover.patronat {background-position: -389px -59px; width: 87px;} #menu a:hover.galeria {background-position: -476px -59px; width: 80px;} #menu a:hover.download {background-position: -556px -59px; width: 93px;} #menu a:hover.forum {background-position: -649px -59px; width: 70px;} #menu a:hover.redakcja {background-position: -719px -59px; width: 86px;} #menu a:hover.kontakt {background-position: -805px -59px; width: 95px;} #menu a.stronaglownaSelected {background-position: 0 -59px; width: 140px;} #menu a.kulturaSelected {background-position: -140px -59px; width: 80px;} #menu a.produkcjeSelected {background-position: -220px -59px; width: 100px;} #menu a.tekstySelected {background-position: -320px -59px; width: 69px;} #menu a.patronatSelected {background-position: -389px -59px; width: 87px;} #menu a.galeriaSelected {background-position: -476px -59px; width: 80px;} #menu a.downloadSelected {background-position: -556px -59px; width: 93px;} #menu a.forumSelected {background-position: -649px -59px; width: 70px;} #menu a.redakcjaSelected {background-position: -719px -59px; width: 86px;} #menu a.kontaktSelected {background-position: -805px -59px; width: 95px;} #menu ul li {position: relative; z-index: 1;} #menu ul li div.menuDropdown {display: none; position: absolute; top: 0; left: 0; z-index: 2;} #menu ul li > div.menuDropdown {top: auto; left: auto;} div.menuDropdown {background: transparent url(images/menuDropdown.gif) no-repeat bottom; overflow: auto; width: 205px; padding-bottom: 5px;} div.menuDropdown ul {background-color: #7E1057; display: block; overflow: auto;} div.menuDropdown ul li {display: block; width: 100%;} div.menuDropdown a {display: block; padding: 9px 15px 9px 15px; color: #fff; border-bottom: #6d084a solid 1px;} div.menuDropdown a strong {color: #ca5da4;} div.menuDropdown a:hover {background: #b00d77 url(images/menuDropdownSelect.png) no-repeat right;} div.menuDropdown a:hover strong {color: #fff;} #menu ul li:hover div.menuDropdown {display: block;} /* CONTENT */ #content {margin-left: 25px; width: 900px; overflow: auto;} #contentBg {width: 900px; background: transparent url(images/contentBg.jpg) repeat-y top; overflow: auto;} #contentBottom {width: 900px; background: transparent url(images/contentBottom.jpg) no-repeat bottom; overflow: auto;} #lewa-kolumna, #srodek-kolumna, #prawa-kolumna {float: left;} #lewa-kolumna, #prawa-kolumna {width: 225px;} #srodek-kolumna {width: 450px;} #content h2 {display: block; text-indent: -9999px;} /* LEWA KOLUMNA */ #lewa-kolumna {background: #000 url(images/lewa-kolumna-top.jpg) no-repeat top;} #lewa-kolumna-bottom {width: 225px; background: transparent url(images/lewa-kolumna.jpg) no-repeat bottom; padding-bottom: 150px;} #lewa-kolumna h2.posluchajMuzyki {width: 111px; height: 28px; background: transparent url(images/posluchajMuzyki.png) no-repeat; margin: 28px 0 25px 25px;} #lewa-kolumna h2.radioInternetowe {width: 149px; height: 34px; background: transparent url(images/radioInternetowe.jpg) no-repeat; margin: 28px 0 25px 25px;} #radioLogo a {display: block; margin: 0 auto; text-align: center;} p.posluchajMuzykiPage {margin-bottom: 25px;} p.posluchajMuzykiPage a {display: block; width: 166px; height: 48px; background: transparent url(images/posluchajMuzykiPage.png) no-repeat; text-indent: -9999px; margin: 25px 0 0 25px;} #lewa-kolumna p.listenYoutube {padding: 0 25px 0 25px;} #lewa-kolumna p.listenYoutube a {color: #FF4618; font-weight: bold;} #lewa-kolumna p.listenYoutube span {color: #CECECE; font-weight: normal !important;} #submenuBottom {width: 214px; background: transparent url(images/submenuBottom.jpg) no-repeat bottom; padding-bottom: 70px; float: right; margin: 25px 0 25px 0;} #submenu {width: 214px; background: transparent url(images/submenuTop.jpg) no-repeat top; padding-top: 7px;} #submenu ul, #submenu li {margin: 0; padding: 0;} #submenu li {list-style: none; list-style-image: none;} #submenu ul {width: 200px; float: right; background-color: #b00d77;} #submenu li a {padding: 9px 15px 9px 15px; color: #fff; font-weight: bold; border-bottom: #c856a0 solid 1px; display: block;} #submenu li a:hover {background: #6d084a url(images/strzalkaSubmenu.gif) no-repeat left;} #submenu li.current_page_item a {background: #6d084a url(images/strzalkaSubmenu.gif) no-repeat left;} /* SRODKOWE GOWNO */ #srodek-kolumna {background: transparent url(images/srodek-kolumna.jpg) no-repeat top;} #contentText {background: transparent url(images/contentTextBeta.jpg) no-repeat top; overflow: auto;} #srodek-kolumna h2 {display: block; width: 167px; height: 21px; background: transparent url(images/aktualnosci.jpg) no-repeat; text-indent: -9999px; margin: 25px 0 25px 25px;} div.wiecejAktualnosci {float: right;} div.wiecejAktualnosci a {display: block; float: left;} div.wiecejAktualnosci a.rss {text-indent: -9999px; width: 63px; height: 63px; background: transparent url(images/rss.jpg) no-repeat; margin-top: 4px;} div.wiecejAktualnosci a.archiwum {color: #797979; background: transparent url(images/zegarek.jpg) no-repeat left; padding: 0 0 0 25px; margin: 32px 25px 0 25px;} div.wiecejAktualnosci a:hover.archiwum {color: #fff;} div.cd {width: 178px; height: 158px; background: transparent url(images/cd.jpg) no-repeat; position: relative;} div.cd img {margin: 2px 0 0 17px;} div.cd-left {float: left; margin: 0 25px 15px 0;} div.cd-right {float: right; margin: 0 0 15px 25px;} div.odblask {width: 156px; height: 103px; background: transparent url(images/cd-odblask.png) no-repeat; position: absolute; top: 2px; left: 17px;} div.cdInfo {width: 136px; padding: 10px; position: absolute; bottom: 1px; left: 17px; vertical-align: bottom; font-size: 10px; color: #999999; background: transparent url(images/krycie.png) repeat;} span.data {color: #7c7875; font-size: 10px; font-weight: bold; display: block; margin-bottom: 8px;} span.data img {padding-bottom: 2px;} div.news {overflow: auto; width: 400px; padding: 0 25px 60px 25px; background: transparent url(images/news.jpg) no-repeat bottom;} div.newsPierwszy {padding-top: 25px;} div.news h3, div.news h3 span {letter-spacing: -2px;} div.news h3 {overflow: hidden; position: relative; padding: 1px 0 0 1px; font: bold 24px Arial, Tahoma, Helvetica; color: #fff;} div.news h3 span {position: absolute; top: 0px; left: 0px; font: bold 24px Arial, Tahoma, Helvetica; color: #000;} div.news h3, div.news h3 span {line-height: 80%;} div.news h3 span {cursor: pointer;} div.newsRozw h3 span {color: #e03d15;} div.news h3 a {letter-spacing: -2px;} div.news h3 a {position: absolute; top: 0px; left: 0px; font: bold 24px Arial, Tahoma, Helvetica; color: #000;} div.news h3 a {line-height: 80%;} div.news h3 a:hover, div.news h3 span:hover {color: #ff4518;} div.newsRozw h3 span {color: #e03d15;} div.newsRozw h3 a {color: #e03d15;} div.news p {line-height: 130%; color: #000; padding-top: 15px;} div.news p a {color: #DD3C15; text-decoration: underline;} a.newsWiecej {float: right; display: block; background: transparent url(images/newsWiecej.jpg) no-repeat; color: #fff; width: 60px; height: 23px; padding: 5px 0 0 10px; font-weight: bold;} #starszeNowsze {float: right; background: #dd3c15 url(images/starszeNowszeL.jpg) no-repeat left; padding-left: 25px;} #starszeNowsze span {display: block; background: #dd3c15 url(images/starszeNowszeR.jpg) no-repeat right; overflow: auto;} #starszeNowsze span ul, #starszeNowsze span li {margin: 0; padding: 0;} #starszeNowsze span li { list-style: none; list-style-image: none;} #starszeNowsze span ul li {display: block; float: left;} #starszeNowsze span ul li {border-right: #e36c4f solid 1px; padding: 8px 15px 8px 15px;} #starszeNowsze span a {color: #fff;} #starszeNowsze span a strong {color: #92280e;} #starszeNowsze span a:hover {color: #7e220b;} #starszeNowsze span a:hover strong {color: #2c0c04; text-decoration: none;} .accordionNews {display: none;} /* PODSTRONY */ #srodek-kolumna h3.titlePage a {font: bold 36px Arial, Helvetica, Tahoma; color: #fff; letter-spacing: -2px; display: block; margin: 10px 25px 25px 25px; line-height: 80%;} .podstrona p {padding: 25px 25px 0 25px; color: #000; line-height: 18px;} .podstrona p a {color: #b00d77; text-decoration: underline;} .podstrona blockquote {font: normal 16px Georgia, Times New Roman; line-height: 22px; text-align: center; margin: 15px 0 15px 0;} .podstrona blockquote p {color: #909090 !important;} .podstrona ol, .podstrona ul {margin: 10px 0 0 30px;} .podstrona li {color: #000; list-style-position: inside; padding: 4px 0; border-bottom: 1px solid #dadada;} .podstrona li:last-child {border: 0;} .breadcrumb {padding: 25px 25px 0 25px; font-size: 10px;} .breadcrumb a {color: #595959; padding-right: 15px;} .breadcrumb a strong {padding-left: 5px; color: #fff;} .breadcrumb a:hover {color: #fff;} .podstrona p a.dodajKomentarz {font-weight: bold; font-size: 10px; text-transform: uppercase; text-decoration: none; float: right; display: block; background: transparent url(images/dodajKomentarz.jpg) no-repeat; padding: 8px 18px 5px 18px; color: #fff;} .podstrona p a:hover.dodajKomentarz {background-position: 0 -29px;} .komentarze {border-top: #868686 solid 1px; background: transparent url(images/krycieMniejsze.png) repeat; margin-top: 25px;} .komentarze strong.ileKomentarzy {font-size: 46px; color: #000; line-height: 80%; float: right; padding: 25px;} .komentarze ol {list-style: none;} .komentarze ol li {border-top: #868686 solid 1px; padding: 25px; overflow: auto;} .komentarze blockquote {display: block; padding-top: 15px;} .komentarze blockquote p {color: #363636;} .komentarze ol li cite {margin: 15px; display: block; float: left;} .komentarze ol li span {font-style: normal; font-size: 10px;} .komentarze ol li strong {font-size: 13px; font-style: normal; color: #000; display: block;} .komentarze ol li strong a {color: #000;} .dodajKomentarzForm {border-top: #4a4a4a solid 3px; background: transparent url(images/krycieMniejsze.png) repeat; padding: 25px;} div.avatar {float: left;} div.avatar a img {width: 50px; height: 50px; border: #000 solid 5px; float: left;} div.dodajKomentarzForm h4 {width: 111px; height: 25px; background: transparent url(images/dodajKomentarzForm.png) no-repeat; text-indent: -9999px; margin-bottom: 25px;} div.dodajKomentarzForm div {margin-bottom: 9px;} .inputek {background-color: #e2e2e2; width: 150px; padding: 7px 15px 7px 15px; font-size: 11px; color: #393939; border-top: #393939 solid 1px; border-left: #000 solid 1px;} .form_textarea {width: 300px; background-color: #e2e2e2; padding: 7px 15px 7px 15px; font: 11px normal Arial, Helvetica, Tahoma; color: #393939; border-top: #393939 solid 1px; border-left: #000 solid 1px; border-bottom: 0; border-right: 0; height: 120px;} div.dodajKomentarzForm label {padding-left: 10px;} div.dodajKomentarzForm label span {font-weight: bold; font-size: 15px; color: #000;} .inputek:focus {background-color: #fff;} .form_textarea:focus {background-color: #fff;} .slijKomentarz {padding: 7px 15px 7px 15px; background-color: #000; color: #fff; cursor: pointer;} p.infoKomentarz {padding: 25px; background: #000 url(images/poszarpania.png) repeat-x top; display: block; color: #fff; font-weight: bold; margin-bottom: 25px;} p.infoKomentarz strong {font-size: 15px; color: #AF0E76;} .zalogowanyZiom {padding: 0 25px 25px 25px;} .zalogowanyZiom a {color: #ff13ac;} ul.listaFlexible li a {display: block; padding: 10px 25px 10px 25px; border-bottom: #DFDFDF solid 1px; font-size: 16px; font-weight: bold; color: #000;} ul.listaFlexible li a:hover {background-color: #000; color: #fff;} ol.tracklista {margin: 10px 25px 25px 25px; list-style-position: inside; border-left: #000 solid 3px; color: #000;} ol.tracklista li {padding: 5px 15px 5px 15px;} ol.tracklista li:hover {background-color: #000; color: #fff;} ol.tracklista li a {color: #B00D78;} ol.tracklista li:hover a {color: #fff;} a.pobierzAlbum {display: block; height: 179px; width: 392px; background: transparent url(images/pobierzAlbum.png) no-repeat; text-indent: -9999px; text-decoration: none;} span.ilePobrano {text-decoration: none; color: #b2c0c4;} a.kategoria {display: block; height: 101px; width: 150px; background: transparent url(images/kategoria.png) no-repeat; text-indent: -9999px; text-decoration: none; float: left; position: relative; margin: 0 25px 25px 0;} a.kategoria span {position: absolute; width: 108px; padding-top: 13px; text-align: center; display: block; top: 60px; left: 0; color: #fff; text-transform: uppercase; text-indent: 0;} .dataNews {color: #6F6F6F; font-size: 10px; padding-top: 10px;} .dataNews strong {color: #000;} a.pobierzMP3 {display: block; height: 179px; width: 392px; background: transparent url(images/pobierzMP3.png) no-repeat; text-indent: -9999px; text-decoration: none !important;} /* EDYCJA PROFILLLLLQQQQQQQQ */ .form-table th, .form-table td {padding-right: 25px; padding-top: 15px;} .form-table label {color: #000;} .regular-text {background-color: #fff; width: 140px; padding: 7px 15px 7px 15px; font-size: 11px; color: #393939; border-top: #393939 solid 1px; border-left: #000 solid 1px;} textarea#description {background-color: #fff; padding: 7px 15px 7px 15px; font: 11px normal Arial, Tahoma, Verdana; color: #393939; border-top: #393939 solid 1px; border-left: #000 solid 1px; line-height: 18px;} .zmienProfil {background: transparent url(images/zmienProfil.png) repeat-x top; display: block; color: #fff !important; font-weight: bold; margin: 15px 25px 5px 25px !important; padding: 15px 0 0 0 !important; font-size: 13px;} .zmienProfil span {padding: 0 25px 15px 25px; background-color: #64bf00; display: block;} .zmienProfilE {background: transparent url(images/zmienProfilE.png) repeat-x top; display: block; color: #fff !important; font-weight: bold; margin: 15px 25px 5px 25px !important; padding: 15px 0 0 0 !important; font-size: 13px;} .zmienProfilE span {padding: 0 25px 15px 25px; background-color: #b20808; display: block;} /* NO I GOWNO PO PRAWEJ */ #prawa-kolumna {background: #000 url(images/prawa-kolumna-top.jpg) no-repeat top;} #prawa-kolumna-bottom {width: 225px; background: transparent url(images/prawa-kolumna.jpg) no-repeat bottom; padding-bottom: 150px;} #prawa-kolumna h2.imprezy {width: 89px; height: 14px; background: transparent url(images/imprezy.jpg) no-repeat; margin: 28px 0 0 25px;} div.imprezyLista {padding: 15px 25px 15px 25px; border-top: #2b2b2b solid 1px;} div.imprezyLista h4 {font-size: 13px; display: block; cursor: pointer;} h4.imprezyListaAccordionOn {background: transparent url(images/strzalkaImprezyGora.jpg) no-repeat right;} h4.imprezyListaAccordionOff {background: transparent url(images/strzalkaImprezy.jpg) no-repeat right;} div.imprezyLista ul, div.imprezyLista li {margin: 0; padding: 0;} div.imprezyLista ul {margin: 10px 0 0 20px;} div.imprezyLista li {list-style-type: circle; color: #ff4618; font-weight: bold;} div.imprezyLista li {margin-bottom: 10px;} div.imprezyLista li strong, div.imprezyLista li span {display: block;} div.imprezyLista li strong {padding-top: 8px; color: #fff;} div.imprezyLista li span {font-weight: normal; color: #7d7d7d;} div.imprezyLista li a {font-weight: normal; color: #fff; display: block-inline; margin: 4px 0 0 0;} a.wszystkieImprezy {display: block; text-indent: -9999px; width: 225px; height: 51px; background: transparent url(images/wszystkieImprezy.jpg) no-repeat;} #galeria {background-color: #191919; padding: 25px; overflow: hidden;} #galeria h2 {display: block; width: 85px; height: 21px; background: transparent url(images/galeria.jpg) no-repeat; text-indent: -9999px; margin-bottom: 25px;} /* FOOOOTER */ #partnerzy {width: 900px; margin: 25px 0 25px 50px; overflow: hidden;} #partnerzy h2 {display: block; width: 118px; height: 18px; background: transparent url(images/partnerzy.jpg) no-repeat; text-indent: -9999px;} #partnerzy p {width: 175px; line-height: 150%; color: #8e8e8e; padding-top: 25px;} #partnerzy p a {color: #d3d3d3; text-decoration: underline;} #partnerzy p a:hover {color: #e03e17;} #partnerzyInfo {float: left; margin-right: 50px;} #partnerzyLogo {margin-right: 50px; overflow: auto;} #partnerzyLogo ul, #partnerzyLogo li {margin: 0; padding: 0;} #partnerzyLogo li { list-style: none; list-style-image: none;} #partnerzyLogo ul li {display: block; float: left;} #partnerzyLogo ul li a img {float: left;} #footer {width: 900px; background: transparent url(images/footer.jpg) no-repeat top; margin: 25px 0 75px 25px; overflow: auto;} #footer a.logoF {display: block; width: 183px; height: 57px; background: transparent url(images/logoFooter.jpg) no-repeat; text-indent: -9999px; float: left; margin: 25px;} #footer p {margin: 25px; color: #5e5e5e;} #footer p a {color: #e03e17;} #footer p a:hover {color: #fff; text-decoration: underline;} #footer p a strong {font-weight: normal; color: #fff;} #doTopu {float: right;} #doTopu a {display: block; width: 235px; height: 116px; background: transparent url(images/doTopu.jpg) no-repeat; text-indent: -9999px; margin: 7px 25px 0 0;} .car-container {margin-top: 25px;} span.car-yearmonth {display: block; font-size: 16px; font-weight: bold; color: #7F7F7F; padding: 10px 25px 10px 25px; border-bottom: #BFBFBF solid 1px;} a.car-toggler {padding: 5px; background-color: #000; color: #fff; font-size: 10px; float: right; font-weight: bold; color: #606060; text-transform: uppercase;} ul.car-monthlisting {background: transparent url(images/krycieMniejsze.png) repeat;} ul.car-monthlisting li a {border-bottom: #626262 solid 1px !important; font-size: 12px !important;} ul.car-monthlisting li a:hover {background-color: #6d6d6d !important;} .contactform {padding: 25px; color: #000;} .contactform label {color: #000; padding-right: 10px; padding-left: 10px; font-weight: bold;} .contacterror {border: #CF1919 solid 1px !important;} #check-it-out { padding: 25px; } #check-it-out h2 { text-indent: 0 !important; width: auto; height: auto; font-size: 14px; color: #fff; margin: 0 0 15px 0; } #check-it-out li { list-style: none outside; } #check-it-out li a { display: block; padding: 7px 0; font-size: 11px; line-height: 1em; color: #FF4618; border-bottom: 1px solid #272727; } #check-it-out li:last-child a { border: 0; } #check-it-out li a:hover { color: #fff; text-decoration: underline; }