/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx MASTER.CSS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /*-------------------------------------- BASIC -------------------------------------- */ * { margin: 0; padding: 0; list-style: none; } body { font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; background: #ffbf00 url(../img/layout/body-bg.jpg) no-repeat 0 0; padding: 40px; } a img { border: none; } a, a img, a:link, a:visited, a:hover, a:active { outline: none; } #print-logo { display: none; } br.clear { clear: both; height: 0; font-size: 0; line-height: 0; } /*-------------------------------------- LAYOUT -------------------------------------- */ #wrapper { position: relative; width: 1024px; } #logo { position: absolute; top: 5px; left: 25px; width: 78px; height: 106px; } #top-link { display: block; float: right; color: #000; margin-top: -15px; margin-right: 10px !important; margin-right: 5px; position: relative; height: 1%; } #top-link:hover { text-decoration: none; } /*-------------------------------------- Path -------------------------------------- */ #path { margin-left: 170px; font-size: 10px; padding-top: 3px; } #path li { display: inline; } #path a { padding-left: 10px; margin-right: 5px; background: transparent url(../img/layout/path.gif) no-repeat left center; } #path a:link, #path a:visited { color: #000; text-decoration: underline; } #path a:hover, #path a:active { color: #000; text-decoration: none; } #path a.on, #path a.on:link, #path a.on:visited { text-decoration: none; } /*-------------------------------------- LeftAdds -------------------------------------- */ #leftAdds { display: inline; float: left; width: 125px; margin: 25px 0 0 30px; } #leftAdds p { font-size: 14px; text-align: right; font-weight: bold; color: #000; margin-bottom: 5px; } /*-------------------------------------- Banners -------------------------------------- */ #banner-top { position: absolute; top: 4px; right: 7px; } #banner-top img, #banners img { border: 1px solid #000; } /* OBRISATI! */ #banners img { display: block; margin-bottom: 2px; } /*-------------------------------------- CONTAINER -------------------------------------- */ #container-wrapper { clear: both; padding-top: 10px; } #container { width: 852px; float: right; margin-right: 8px !important; margin-right: 4px; /* IE 6 FIX */ background: transparent url(../img/layout/container-bg.gif) repeat-y 0 0; display: block; position: relative; } #container-top { background: transparent url(../img/layout/container-top.gif) no-repeat 0 0; height: 6px; position: relative; top: -5px; } #container-bottom { background: transparent url(../img/layout/container-bottom.gif) no-repeat 0 0; height: 15px; clear: both; position: relative; bottom: -15px !important; bottom: -15px; } #content-wrapper { float: left; display: inline; width: 664px; margin: 0 5px 0 8px; margin-top: 0 !important; margin-top: -10px; /* IE6 FIX */ } /*-------------------------------------- CONTAINER // Content -------------------------------------- */ p.comments { color: #bf0000; background: transparent url(../img/layout/comments.gif) no-repeat left center; height: 27px; padding: 8px 0 0 45px; display: block; float: left; margin-left: 5px; text-decoration: none; font-size: 11px; } p.comments a:link, p.comments a:visited { color: #bf0000; font-weight: bold; text-decoration: none; } p.comments a:hover, p.comments a:active { color: #bf0000; font-weight: bold; text-decoration: underline; } .articleWrapper img { margin-right: 3px; } /*-------------------------------------- CONTAINER // rightAdds -------------------------------------- */ #rightAdds { display: inline; float: right; width: 153px; position: relative; left: -10px; top: 0 !important; top: -10px; /* IE6 FIX */ } /*-------------------------------------- CONTAINER // rightAdds / Search -------------------------------------- */ #searchWrapper { background: transparent url(../img/layout/search-bg.gif) no-repeat 0 0; position: relative; width: 151px; height: 50px; } .inputSearch { background: #fff; color: #000; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: none; margin: 0 0 5px 3px; width: 125px; } .searchButton { position: absolute; top: 0; right: 0; } #searchMenu { width: 151px; } #searchMenu .bg { background: #fac819; } /*-------------------------------------- CONTAINER // rightAdds / rightContent -------------------------------------- */ #rightContent-wrapper { background: transparent url(../img/layout/right-add-top.gif) no-repeat 0 0; padding-top: 7px; } #rightContent { background: transparent url(../img/layout/right-adds-bottom.gif) no-repeat left bottom; padding: 3px 10px 10px 10px; height: 1%; } #rightContent h2 { font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 5px; border-bottom: 1px solid #000; background: transparent url(../img/layout/my-jyo-quests.gif) no-repeat right top; margin-bottom: 5px; height: 1%; } #rightContent h3 { padding: 8px 0; margin-bottom: 10px; margin-top: 15px; height: 1%; font-size: 11px; padding-left: 40px; } #rightContent h3#myneeds { background: transparent url(../img/layout/icons/myneeds.gif) no-repeat 0 0; } #rightContent h3#myoffers { background: transparent url(../img/layout/icons/myoffers.gif) no-repeat 0 0; } #rightContent p { padding: 0 7px 7px 7px; margin-bottom: 7px; border-bottom: 1px solid #fff; } #rightContent-wrapper a:link, #rightContent-wrapper a:visited { color: #000; text-decoration: underline; } #rightContent-wrapper a:hover, #rightContent-wrapper a:active { color: #000; text-decoration: underline; } /*-------------------------------------- FOOTER -------------------------------------- */ #footer { clear: both; padding: 10px 0 0 170px; font-size: 10px; } #footer ul li, #footer ul li a { display: block; float: left; color: #000; vertical-align: middle; height: 22px; } #footer ul li a { padding: 6px 15px 2px 15px; border-left: 1px solid #000; } #footer ul li a#aboutCompany { padding-top: 0; height: 30px; } #footer ul li a.last { border-right: 1px solid #000;} #footer ul li a:hover { text-decoration: none; } #footer p { clear: both; padding: 20px 0 0 0; text-align: right; } #footer a:link, #footer a:visited { color: #000; text-decoration: underline; } #footer a:hover, #footer a:active { color: #000; text-decoration: none; } /* xxxxxxxx end of MASTER.CSS xxxxxxxx */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CONTENT.CSS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /*-------------------------------------- HOME CONTENT -------------------------------------- */ #home-left, #home-right { display: inline; width: 320px; float: left; } #home-right { margin-left: 15px; } /*-------------------------------------- HOME CONTENT // Article wrapper -------------------------------------- */ .articleWrapper { width: 315px; padding: 5px 0 5px 5px; border-bottom: 1px solid #fff; font-size: 10px; color: #666; } .headings { clear: both; width: 285px; display: table; margin-bottom: 5px; } div.title { float: left; width: 120px; display: inline; text-align: center; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } .title h2 { text-align: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } .content { float: right; width: 220px; font-size: 10px; display: inline; color: #666; } .articleWrapper h2 { font: oblique bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; } .articleWrapper h2 a:link, .articleWrapper h2 a:visited { color: #000; text-decoration: none; } .articleWrapper h2 a:hover, .articleWrapper h2 a:active { color: #000; text-decoration: underline; } span.author { display: block; color: #bf0000; font-weight: bold; margin-top: 5px; } span.author a:link, span.author a:visited { color: #bf0000; text-decoration: underline; } span.author a:hover, span.author a:active { color: #000; text-decoration: none; } #quickhomesetting { display: block; clear: both; width: 136px; height: 19px; padding: 2px 0 0 4px; background: transparent url(../img/layout/icons/quicksettings.gif) no-repeat 0 0; font: normal 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #ffff00; text-decoration: none; margin-bottom: 10px; } /*-------------------------------------- Home - ICONS -------------------------------------- */ a.catMusic, a.catVideo, a.catPhotos, a.catGames { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; height: 27px; padding: 8px 0 0 50px; display: block; float: left; text-decoration: none; } a.catMusic { background: transparent url(../img/layout/icons/newmusic.gif) no-repeat left center; } a.catVideo { background: transparent url(../img/layout/icons/newvideos.gif) no-repeat left center; } a.catPhotos { background: transparent url(../img/layout/icons/newphotos.gif) no-repeat left center; } a.catGames { background: transparent url(../img/layout/icons/newgames.gif) no-repeat left center; } a.catMusic:hover, a.catVideo:hover, a.catPhotos:hover, a.catGames:hover { text-decoration: underline; } /*-------------------------------------- HOME CONTENT // rightSpec. -------------------------------------- */ #home-right span.author { text-align: right; } /*-------------------------------------- FREE&FUN -------------------------------------- */ #content-wrapper #quickfreeandfunsetting { display: block; clear: both; width: 139px; height: 19px; padding: 2px 0 0 4px; background: transparent url(../img/layout/icons/quicksettings-freeandfun.gif) no-repeat 0 0; color: #ffff00; font: normal 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 20px 0; } #leftCol, #rightCol { display: inline; } #leftCol { float: left; width: 143px; } /*-------------------------------------- FREE&FUN // LefCol -------------------------------------- */ #freeandfun #leftCol { background: transparent url(../img/layout/fun-leftmenu.gif) no-repeat 0 0px; padding-top: 3px; width: 298px; } #freeandfun #leftCol h3 { font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; width: auto; padding-bottom: 2px; border-bottom: 1px solid #000; display: inline; clear: both; } #freeandfun #leftCol ul { margin-bottom: 25px; padding-top: 15px; } #freeandfun #leftCol ul li { margin: 2px 0; } #freeandfun #leftCol #leftMenu { display: inline; float: left; background: none; } #freeandfun #leftCol #videosMenu { display: inline; float: right; width: 147px; } #freeandfun #leftCol #videosMenu a:link, #freeandfun #leftCol #videosMenu a:visited { color: #a30000; text-decoration: underline; } #freeandfun #leftCol #videosMenu a:hover, #freeandfun #leftCol #videosMenu a:active { color: #a30000; text-decoration: none; } #funMenus { background: transparent url(../img/layout/fun-leftmenu-bottom.gif) no-repeat left bottom; margin: -5px 0 0 0; width: 298px; } #freeandfun #leftCol #videosMenu h2 { font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; position: relative; top: -30px; left: 55px; margin: 0; padding: 0; width: 70px; } #freeandfun #leftCol #videosMenu ul, #freeandfun #leftCol #videosMenu h3 { margin-left: 10px; margin-right: 10px; } /*-------------------------------------- FREE&FUN // RightCol -------------------------------------- */ #rightCol { float: right; width: 481px; } #freeandfun #rightCol h1 { padding: 8px 0 8px 50px; font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: transparent url(../img/layout/icons/newvideos.gif) no-repeat left center; } /*-------------------------------------- FREE&FUN // RightCol / ArticleWrapper -------------------------------------- */ #freeandfun #rightCol { width: 355px; } #freeandfun .articleWrapper { width: 100%; padding: 5px 0; margin: 0 0 5px 0; } #freeandfun .articleWrapper .img { display: inline; float: left; width: 125px; margin: 10px 0 0 0; } #freeandfun .articleWrapper .content { width: 180px; margin-bottom: 10px; } #freeandfun span.author { text-align: right; } .topAdds img { margin: 5px 0 0 15px; } .subHeading { clear: both; background: transparent url(../img/layout/heading-freeandfun.gif) no-repeat left top; width: 100%; } .subHeading h2 { font-size: 11px; margin-left: 10px; padding: 2px 0; } span.postby { float: right; display: block; width: 100px; margin-top: -18px; text-align: right; margin-right: 10px; color: #ff0000; font-style:oblique; } span.postby a { text-decoration: none; font-weight: bold; color: #ff0000; font-style: normal; } .aviIcon { position: absolute; margin-top: 60px !important; margin-top: 65px; margin-left: 3px; } #freeandfun p.comments { color: #bf0000; background: transparent url(../img/layout/comments-small.gif) no-repeat left center; padding: 8px 0 0 45px; height: 10px; display: block; float: left; margin-left: 5px; text-decoration: none; font-size: 11px; margin: 5px 0; } #freeandfun p.comments a:link, #freeandfun p.comments a:visited { color: #bf0000; font-weight: bold; text-decoration: none; } #freeandfun p.comments a:hover, #freeandfun p.comments a:active { color: #bf0000; font-weight: bold; text-decoration: underline; } #freeandfun .articleWrapper img { margin-right: 3px; } /*-------------------------------------- COMMUNITY -------------------------------------- */ #community #leftCol { background: none; } #community #headings { clear: both; background: transparent url(../img/layout/community-top-headings.gif) no-repeat 0 0; padding: 1px 0 0 230px; width: 440px; height: 44px; left: -7px; position: relative; } #community #headings h1 { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 0 3px 1px 3px; border-bottom: 1px solid #000; margin-right: 20px; } #community #headings p { font-size: 11px; color: #fff; padding: 0 3px; } /*-------------------------------------- COMMUNITY // Article wrapper -------------------------------------- */ #community .articleWrapper { width: 476px; background: transparent url(../img/layout/content-bg-bottom.gif) repeat; float: right; margin: 5px 0; border-bottom: none; } #community .headings { background: transparent url(../img/layout/content-top-bg.gif) no-repeat left top; height: 3px; padding: 0; margin: 0; } #community .title { text-align: left; width: 120px; } #community .title img { margin: 0 0 10px 0; padding: 0; } #community .content { width: 220px; padding: 0 70px 0 0; margin: 0; font-size: 11px; } #community .content-img { float: left; margin-right: 10px; width: 35px; margin-left: 5px; } .newMark { position: relative; float: right; right: -50px; top: -30px; } hr { clear: both; margin: 0; padding: 0; color: #000; background: transparent; border: none; border-top: 1px solid #000; height: 1px; } #categories { width: 110px; background: #ff8f00; border: 1px solid #000; font-size: 10px; position: absolute; top: 146px; left: 190px; z-index: 9999; } /*-------------------------------------- COMMUNITY // Groups -------------------------------------- */ #community-groups #leftCol { background: none; padding-left: 6px; } #community-groups #headings { clear: both; background: transparent url(../img/layout/community-top-headings.gif) no-repeat 0 0; padding: 1px 0 0 205px; height: 44px; left: -7px; position: relative; width: 465px; } #community-groups #headings h1 { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 0 3px 1px 3px; border-bottom: 1px solid #000; margin-right: 20px; } #community-groups #headings p { font-size: 11px; color: #fff; padding: 0 3px; } #community-groups .articleWrapper { width: 476px; background: transparent url(../img/layout/content-bg-bottom.gif) repeat; margin: 5px 0; border-bottom: none; position: relative; } #community-groups .headings { background: transparent url(../img/layout/content-top-bg.gif) no-repeat left top; height: 3px; padding: 0; margin: 0; } #community-groups .title { text-align: left; } #community-groups .title img { margin: 0 0 10px 0; padding: 0; } #community-groups .title h2 { margin-bottom: 10px;} #community-groups .content { width: 276px; padding: 0 70px 0 0; margin: 0; font-size: 11px; } #community-groups .newMark { position: relative; float: right; right: -50px; top: 10px } hr { clear: both; margin: 0 0 0 3px; padding: 0; color: #000; background: transparent; border: none; border-top: 1px solid #000; height: 1px; } #categories { width: 110px; background: #ff8f00; border: 1px solid #000; font-size: 10px; position: absolute; top: 146px; left: 190px; z-index: 9999; } a.addcomment { width: 58px; height: 31px; background: transparent url(../img/layout/addyourcomment-bg.gif) no-repeat 0 0; display: block; font-size: 10px; color: #fff000; padding: 4px 0 0 33px; text-decoration: none; } a.addcomment:hover { color: #fff; } #community-groups span.author { margin-bottom: 5px; } #leftCol h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; } #leftCol h2, #leftCol img, #leftCol p { margin-bottom: 10px; } #leftCol p { color: #666; } #leftCol a:link, #leftCol a:visited { color: #bf0000; text-decoration: underline; } #leftCol a:hover, #leftCol a:active { color: #bf0000; text-decoration: none; } /*-------------------------------------- COMMUNITY // Exp. -------------------------------------- */ #community-exp #rightCol { float: right; position: relative; right: 0 !important; right: -15px; } #community-exp #headings { clear: both; background: transparent url(../img/layout/community-top-headings.gif) no-repeat 0 0; padding: 1px 0 0 205px; height: 44px; left: -7px; position: relative; width: 465px; } #community-exp #headings h1 { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 0 3px 1px 3px; border-bottom: 1px solid #000; margin-right: 20px; } #community-exp #headings p { font-size: 11px; color: #fff; padding: 0 3px; } #community-exp .articleWrapper { width: 481px; background: transparent url(../img/layout/exp-article-top.gif) no-repeat left top; margin: 5px 0; padding-top: 7px 0 0 0; border-bottom: none; position: relative; left:-10px!important; left: -20px; } #community-exp .articleWrapper .content { width: 461px; padding: 10px; margin: 0; font-size: 11px; background: #d9a300 url(../img/layout/exp-article-bottom.gif) no-repeat left bottom; position: relative; left: -5px;} #community-exp .articleWrapper .content img { display: inline; margin: 5px; } #community-exp span.author { margin-bottom: 5px; text-align: right; } #community-exp #leftCol { width: 155px; margin: 5px 0 0 0; padding-top: 10px; padding-bottom: 10px; padding-left: 6px; } #community-exp #leftCol h3 { font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; width: auto; padding-bottom: 2px; display: inline; clear: both; } #community-exp #leftCol ul { margin-bottom: 25px; padding-top: 15px; } #community-exp #leftCol ul li { margin: 2px 0; } #community-exp #content-wrapper #leftCol a:hover { text-decoration: none; } #community-exp #leftCol h3 a:link, #community-exp #leftCol h3 a:visited { text-decoration: none; } /*-------------------------------------- I GOT & I NEED -------------------------------------- */ #gotneed #leftCol { background: transparent url(../img/layout/submenu/leftmenu-top.gif) no-repeat left top; padding-top: 3px; clear: both; } /*-------------------------------------- I GOT & I NEED // Forms -------------------------------------- */ #gotneeedformWrapper { background: transparent url(../img/layout/form-top-bg.gif) no-repeat left top; padding-top: 3px; width: 481px; } #gotneeedformWrapper form { background: transparent url(../img/layout/form-bottom-bg.gif) no-repeat left bottom; width: 481px; } #gotneeedformWrapper form fieldset { border: none; padding: 10px 0; } /*-------------------------------------- FORME -------------------------------------- */ .inpt { background: #ff8f00; border: 1px solid #000; padding: 1px 2px; font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } .inpt option { padding: 0 10px 0 0; } .textarea { background: transparent url(../img/layout/textarea-bg.gif) no-repeat 0 0; border: 1px solid #000; padding: 1px 2px; font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width: 353px; height: 80px; } .textarea textarea { overflow: auto; margin: 0 0 0 10px; background: #3f3f3f; border: none; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #ffbf00; width: 340px; height: 65px; padding: 0 0 0 5px; } #formWrapper { background: transparent url(../img/layout/form-top-bg.gif) no-repeat left top; padding-top: 3px; width: 481px; margin: 10px 0; } #formWrapper form { background: transparent url(../img/layout/form-bottom-bg.gif) no-repeat left bottom; font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #ffbf00; padding: 10px; width: 461px; } #formWrapper p, #formWrapper input, #formWrapper textarea, #formWrapper label { margin-top: 10px; margin-bottom: 10px;} #formWrapper form fieldset { border: none; padding: 10px; margin-left: 0; } #formWrapper form .inpt { background: #3f3f3f; color: #ffbf00; margin: 5px 0 10px 0; } #formWrapper form fieldset fieldset { padding: 5px 10px; border: 1px solid #3f3f3f; } #formWrapper form fieldset fieldset legend { color: #ffbf00; } #formWrapper form fieldset fieldset .inpt { margin: 0; vertical-align: middle; } #formWrapper form fieldset textarea, #formWrapper form fieldset textarea.inpt { margin: 5px 0 10px 0; overflow:auto; } #formWrapper form fieldset .inputp { clear: both; background: transparent url(../img/layout/form-input.gif) no-repeat 0 0; height: 18px; margin: 5px 0 10px 0; padding: 0; width: 353px; } #formWrapper form fieldset .inputp input { background: none; border: none; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #ffbf00; width: 320px; margin: 2px 10px 0 10px; padding: 0; } .inputP { clear: both; background: transparent url(../img/layout/form-input.gif) no-repeat 100px 0; width: 476px; height: 18px; margin: 0 0 5px 0; padding: 0; } .inputP input { background: none; border: none; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #ffbf00; width: 290px; float: right; margin: 2px 75px 0 0; } .inputP label { width: 50px; font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #ffbf00; margin: 0 10px 0 10px; display: inline; float: left; } a.moreoptions { margin-left: 105px; color: #ffbf00; text-decoration: none; display: inline; float: left; } a.moreoptions:hover { text-decoration: underline; } p.buttons { float: right; display: inline; margin-right: 27px; } p.buttons input { margin-left: 5px; } #formSubmit { padding: 10px 0 10px 20px; width: 460px; } .attachActions { display: inline; float: left; } #formWrapper .button1, #formWrapper .button2, #formWrapper .button3, #formWrapper .button4, #formWrapper .button5, #formWrapper .button6, #formWrapper .button7, #formWrapper .button8, #formWrapper .button9, #formWrapper .button10 { text-align: center; color: #000; padding: 0; border: none; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; height: 20px; } #formWrapper .button1 { background: transparent url(../img/layout/button1.gif) no-repeat 0 0; width: 41px; } #formWrapper .button2 { background: transparent url(../img/layout/button2.gif) no-repeat 0 0; width: 50px; } #formWrapper .button3 { background: transparent url(../img/layout/button3.gif) no-repeat 0 0; width: 56px; } #formWrapper .button4 { background: transparent url(../img/layout/button4.gif) no-repeat 0 0; width: 71px; } #formWrapper .button5 { background: transparent url(../img/layout/button5.gif) no-repeat 0 0; width: 79px; } #formWrapper .button6 { background: transparent url(../img/layout/button6.gif) no-repeat 0 0; width: 93px; } #formWrapper .button7 { background: transparent url(../img/layout/button7.gif) no-repeat 0 0; width: 113px; } #formWrapper .button8 { background: transparent url(../img/layout/button8.gif) no-repeat 0 0; width: 133px; } #formWrapper .button9 { background: transparent url(../img/layout/button9.gif) no-repeat 0 0; width: 153px; } #formWrapper .button10 { background: transparent url(../img/layout/button10.gif) no-repeat 0 0; width: 166px; } /*-------------------------------------- POEPLE NEED -------------------------------------- */ .poepleNeedContainer { background: transparent url(../img/layout/profiletop-bg.gif) no-repeat right top; width: 100%; clear: both; } .poepleNeedContainer td { padding-bottom: 15px; } .poepleNeedContainer .user { display: inline; float: left; width: 145px; } .poepleNeedContainer h2 { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 0 15px; } /*-------------------------------------- POEPLE NEED // Basic -------------------------------------- */ .poepleNeedArticle { padding: 0; } .needUserImg { background: transparent url(../img/layout/profile/imgtop/topbg.gif) no-repeat 0 0; width: 143px; padding: 5px 0 0 0; text-align: center; font-size: 17px; font-weight: bold; } .needUserImg img { background: transparent url(../img/layout/profile/imgtop/bottombg.gif) no-repeat left bottom; padding: 0 5px 5px 5px; } .needsContentWrapper { margin: 0 0 0 10px; } .needsContent { padding-left: 40px; background: transparent url(../img/layout/needs-bg-icon.gif) no-repeat 0 0; border-bottom: 1px solid #8c7c4c; margin: 15px 10px 5px 10px; padding-bottom: 25px; } .needsFooter { color: #bb0000; padding: 5px 10px 0 10px; } .addComment, .reply { display: block; float: right; padding: 0 0 10px 25px; margin: -10px 0 0 30px; } .addComment { background: transparent url(../img/layout/addcomment.gif) no-repeat left center; } .reply { background: transparent url(../img/layout/reply.gif) no-repeat left center; } .needsContentWrapper .tag_cloud { margin-top: -15px; } /*-------------------------------------- Bounch of profiles -------------------------------------- */ .bounchProfilesContainer { background: transparent url(../img/layout/profiletop-bg.gif) no-repeat right top; width: 100%; clear: both; padding: 7px 0 20px 0; } .bounchProfilesContainer h2 { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-left: 150px; } .bounchProfilesArticle { padding: 10px 0 0 150px; display: inline; float: left; } .bounchProfilesUserImg { margin: -40px 0 0 -150px; background: transparent url(../img/layout/profile/imgtop/topbg.gif) no-repeat 0 0; width: 143px; height: 1%; padding: 5px 0 0 0; text-align: center; font-size: 17px; font-weight: bold; position: relative; float: left; } .bounchProfilesImg img { background: transparent url(../img/layout/profile/imgtop/bottombg.gif) no-repeat left bottom; padding: 0 5px 5px 5px; } .bounchProfilestWrapper { margin: -10px 0 0 10px; } .bounchProfilesContent { padding-left: 40px; background: transparent url(../img/layout/needs-bg-icon.gif) no-repeat 0 0; padding-bottom: 10px; border-bottom: 1px solid #8c7c4c; } /*-------------------------------------- RATEINGS -------------------------------------- */ #rateingsHeading { width: 664px; height: 32px; background: transparent url(../img/layout/rateings-top-bg.gif) no-repeat 0 0; position: relative; left: -8px; } #rateingsHeading h1 { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 0 40px; } #rateingsContainer #basics { width: 250px; padding: 10px 30px 0 20px; font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; display: inline; float: left; } #rateingsContainer #basics #rateing { background: transparent url(../img/layout/rateing-bg.gif) no-repeat 0 0; padding: 15px 0 12px 65px; font-size: 11px; color: #ffbf00; width: 175px; margin-bottom: 10px; } #rateingsContainer #personality { display: inline; float: left; background: transparent url(../img/layout/profile-add-bg.gif) no-repeat 0 0; width: 250px; height: 84px; margin: 15px 0 0 0; } #rateingsTableWrapper { width: 575px; margin: 20px 0 0 20px; } #rateingsTableWrapper table { width: 575px; } #rateingsTableWrapper th { padding: 10px 0; margin: 0; color: #f3b703; text-align: left; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding-right: 0; padding-top: 10px; padding-bottom: 15px; } #rateingsTableWrapper td { text-align: center; color: #fff; padding: 4px 0; font-size: 11px; width: 5px; } #rateingsTableWrapper th.rateing { background: #ffbf00 url(../img/layout/rateing-th.gif) no-repeat 0 0; padding-left: 40px; } #rateingsTableWrapper th.date { background: #ffbf00 url(../img/layout/date-th.gif) no-repeat 0 0; padding-left: 40px; } #rateingsTableWrapper th.posttitle { background: #ffbf00 url(../img/layout/post-title-th.gif) no-repeat 0 0; padding-left: 40px; } #rateingsTableWrapper th.user { background: #ffbf00 url(../img/layout/user-th.gif) no-repeat 0 0; padding-left: 40px; } #rateingsTableWrapper th.comment { background: #ffbf00 url(../img/layout/comment-th.gif) no-repeat 0 0; padding-left: 40px; } #rateingsTableWrapper td.rateing, #rateingsTableWrapper td.rateing-last { width: 108px; background: #3f3f3f; } #rateingsTableWrapper td.date, #rateingsTableWrapper td.date-last { width: 78px; background: #3f3f3f; } #rateingsTableWrapper td.posttitle, #rateingsTableWrapper td.posttitle-last { width: 130px; background: #3f3f3f; } #rateingsTableWrapper td.user, #rateingsTableWrapper td.user-last { width: 109px; background: #3f3f3f; } #rateingsTableWrapper td.comment, #rateingsTableWrapper td.comment-last { width: 130px; background: #3f3f3f; } #rateingsTableWrapper td.rateing-last { background: #3f3f3f url(../img/layout/rateing-bottom.gif) no-repeat left bottom; } #rateingsTableWrapper td.date-last { background: #3f3f3f url(../img/layout/date-bottom.gif) no-repeat left bottom; } #rateingsTableWrapper td.posttitle-last { background: #3f3f3f url(../img/layout/post-title-bottom.gif) no-repeat left bottom; } #rateingsTableWrapper td.user-last { background: #3f3f3f url(../img/layout/user-bottom.gif) no-repeat left bottom; height: 7px; } #rateingsTableWrapper td.comment-last { background: #3f3f3f url(../img/layout/comment-bottom.gif) no-repeat left bottom; } #rateingsTableWrapper td a:link, #rateingsTableWrapper td a:visited { color: #fff; text-decoration: underline; } #rateingsTableWrapper td a:hover, #rateingsTableWrapper td a:active { color: #fff; text-decoration: none; } /*-------------------------------------- PROFILE -------------------------------------- */ #profileContainer #rightCol { position: relative; left: -15px; padding-top: 15px; } #profileTop { background: transparent url(../img/layout/profiletop-bg.gif) no-repeat right top; padding: 7px 0 10px 0; margin-bottom: 10px; clear: none; width: 100%; } #profileTop h1 { font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-left: 150px; } /*-------------------------------------- PROFILE // Basic -------------------------------------- */ #basics { width: 175px; padding: 10px 0 0 10px; font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #8c8c8c; float: left; } #basics #rateing { background: transparent url(../img/layout/rateing-bg.gif) no-repeat 0 0; padding: 15px 0 12px 65px; font-size: 11px; color: #ffbf00; width: 175px; float: left; display: inline; } #basics #rateing img { display: inline; position: absolute; margin-left: 15px; } /*-------------------------------------- OTHERPROFILE // Basic -------------------------------------- */ #basics .otherProfile { font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; display: inline; float: left; } #basics .otherProfile p { margin: 10px 0; } #profileDescription { clear: both; margin: -5px 10px 10px 10px; padding: 10px 0 0 0 !important; padding: 0; padding-right: 3px; } .tag_cloud#profileTags, #profileGalleriysList, #profileVideoList, #profileBoardList { padding-left: 50px; padding-bottom: 20px; padding-top: 5px; } .tag_cloud#profileTags { text-align: left; } .tag_cloud#profileTags li, #profileGalleriysList li, #profileVideoList li, #profileBoardList li { display: inline; padding-right: 10px; } .tag_cloud#profileTags { background: transparent url(../img/layout/comments.gif) no-repeat 0 15px; } #profileGalleriysList { background: transparent url(../img/layout/photos.gif) no-repeat 0 0; } #profileVideoList { background: transparent url(../img/layout/videogallery.gif) no-repeat 0 0; } #profileBoardList { background: transparent url(../img/layout/board.gif) no-repeat 0 0; } /*-----------------------------------------------*/ #profileGotNeed { clear: both; } #profileGotNeed ul { padding: 5px 10px; background: #3f3f3f url(../img/layout/profile-got-needs-bg.gif) no-repeat left bottom } #profileGotNeed ul li { margin: 0 0 3px 0; } #profileGotNeed h2 { color: #f3b703; font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 12px 0 13px 55px; margin: 0; } #profileGotNeed div { display: inline; float: left; margin: 0 10px 0 0; width: 210px; } #profileNeed { background: transparent url(../img/layout/profile-needs.gif) no-repeat 0 0; } #profileGot { background: transparent url(../img/layout/profile-got.gif) no-repeat 0 0; } #profileMMF { background: transparent url(../img/layout/profile-mmf.gif) no-repeat 0 0; } #profileGotNeed a:link, #profileGotNeed a:visited { color: #fff; text-decoration: none; } #profileGotNeed a:hover, #profileGotNeed a:active { color: #fff; text-decoration: underline; } /*-------------------------------------- PROFILE - okviri slika -------------------------------------- */ #profileImg { margin: -30px 0 0 0; background: transparent url(../img/layout/profile/imgtop/topbg.gif) no-repeat 0 0; width: 143px; height: auto; padding: 5px 0 0 0; display: inline; float: left; } #profileImg img { background: transparent url(../img/layout/profile/imgtop/bottombg.gif) no-repeat left bottom; padding: 0 5px 5px 5px; } #content { clear: both; } #content p, #content ul, #content ol, #content table, #content form { margin: 5px 0; } table { margin: 5px 0; } /*-------------------------------------- PROFILE // Personality -------------------------------------- */ #personality { display: inline; float: right; background: transparent url(../img/layout/profile-add-bg.gif) no-repeat 0 0; width: 250px; height: 84px; margin: 15px 0 0 0; } #personality a { display: block; padding: 8px 0 8px 40px; color: #000; font-weight: bold; text-decoration: none; margin: 5px; font-size: 10px; } #personality p a { float: left; } #personality p { margin: -5px 0 0 0; padding: 0; } #personality a#verygoodpersonality { background: transparent url(../img/layout/icons/verygoodpersonality.gif) no-repeat left top; border-bottom: 1px solid #ffbf00; padding-bottom: 15px; } #personality a#asiments { background: transparent url(../img/layout/icons/asiments.gif) no-repeat left center; } #personality a#wins { background: transparent url(../img/layout/icons/wins.gif) no-repeat left center; } /*-------------------------------------- PROFILE - Conversation -------------------------------------- */ #conversationWrapper { background: transparent url(../img/layout/form-top-bg.gif) no-repeat left top; padding-top: 8px; clear: none; float: left; } #leftCol.profile { clear: both; background: transparent url(../img/layout/submenu/leftmenu-top.gif) no-repeat 0 0; padding-top: 3px; position: relative; top: 10px; } #conversation { background: #000 url(../img/layout/form-bottom-bg.gif) no-repeat left bottom; width: 476px; } #conversation h2 { background: transparent url(../img/layout/conversation-heading-bg.gif) no-repeat left top; margin-left: 125px; color: #ffbf00; font-size: 11px; padding: 1px 0 2px 10px; } #conversationTop, #conversationBottom { clear: both; padding: 0 20px; margin-top: 20px; } #conversationTop .conversationWrapper { width: 333px; height: auto; background: transparent url(../img/layout/profile/conversation-top-head.gif) no-repeat left top; padding-top: 16px; display: inline; float: right; color: #fff; } #conversationTop .conversationContent { background: #f63477 url(../img/layout/profile/conversation-top-foot.gif) no-repeat left bottom; margin: -5px 0 0 0; padding: 0 10px 20px 10px; word-wrap: break-word; } #conversationTop .conversationFooter { background: transparent url(../img/layout/profile/conversation-top-details.gif) no-repeat left top; padding: 15px 10px; color: #fff; } #conversationTop .conversationUserPic { background: transparent url(../img/layout/profile/conversation-top-imghead.gif) no-repeat left top; width: 95px; padding: 5px 0 0 0; display: inline; float: left; } #conversationTop .conversationUserPic img { padding: 0 5px 5px 5px; background: transparent url(../img/layout/profile/conversation-top-imgfoot.gif) no-repeat left bottom; } #conversationBottom .conversationWrapper { width: 333px; height: auto; background: transparent url(../img/layout/profile/conversation-bottom-head.gif) no-repeat left top; padding-top: 16px; display: inline; float: left; } #conversationBottom .conversationContent { background: #81ff00 url(../img/layout/profile/conversation-bottom-foot.gif) no-repeat left bottom; margin: -5px 0 0 0; padding: 0 10px 20px 10px; } #conversationBottom .conversationFooter { background: transparent url(../img/layout/profile/conversation-bottom-details.gif) no-repeat left top; padding: 15px 10px; color: #fff; text-align: right; } #conversationBottom .conversationUserPic { background: transparent url(../img/layout/profile/conversation-bottom-imghead.gif) no-repeat left top; width: 95px; padding: 5px 0 0 0; display: inline; float: right; } #conversationBottom .conversationUserPic img { padding: 0 5px 5px 5px; background: transparent url(../img/layout/profile/conversation-bottom-imgfoot.gif) no-repeat left bottom; } /*-------------------------------------- SPLASH -------------------------------------- */ #splashWrapper { width: 1024px; background: transparent url(../img/layout/mainmenu-bg.gif) no-repeat left top; height: 500px; } #splash #logo { position: absolute; top: 10px; left: 250px; } #splash #leftCol { display: inline; float: left; margin-left: 50px; width: 497px; padding: 120px 0 0 0; } #splash #leftCol h1 { font-size: 33px; font-weight: normal; } #splash #login form { width: 170px; height: 86px; background: transparent url(../img/layout/login-form-bg.gif) no-repeat 0 0; padding-top: 15px; } #splash #login { display: inline; float: right; width: 170px; margin: -70px 0 0 0; } #splash #login form p.inputP { margin: 0; padding: 0; background: none; width: 170px; float: none; clear: both; } #splash #login form p.inputP label { font-size: 11px; font-weight: normal; width: 50px; float: left; display: inline; } #splash #login form p.inputP input { width: 85px; margin: 3px 0 0 0; padding: 0; float: right; margin-right: 10px; background: #fff; display: inline; color: #000; } p.submit { padding: 5px 0 0 75px; font-size: 10px; } #splash p.submit a:link, #splash p.submit a:visited { color: #ffbf00; text-decoration: underline; } #splash p.submit a:hover, #splash p.submit a:active { color: #ffbf00; text-decoration: none; } p.submit input { margin-bottom: 2px !important; margin-bottom: 0; } #containerWrapper #signUpButton { display: block; width: 112px; height: 28px; background: transparent url(../img/layout/sign-up-button.gif) no-repeat 0 0; margin: 10px 0; font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-align: center; padding: 3px 0 0 0; } #bakintv { clear: both; width: 327px; height: 99px; background: transparent url(../img/layout/bakindtelevizor.gif) no-repeat 0 0; top: 40px; font-size: 19px; color: #000; padding: 20px 0 0 170px; } #splash #rightCol { position: absolute; width: 345px; top: 130px; right: 25px; } #splash #rightCol ul li { display: block; background: transparent url(../img/layout/splash-menu-li-bg.gif) no-repeat left bottom; margin-bottom: 0px; padding-bottom: 5px; } #splash #rightCol ul a { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; padding: 10px 0 10px 55px; display: block; height: 1%; } #splash #rightCol ul a:hover { text-decoration: underline; } #splash #rightCol ul a#got { background: transparent url(../img/layout/icons/got.gif) no-repeat 0 0px; } #splash #rightCol ul a#need { background: transparent url(../img/layout/icons/need.gif) no-repeat 0 0px; } #splash #rightCol ul a#fav { background: transparent url(../img/layout/icons/fav.gif) no-repeat 0 0px; } #splash #rightCol ul a#fun { background: transparent url(../img/layout/icons/fun.gif) no-repeat 0 0px; } #splash #rightCol ul a#meet { background: transparent url(../img/layout/icons/meet.gif) no-repeat 0 0px; } #splash #rightCol ul a#tour { background: transparent url(../img/layout/icons/tour.gif) no-repeat left center; padding-top: 30px; padding-bottom: 30px; } #splash #rightCol ul li#tour { font-weight: bold; padding-left: 50px; background-position: left top; margin-top: 25px; position: relative; } #splash #rightCol ul li#tour a { position: relative; margin: -20px 0 0 -40px; z-index: 1000; } #containerBottom { clear: both; background: transparent url(../img/layout/splash-bottom-bg.gif) no-repeat 0 0; width: 687px; height: 93px; float: right; padding: 10px 0 0 0; margin-top: -20px; } #splashWrapper #footer { position: relative; top: 60px !important; top: 0; /*IE6*/ } #splash #langWrapper { position: relative; top: 10px; left: 0; width: 150px; height: 50px; background: transparent url(../img/layout/lang-bg.gif) no-repeat left top; padding-left: 100px; float: none; } #langWrapper { position: absolute; top: 55px; right: 10px; } #langWrapper select { width: 150px; border: 1px solid #000; margin: 15px 0 0 0; background: #ff8f00; font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #langWrapper select option {padding: 1px 0;} #langWrapper .bg { background: #fac819; } /*-------------------------------------- SPLASH / SingUp -------------------------------------- */ p#singuptxt { color: #000; } p#singuptxt img { margin: 10px 0; } .sinupP { clear: both; margin-bottom: 5px; height: 15px; } .sinupP input.input { width: 200px; background: #fff; border: 1px solid #000; font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; float: left; margin-right: 30px;} .sinupP label { display: inline; width: 100px; float: left; font-weight: bold; } #singupForm select { font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; border: 1px solid #000; } #rightCol #content-wrapper #content form { width: 200px; } #typeofprofile { float: left; width: 100px; } span.radio { display: inline; float: left; } span.radio label { display: inline; float: none; } #singup-txt { padding: 15px 0 0 100px; } #singup-txt input { vertical-align: middle; } #singup-txt p { margin: 10px 0; } #singup-txt a:link, #singup-txt a:visited { color: #000; text-decoration: underline; font-weight: bold; } #singup-txt a:hover, #singup-txt a:active { color: #000; text-decoration: none; font-weight: bold; } /*------------- signUp -----------------*/ #signUp { width: 710px; min-height: 830px; height: auto!important; height: 850px; background: transparent url(../img/layout/sign-in-top.gif) no-repeat 0 0; position: relative; top: -20px; left: -20px; } #signUp form { background: transparent url(../img/layout/sign-in-bottom.gif) no-repeat; position: relative; /top: 156px !important; top: 166px; padding: 0 0 0 80px !important; padding: 20px 0 0 80px; } #signUp #singup-txt p { background: transparent url(../img/layout/sign-in-foot.gif) no-repeat 0 0; margin: 120px 0 0 -180px; padding: 40px 160px 36px 180px; } /*-------------------------------------- SPLASH // Banners -------------------------------------- */ #banners-top { position: absolute; top: 5px; right: 10px; } #leftBanners { display: inline; float: left; width: 120px; margin-right: 15px; margin-left: 30px; } #rightBanners { display: inline; float: left; width: 468px; } #rightBanners img { margin-top: 70px; } #containerBottom img { display: block; margin-bottom: 10px; } /*-------------------------------------- Blank = Staticna stranica -------------------------------------- */ #blank #content-wrapper { width: 614px; padding: 0 50px 0 150px; color: #666; padding-bottom: 10px; } #blank #content-wrapper h1 { background: transparent url(../img/layout/termsheading-bg.gif) no-repeat 0 0; margin: 0 0 25px -50px; width: 509px; height: 48px; padding: 25px 0 0 150px; font: bold 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; } #blank #content-wrapper h2 { font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; color: #000; } #blank #content-wrapper h3 { font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 15px 0; color: #000; } #blank #content-wrapper h4, #blank #content-wrapper h5, #blank #content-wrapper h6 { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; color: #000; } #blank #content-wrapper p { margin: 10px 0; } #blank #content-wrapper ul, #blank #content-wrapper ol { padding-left: 15px; } #blank #content-wrapper ul li { background: transparent url(../img/layout/path.gif) no-repeat 0 7px; padding-left: 12px; } #blank #content-wrapper ol li { list-style: outside decimal; margin-left: 25px; } span.details { display: block; text-align: right; margin-top: -10px; } #blank #content-wrapper a:link { color: #bf0000; text-decoration: underline; } #blank #content-wrapper a:visited { color: #be5353; text-decoration: underline; } #blank #content-wrapper a:hover, #blank #content-wrapper a:active { color: #000; text-decoration: underline; } #termsContent { padding: 15px 0 0 0; } /*-------------------------------------- TAGS -------------------------------------- */ #tagsheading { background: transparent url(../img/layout/hottagsheading.gif) no-repeat 0 0; position: relative; left: -8px; width: 498px; padding: 17px 0 18px 170px; font-size: 25px; font-weight: bold; } #tagsheading.multimedia { background: transparent url(../img/layout/hottagsheading-multimedia.gif) no-repeat 0 0; position: relative; left: -8px; width: 498px; padding: 17px 0 18px 170px; font-size: 25px; font-weight: bold; } hr.tags-sep { clear: both; color: #fff; border: 0; border-top: 1px solid #fff; margin: 10px 0; } #blank-tags #content-wrapper { float: left; display: inline; width: 590px; margin: 0 5px 0 8px; margin-top: 0 !important; margin-top: -10px; /* IE6 FIX */ clear: none; padding-left: 10px; } #blank-tags #content-wrapper h1 { background: transparent url(../img/layout/termsheading-bg.gif) no-repeat 0 0; margin: 0 0 25px -10px; height: 48px; padding: 25px 0 0 150px; font: bold 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; } #blank-tags #content-wrapper h2 { font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; color: #000; } #blank-tags #content-wrapper h3 { font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 15px 0; color: #000; } #blank-tags #content-wrapper h4, #blank-tags #content-wrapper h5, #blank-tags #content-wrapper h6 { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; color: #000; } #blank-tags #content-wrapper p { margin: 10px 0; } #blank-tags #content-wrapper ul, #blank-tags #content-wrapper ol { padding-left: 15px; } #blank-tags #content-wrapper ul li { background: transparent url(../img/layout/path.gif) no-repeat 0 7px; padding-left: 12px; } #blank-tags #content-wrapper ol li { list-style: outside decimal; margin-left: 25px; } span.details { display: block; text-align: right; margin-top: -10px; } #blank-tags #content-wrapper a:link { color: #bf0000; text-decoration: underline; } #blank-tags #content-wrapper a:visited { color: #be5353; text-decoration: underline; } #blank-tags #content-wrapper a:hover, #blank-tags #content-wrapper a:active { color: #000; text-decoration: underline; } #tags a { margin: 0 5px 0 0; } #tags a:link, #tags a:visited { text-decoration: underline; color: #fff; } #tags a:hover, #tags a:active { text-decoration: none; color: #000; } #tags a.tag01 { font-size: 10px; } #tags a.tag02 { font-size: 12px; } #tags a.tag03 { font-size: 14px; } #tags a.tag04 { font-size: 16px; } #tags a.tag05 { font-size: 18px; } #tags a.tag06 { font-size: 20px; } #tags a.tag07 { font-size: 22px; } #tags a.tag08 { font-size: 26px; } #tags a.tag09 { font-size: 26px; } #tags a.tag10 { font-size: 28px; } /* xxxxxxx end of CONTENT.CSS xxxxxxxx */ /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx MENU.CSS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */ /*-------------------------------------- mainMenu -------------------------------------- */ #mainMenu { height: 65px; background: transparent url(../img/layout/mainmenu-bg.gif) no-repeat 0 0; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 10px 0 0 165px; } #mainMenu li { display: inline; } #mainMenu a { display: block; float: left; margin: 5px 8px 0 0; height: 25px; padding-top: 15px; } #mainMenu a:link, #mainMenu a:visited { color: #000; text-decoration: none; } #mainMenu a:hover, #mainMenu a:active { color: #fff; text-decoration: none; } #mainMenu a.on:link, #mainMenu a.on:visited, #mainMenu a.on:hover, #mainMenu a.on:active { color: #fff; } #mainMenu a#m-profile { background: transparent url(../img/layout/icons/profile.gif) no-repeat left center; padding-left: 32px; } #mainMenu a#m-home { background: transparent url(../img/layout/icons/home.gif) no-repeat 1px center; padding-left: 32px; } #mainMenu a#m-igot { background: transparent url(../img/layout/icons/igot.gif) no-repeat 2px center; padding-left: 34px; } #mainMenu a#m-ineed { background: transparent url(../img/layout/icons/ineed.gif) no-repeat 2px center; padding-left: 34px; } #mainMenu a#m-community { background: transparent url(../img/layout/icons/community.gif) no-repeat 3px center; padding-left: 34px; } #mainMenu a#m-freeandfun { background: transparent url(../img/layout/icons/freeandfun.gif) no-repeat left center; padding-left: 33px; } #mainMenu a#m-help { background: transparent url(../img/layout/icons/help.gif) no-repeat 5px center; padding-left: 34px; } /*-------------------------------------- SUB MENU -------------------------------------- */ #content-wrapper #subMenu { width: 664px; height: 30px; background: transparent url(../img/layout/submenu/submenu-bg.gif) no-repeat 0 0; padding-left: 10px; line-height: 12px; font-size: 10px; } #content-wrapper #subMenu li { display: inline;} #content-wrapper #subMenu a { display: block; float: left; font-weight: bold; height: 33px; padding-top: 10px; padding-left: 35px; position: relative; top: -7px; margin-right: 10px; } #content-wrapper #subMenu a:link, #content-wrapper #subMenu a:visited { color: #000; text-decoration: none; } #content-wrapper #subMenu a:hover, #content-wrapper #subMenu a:active { color: #fff; text-decoration: none; } #content-wrapper #subMenu a.on:link, #content-wrapper #subMenu a.on:visited, #content-wrapper #subMenu a.on:hover, #content-wrapper #subMenu a.on:active { color: #fff; text-decoration: none; } /*------------------------------------------------ FREE&FUN // SM ------------------------------------------------ */ #content-wrapper #subMenu a#sm-newmusic { background: transparent url(../img/layout/icons/newmusic.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-newvideos { background: transparent url(../img/layout/icons/newvideos.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-newradios { background: transparent url(../img/layout/icons/newradios.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-newphotos { background: transparent url(../img/layout/icons/newphotos.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-newgames { background: transparent url(../img/layout/icons/newgames.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-mostviewed { background: transparent url(../img/layout/icons/mostviewed.gif) no-repeat left 5px; padding-left: 40px; } #content-wrapper #subMenu a#sm-newest { background: transparent url(../img/layout/icons/newest.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-coolnes { background: transparent url(../img/layout/icons/coolnesbarometar.gif) no-repeat 0 5px; padding-top: 5px; padding-bottom: 5px; } #content-wrapper #subMenu a#sm-lookatme { background: transparent url(../img/layout/icons/lookatme.gif) no-repeat 0 5px; padding-top: 5px; padding-bottom: 5px; } #content-wrapper #subMenu a#sm-watchandwin { background: transparent url(../img/layout/icons/watchandwin.gif) no-repeat 0 5px; padding-top: 5px; padding-bottom: 5px; } #subMenu a#sm-inbox { background: transparent url(../img/layout/icons/inbox.gif) no-repeat left 5px; } #subMenu a#sm-outbox { background: transparent url(../img/layout/icons/outbox.gif) no-repeat left 5px; } #subMenu a#sm-sent { background: transparent url(../img/layout/icons/sent.gif) no-repeat left 5px; } #subMenu a#sm-current { background: transparent url(../img/layout/icons/current.gif) no-repeat left 5px; } #subMenu a#sm-unrated { background: transparent url(../img/layout/icons/unrated.gif) no-repeat left 5px; } #subMenu a#sm-archive { background: transparent url(../img/layout/icons/archive.gif) no-repeat left 5px; } #subMenu a#sm-newpost { background: transparent url(../img/layout/icons/newpost.gif) no-repeat left 5px; } #subMenu a#sm-events { background: transparent url(../img/layout/icons/events.gif) no-repeat left 5px; } #subMenu a#sm-letsdoit { background: transparent url(../img/layout/icons/letsdoit.gif) no-repeat left 5px; } #subMenu a#sm-setup { background: transparent url(../img/layout/icons/setup.gif) no-repeat left 5px; } #subMenu a#sm-mmf { background: transparent url(../img/layout/icons/mmf.gif) no-repeat left 5px; } /*------------------------------------------------ FREE&FUN // LM ------------------------------------------------ */ #freeandfun #leftCol #leftMenu { padding: 10px 7px 7px 7px; } #freeandfun #leftCol #leftMenu li { padding-bottom: 18px; background: transparent url(../img/layout/submenu/dotted.gif) no-repeat left bottom; width: 128px; margin: 0 0 15px 0 !important; margin: 0 0 15px -15px; } #freeandfun #leftCol #leftMenu li a { display: block; height: 1%; /* IE 6 fix */ padding: 8px 0 8px 45px; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff000; text-decoration: none; } #freeandfun #leftCol #leftMenu li a.on { color: #fff; } #freeandfun #leftCol #leftMenu li a:hover { color: #fff; } a#lm-addvideos { background: transparent url(../img/layout/icons/addvideos.gif) no-repeat left center; } a#lm-addcomment { background: transparent url(../img/layout/icons/addcomment.gif) no-repeat left center; } a#lm-chat { background: transparent url(../img/layout/icons/chat-blck.gif) no-repeat left center; } a#lm-sayitloud { background: transparent url(../img/layout/icons/sayitloud.gif) no-repeat left center; } a#lm-markdate { background: transparent url(../img/layout/icons/markdate.gif) no-repeat left center; } a#lm-addtofavs { background: transparent url(../img/layout/icons/addtofavs.gif) no-repeat left center; } a#lm-luvit { background: transparent url(../img/layout/icons/luvit.gif) no-repeat left center; } a#lm-user { background: transparent url(../img/layout/icons/user.gif) no-repeat left center; } a#lm-gallery { background: transparent url(../img/layout/icons/gallery.gif) no-repeat left center; } a#lm-video { background: transparent url(../img/layout/icons/video.gif) no-repeat left center; } a#lm-languages { background: transparent url(../img/layout/icons/languages.gif) no-repeat left center; } a#lm-tags { background: transparent url(../img/layout/icons/tags.gif) no-repeat left center; } /*------------------------------------------------ COMMUNITY // SM ------------------------------------------------ */ #community #content-wrapper #subMenu a { height: 30px; } #content-wrapper #subMenu a#sm-categories { background: transparent url(../img/layout/icons/categories.gif) no-repeat left 5px; padding-left: 35px; } #content-wrapper #subMenu a#sm-groups { background: transparent url(../img/layout/icons/groups.gif) no-repeat left 5px; padding-left: 35px; } #content-wrapper #subMenu a#sm-forums { background: transparent url(../img/layout/icons/forums.gif) no-repeat left 5px; padding-left: 35px; } #content-wrapper #subMenu a#sm-experinces { background: transparent url(../img/layout/icons/experinces.gif) no-repeat left 5px; padding-left: 35px; } #content-wrapper #subMenu a#sm-dare { background: transparent url(../img/layout/icons/dare.gif) no-repeat left 5px; padding-left: 35px; } #content-wrapper #subMenu a#sm-speakerscorner { background: transparent url(../img/layout/icons/speakerscorner.gif) no-repeat left 5px; padding-left: 35px; } #community #content-wrapper #subMenu a.on:link, #community #content-wrapper #subMenu a.on:visited, #community #content-wrapper #subMenu a.on:hover, #community #content-wrapper #subMenu a.on:active { color: #fff; text-decoration: none; } #community-groups #content-wrapper #subMenu a { height: 30px; } #community-groups #content-wrapper #subMenu a.on:link, #community-groups #content-wrapper #subMenu a.on:visited, #community-groups #content-wrapper #subMenu a.on:hover, #community-groups #content-wrapper #subMenu a.on:active { color: #fff; text-decoration: none; } /*------------------------------------------------ I GOT & I NEED // SM ------------------------------------------------ */ #content-wrapper #subMenu a#sm-writte { background: transparent url(../img/layout/icons/write.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-print { background: transparent url(../img/layout/icons/print.gif) no-repeat left 5px; padding-bottom: 2px; } #content-wrapper #subMenu a#sm-privatepublic { background: transparent url(../img/layout/icons/privatepublic.gif) no-repeat left 5px; padding-left: 40px; } #content-wrapper #subMenu a#sm-bold { background: transparent url(../img/layout/icons/tt.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-attach { background: transparent url(../img/layout/icons/attach.gif) no-repeat 4px 5px; padding-bottom: 2px; } #content-wrapper #subMenu a#sm-settings { background: transparent url(../img/layout/icons/settings.gif) no-repeat left 5px; } /*------------------------------------------------ I GOT & I NEED // LM ------------------------------------------------ */ #gotneed #leftCol #leftMenu { background: transparent url(../img/layout/submenu/leftmenu-bottom.gif) no-repeat left bottom; padding: 10px 7px 7px 7px !important; padding: 10px 7px 15px 7px; } #gotneed #leftCol #leftMenu li { padding-bottom: 18px; background: transparent url(../img/layout/submenu/dotted.gif) no-repeat left bottom; margin-bottom: 15px; } #gotneed #leftCol #leftMenu li a { display: block; height: 1%; /* IE 6 fix */ padding: 8px 0 8px 40px; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff000; text-decoration: none; } #gotneed #leftCol #leftMenu li a:hover { color: #fff; } #gotneed #leftCol #leftMenu li a.on { color: #fff; } a#lm-yellit { background: transparent url(../img/layout/icons/yellit.gif) no-repeat left center; } a#lm-paperwork { background: transparent url(../img/layout/icons/paperwork.gif) no-repeat left center; } a#lm-documents { background: transparent url(../img/layout/icons/documents.gif) no-repeat left center; } a#lm-creditcard { background: transparent url(../img/layout/icons/creditcard.gif) no-repeat left center; } a#lm-shopping { background: transparent url(../img/layout/icons/shoping.gif) no-repeat left center; } a#lm-igotonsale { background: transparent url(../img/layout/icons/igotonsale.gif) no-repeat left center; } a#lm-rewardinclude { background: transparent url(../img/layout/icons/rewardinclude.gif) no-repeat left center; } /*------------------------------------------------ PROFILE // SM ------------------------------------------------ */ #profile #content-wrapper #subMenu { width: 476px; height: 30px; background: transparent url(../img/layout/submenu/submenu-bg.gif) no-repeat 0 0; padding-left: 10px; line-height: 12px; margin-top: 10px; clear: none; } #profile #content-wrapper #subMenu { background: transparent url(../img/layout/profile-submenu-bg.gif) no-repeat left 5px;} #profile #content-wrapper #subMenu a { padding-left: 37px; padding-top: 15px; } #content-wrapper #subMenu a#sm-chat { background: transparent url(../img/layout/icons/chat.gif) no-repeat left 5px; } #content-wrapper #subMenu a#sm-settings { padding-left: 42px; } /*------------------------------------------------ PROFILE // LM ------------------------------------------------ */ #profile #leftCol #leftMenu { background: transparent url(../img/layout/submenu/leftmenu-bottom.gif) no-repeat left bottom; padding: 10px 7px 7px 7px !important; padding: 10px 7px 15px 7px; } #profile #leftCol #leftMenu li { padding-bottom: 18px; background: transparent url(../img/layout/submenu/dotted.gif) no-repeat left bottom; margin-bottom: 15px; height: 1%; } #profile #leftCol #leftMenu li a { display: block; height: 1%; /* IE 6 fix */ padding: 10px 0 12px 45px; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff000; text-decoration: none; } #profile #leftCol #leftMenu li a:hover { color: #fff; } #profile #leftCol #leftMenu li a.on { color: #fff; } a#lm-myprofile { background: transparent url(../img/layout/icons/myprofile.gif) no-repeat left center; } a#lm-myposts { background: transparent url(../img/layout/icons/myposts.gif) no-repeat left center; } a#lm-mymsgs { background: transparent url(../img/layout/icons/mymsgs.gif) no-repeat left center; } a#lm-myfavs { background: transparent url(../img/layout/icons/myfavs.gif) no-repeat left center; } a#lm-mymmfavs { background: transparent url(../img/layout/icons/mymmfavs.gif) no-repeat left center; } a#lm-myjyo { background: transparent url(../img/layout/icons/myjyo.gif) no-repeat left center; } a#lm-mycontacts { background: transparent url(../img/layout/icons/mycontacts.gif) no-repeat left center; } /* xxxxxxxx end of MENU.CSS xxxxxxxxxx */ /*-------------------------------------- PAGINATION STUFF -------------------------------------- */ div.indentleft1 { padding-left :20px; } .pagination_selected { margin : 0; color : white; /* green - #73B060 */ background-color : #73B060; font-size : 14px; padding-top : 1px; padding-bottom : 1px; padding-left : 4px; padding-right : 4px; margin-right : 1px; text-decoration: : none; border : 1px solid #73B060; display : inline; outline-width : 0px; } .pagination_disabled { color : #DDDDDD; font-size : 16px; } .pagination_link, .pagination_link:visited { margin : 0; text-decoration : none; color : #013B6B; font-size : 14px; padding-top : 1px; padding-bottom : 1px; padding-left : 4px; padding-right : 4px; margin-right : 1px; border : 1px solid #013B6B; display : inline; outline-width : 0px; cursor : pointer; } .pagination_link:hover { margin : 0; text-decoration : none; color : #73B060; font-size : 14px; padding-top : 1px; padding-bottom : 1px; padding-left : 4px; padding-right : 4px; margin-right : 1px; border : 1px solid #73B060; display : inline; outline-width : 0px; cursor : pointer; } .pagination_number_box { margin-top : 5px; }