/* Disclaimer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | Dubscore.pl - styl CSS / CSS style | Author / Autor: Tomek Buszewski | Version / Wersja: 1.0 | Creation date / Data utworzenia: 2010-05-08 | Last modified / Data ostatniej modyfikacji: 2010-05-12 | Mozesz wykorzystac fragmenty tego stylu do celow wlasnych, jednak | unikalne polaczenie kolorow, typografii, obrazkow i pozycjonowania | jest chronione prawem autorskim i nie moze byc powielane. | You can use fragments of this style for your purposes, but unique | combination of colours, typography, images and positioning is | protected by copyrights and cannot be duplicate. | | (C) 2008/2010 - Tomek Buszewski - Buszewski.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Globals ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ * { border:0; padding:0; margin:0; font-size: 100%; list-style: none; text-decoration: none; } .clear { clear: both; height: 1px; margin-top: -1px; display: block; } body { background: #fcfdf2 url(../Content/images/main-bg.gif) repeat-x top; font: normal 12px Arial, sans-serif;} /* Typography ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Typography / Headers */ h1 { display: block; height: 100px; width: 512px; text-indent: -9999px; background: url(../Content/images/logo.gif) no-repeat left; clear: both } div#categories li h5 { font: normal 16px Arial, sans-serif; color: #f8f9ef; text-align: right; padding: 13px 0px 10px 0; letter-spacing: -1px } div.desc h3 a { font: bold 22px/24px Arial, sans-serif; color: #fcfdf2; letter-spacing: -1px; display: block; padding: 30px 0 0 35px; position: relative; z-index: 9999 } div#content h4, #video h2, #stw h2 { font: bold 26px/64px Arial, sans-serif; color: #2f2b26; position: relative; text-align: right; padding-right: 15px; letter-spacing: -1px } #video h2, #stw h2 { text-align: left; letter-spacing: -2px } #stw h2 { padding: 10px 30px; font-size: 36px } div#content h4.gameHeader, div#video h4.gameHeader { font: normal 16px/64px Arial, sans-serif; color: #524e49; position: relative; text-align: left; padding-left: 10px; letter-spacing: -1px } h4.gameHeaderBig { font-weight: bold; padding: 10px 0 5px 216px; margin: 0; line-height: 24px } div#content h4.actorHeaderBig { font-weight: bold; padding: 10px 0 5px 0px; margin: 0; line-height: 24px; text-indent: left } .topContent, div#content h4 a { color: #524e49 } #right h3, #stwDl li h4 { font: normal 18px/56px Arial, sans-serif; color: #fcfdf2; letter-spacing: -1px; padding: 0 0 0 20px; margin-bottom: 20px } #stwDl li h4 { margin-bottom: 0 } #right h3.greenTitle { color: #5ea01e } .s1 h3, .s2 h3 { float: left } h3.h3b { width: 150px; } #right h3.h3s { font: 16px/60px Arial, sans-serif; width: 140px; height: 60px } div#video div#vidList ul li h2 { font-size: 16px; line-height: 30px; padding-left: 0px } /* Typography / Login */ div#rightTop p.loginInfo { font: 11px/60px Arial, sans-serif; color: #dbd4cb; text-align: right } div#rightTop p a { font-weight: bold; color: #b8ac9d } div#rightTop form#loginBox p { padding: 15px 0 0 10px; } div#rightTop form#loginBox p label { display: none } div#rightTop form#loginBox p input, div#rightTop form#loginBox p button { float: left; font: 11px Arial, sans-serif; color: #dbd4cb } div#rightTop form#loginBox p input#loginName { width: 91px; height: 30px; background: url(../Content/images/loginName.gif) no-repeat left; padding: 0 15px } div#rightTop form#loginBox p input#loginPass { width: 129px; height: 30px; background: url(../Content/images/loginPass.gif) no-repeat left; padding: 0 15px } div#rightTop form#loginBox p button { width: 30px; height: 30px; background: url(../Content/images/loginGo.gif); font-weight: bold; color: #f8f9ef; cursor: pointer } /* Typograhy / Search */ div#rightTop form#search p { margin: 30px 0 0 10px; height: 70px; } div#rightTop form#search p input#searchInput { width: 210px; height: 40px; padding: 0px 0px 0px 10px; background: url(../Content/images/search-input.gif); font: 11px/40px Arial, sans-serif; color: #58544e; } div#rightTop form#search p input#searchGo { width: 80px; height: 40px; padding: 0px; margin-left: -4px; background: url(../Content/images/search-go.gif); text-indent: -9999px; top: 90px; position: absolute; cursor: pointer } /* Typography / Middle */ div#categories li { padding-right: 10px; cursor: pointer; } div#categories li a { font: 11px/32px Arial, sans-serif; color: #e3e6c8; text-align: right; display: block; padding-right: 10px } div#categories li a:hover { font-weight: bold; background: url(../Content/images/cats-hover.gif) no-repeat center left } /* Typography / Middle Desc */ div.desc p { font: 11px/21px Arial, sans-serif; color: #d0d2be; position: relative; z-index: 9999; display: block; padding: 15px 100px 0 35px } div.desc p span { display: block; padding-top: 10px; font-weight: bold; color: #fcfdf2 } div#middle.subPage div.desc p span { display: block; padding-top: 0px; font-weight: bold; color: #fcfdf2 } /* Typography / Content */ h4 a.cntIcon { text-indent: -9999px; text-align: left; outline: 0; display: block; width: 34px; height: 32px; position: absolute; top: 20px; @top: 0; left: 20px; background-image: no-repeat } h4 a.RSS { background: url(../Content/images/icons/rss.gif) no-repeat center center; } h4 a.Art { background: url(../Content/images/icons/art.gif) no-repeat center center; } h4 a.Reg { background: url(../Content/images/icons/reg.gif) no-repeat center center; } h4 a.Mail { background: url(../Content/images/icons/mail.gif) no-repeat center center; } div.cntText p { font: 12px/21px Arial, sans-serif; color: #4e4a45; padding-bottom: 10px; text-align: justify } div.cntText p a { color: #5f9a26; font-weight: bold } div.news h2 { font: bold 22px Arial, sans-serif; color: #58544e; letter-spacing: -1px; display: block; } div.news h2 a { color: #58544e; } div.news div.newsText { clear: both; } div.news ul.summary { clear: both; position: relative; z-index: 9999 } div.news ul.summary li { font: 11px Arial, sans-serif; color: #8e867a; padding: 10px 20px 15px 21px; display: block; float: left; } div.news ul.summary li.date { background: url(../Content/images/icons/date.gif) no-repeat left 8px } div.news ul.summary li.author { background: url(../Content/images/icons/author.gif) no-repeat left 8px } div.news ul.summary li.comments { background: url(../Content/images/icons/comment.gif) no-repeat left 8px } div.news ul.summary li.more { background: url(../Content/images/icons/more.gif) no-repeat left 8px } div.news ul.summary li a { color: #5f9a26;} /* Typography / Spread the Word */ #stw ul#stwInfo li { font: 12px/21px Arial, sans-serif; width: 555px; margin: 0 0 10px 30px; color: #4e4a45 } #stw ul#stwInfo li span { display: block; width: 30px; height: 30px; background: url(images/icons/pag.gif) no-repeat left bottom; line-height: 30px; text-align: center; font-weight: bold; color: #58544e; float: left; margin: 2px 10px 0 0 } #stw ul#stwDl li p { font: 12px/21px Arial, sans-serif; color: #fcfdf2; padding: 0 30px; text-align: justify } #stw ul#stwDl li a { font: bold 16px/36px Arial, sans-serif; color: #daeac8; padding-left: 45px; display: block; outline: 0 } /* Typography / Game and Actors Desc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .textBlock, .textBlockProfile { padding-bottom: 22px; background: url(../Content/images/textBlock.gif) no-repeat bottom; clear: both; min-height: 100% } .textBlockProfile { padding: 25px 0px 0px 25px; } .textBlockProfile h3 { margin-bottom: 5px; margin-top: 5px; } .textBlockProfile a { color: #5f9a26; font-weight: bold; } div#cover { position: relative; float: left; margin: 0 10px 0 18px } span.coverBorder { position: absolute; top: -2px; left: -2px; width: 204px; height: 238px; display: block; background: url(../Content/images/coverBorder.gif) } span.coverBorder360 { position: absolute; top: -2px; left: -2px; width: 204px; height: 290px; display: block; background: url(../Content/images/coverBorder360.gif) } span.actorBorder { position: absolute; top: -2px; left: -2px; width: 150px; height: 210px; display: block; background: url(../Content/images/actorBorder.gif) } span.videoBorder { position: absolute; top: 20px; left: 35px; width: 250px; height: 140px; display: block; background: url(images/vidR.gif) } div#details ul { float: left; margin-top: 10px; font: 12px/30px Arial, sans-serif; color: #7e7870 } div#details ul li strong { padding-right: 20px; margin-right: 10px; background: url(../Content/images/separatorV.gif) no-repeat right center; color: #4e4a45 } div#details ul li img { position: relative; top: 2px } div#details ul li a { color: #5f9a26; font-weight: bold } div#details .contribBlock.warning ul { margin-top: 0px; } div#description.textBlock, div#dublist.textBock { padding-bottom: 10px } div#description p { padding: 0 15px; padding-bottom: 10px } .borderedPhoto { position: relative; width: 44px; height: 65px; } div#dubList ul li { position: relative; height: 65px; margin-left: 35px; margin-top: 10px; } div#dubList ul li.indented { margin-left: 55px; } div#dubList ul li span.photoBorder, .borderedPhoto span { position: absolute; top: -2px; left: -2px; width: 44px; height: 65px; display: block; background: url(../Content/images/photoBorder.gif) } div#dubList ul.gamesList li span.photoBorder { position: absolute; top: -2px; left: -2px; width: 44px; height: 55px; display: block; background: url(../Content/images/coverBorderSmall.gif) } div#dubList ul li p { position: absolute; top: 4px; left: 50px; width: 160px; text-align: left; } div#dubList ul li p span { display: block; font-size: 11px } div#dubList ul li ul.listen { position: absolute; top: 1px; right: 10px; } div#dubList ul li ul.listen li { margin: 0; height: auto; float: left } div#dubList ul li ul.listen a { width: 145px; height: 60px; display: block; text-indent: -9999px; outline: 0 } div#dubList ul li ul.listen a.dl { background: url(../Content/images/icons/dl-li.gif) left } div#dubList ul li ul.listen a.lis { background: url(../Content/images/icons/dl-li.gif) right } form#addcomment p.validator { margin-left: 35px; color: Red;} form#addcomment p label { display: block; margin-left: 35px; } form#addcomment p textarea { width: 340px; height: 110px; padding: 10px; background: url(../Content/images/cCnt.gif); font: 12px/18px Arial, sans-serif; color: #524e49; margin: 0 10px 0 35px; float: left; overflow: auto; } form#addcomment p input { width: 120px; height: 75px; background: url(../Content/images/cAdd.gif); display: block; text-indent: -9999px; cursor: pointer; outline: 0; float: left } div#comms { float: left; padding-left: 35px; width: 100%;} div#comms div.comment { float: left; clear: left; margin-bottom: 10px; margin-top: 15px; width: 100%; } div#comms div.comment div.avatar { float: left; clear: left; } div#comms div.comment div.avatar a { background: url(images/avatarBorder.gif); float: left; width: 60px; height: 60px; display: block; } div#comms div.comment div.avatar img { margin: 2px 0px 0px 2px; } div#comms div.comment div.content { float: left; width: 425px; } div#comms div.comment div.content p { font-size: 12px; display: block; width: 391px; padding: 5px 10px 5px 15px; background: url(images/cTop.gif) no-repeat top; float: left; margin: 10px 0 10px 10px; position: relative; white-space: pre-wrap; color: #4E4A45;} div#comms div.comment div.content p.inlineComment { background: none; margin: 10px 0px 10px 10px; padding: 0px; } div#comms div.comment div.content span.cBottom { display: block; width: 411px; height: 5px; background: url(images/cBottom.gif); position: absolute; right: 1px; bottom: 0 } div#comms div.comment div.content ul.cDetails { float: left; clear: left; width: 400px; padding-left: 15px; padding-top: 2px; } div#comms div.comment div.content ul.cDetails li {padding: 2px 0px 2px 20px; display: inline; margin: 0px 10px 0px 0px; color: #5f9a26; } div#comms div.comment div.content ul.cDetails li.cAuthor { background: url(images/icons/cAuthor.gif) no-repeat left center } div#comms div.comment div.content ul.cDetails li.cDate { background: url(images/icons/cDate.gif) no-repeat left center } div#comms div.comment div.content ul.cDetails li a { color: #5f9a26; font-weight: bold } div#comms div.comment div.content ul.cDetails li.cEdit {background: url(images/icons/comment.gif) no-repeat left center;} div#comms div.comment div.content textarea.inlineComment { width: 340px; height: 110px; padding: 10px; background: url(../Content/images/cCnt.gif); font: 12px/18px Arial, sans-serif; color: #524e49; margin: 10px 10px 0 10px; float: left; overflow: auto; } div#comms div.comment div.content input.inlineComment { padding: 5px; border: 1px solid #d0d2bd; width: 45px; margin-bottom: 10px; -moz-border-radius: 5px; background-color: #f4f5ea; float: left; color: #4E4A45;} div#moreComments { clear: both; margin-left: 35px; } div#moreComments a { color: #5F9A26; font: bold 11px/21px Arial, sans-serif; } /* Typography / Registration Form */ form#reg, div.regFields { margin-top: 20px } div.regFields p select#commsOrder { padding: 10px; width: 330px; height: 40px; background: url(../Content/images/regForm.gif) no-repeat left; font: 11px/40px Arial, sans-serif; color: #4e4a45; background-color: #f6f6eb;} div.regFields p option { padding: 10px; } form#reg p { padding: 0 15px 10px 15px } form#reg label { display: block; width: 150px; float: left; line-height: 37px; margin-left: 15px } form#reg input { width: 310px; height: 40px; background: url(../Content/images/regForm.gif) no-repeat left; font: 11px/40px Arial, sans-serif; color: #4e4a45; padding: 0 10px; } form#reg input#go { width: 120px; height: 40px; background: url(../Content/images/regGo.gif); padding: 0; margin-left: 165px; font-weight: bold; cursor: pointer } form#reg input.go { width: 120px; height: 40px; background: url(../Content/images/regGo.gif); padding: 0; font-weight: bold; cursor: pointer } form#reg input.cb { width: 15px; height: 15px; background: none; padding: 0px; margin-top: 10px;} form#reg input[type='file'] {height: 30px;} .validation-summary-errors, .field-validation-error { color: #ff0000; } span.field-validation-error { padding-left: 168px;} .input-validation-error { border: 1px solid #ff6666; } /* Typography / Games and Actors Lists */ ul#positions li.game { position: relative; padding: 20px 35px 22px 35px; background: url(../Content/images/cnt-s.gif) no-repeat bottom; display: block; clear: left; float: left; width: 485px; } ul#positions li.game img.c { float: left; margin-right: 12px } ul#positions li.game span.coverBorder, ul#positions li.actor span.actorBorder { top: 18px; left: 33px } ul#positions li.game p { font: 11px/21px Arial, sans-serif } ul#positions li.game ul li.gameR { font: bold 12px Arial, sans-serif; color: #4e4a45; } ul#positions li.game ul li.gameR strong { padding-right: 20px; padding-left: 5px; margin-right: 10px; background: url(../Content/images/separatorV.gif) no-repeat right center; } ul#positions li.game ul li.gameR img { position: relative; top: 2px } ul#positions li.game ul.d { float: left; display: block; width: 270px; } ul#positions li.actor ul.d { float: left; display: block; width: 320px; } ul#positions li.review ul.d { float: left; display: block; width: 220px; } ul.pagin { clear: both; margin: 30px } ul.pagin li { float: left; } ul.pagin li a { display: block; width: 30px; height: 30px; padding-top: 5px; background: url(../Content/images/icons/pag.gif) no-repeat bottom; font: 11px/30px Arial, sans-serif; color: #5f9a26; text-align: center; margin-right: 5px } ul.pagin li a.ac { background: url(../Content/images/icons/pag.gif) no-repeat top; font-weight: bold; color: #3e3932 } ul.pagin li a.pMore { background: url(../Content/images/icons/pag-more.gif) no-repeat bottom; width: 50px } /* Typography / Right */ div#right p { font: 12px/21px Arial, sans-serif; text-align: center; color: #fcfdf2 } div#right a { color: #e3e6c8; font-weight: bold } h3 span.icon { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; display: block; } h3 span.czywieszze { background: url(../Content/images/icons/czyWiesz.gif) no-repeat right center } h3 span.top5 { background: url(../Content/images/icons/top5.gif) no-repeat center left } h3 span.foto { background: url(../Content/images/icons/foto.gif) no-repeat center left } h3 span.warto { background: url(../Content/images/icons/warto.gif) no-repeat center left } .topList { clear: both; position: relative; top: -15px } .topList li { padding: 10px 25px; font: 12px/21px Arial, sans-serif; color: #fcfdf2; position: relative; border-bottom: 1px solid #91c360; position: relative; padding-right: 90px } .topList li span { font: 11px/18px Arial, sans-serif; display: block; padding-left: 20px; height: 18px } .ol span { margin-left: 18px } .topList li span.rate { background: url(../Content/images/icons/star.gif) no-repeat left center } .topList li span.addDate { background: url(../Content/images/icons/addDate.gif) no-repeat left center } .topList li span.image { background: url(../Content/images/topBorder.gif); width: 50px; height: 50px; display: block; position: absolute; top: 5px; right: 20px; padding: 0 } .topList li img { display: block; position: absolute; top: 7px; right: 22px; } .ol li { list-style-type: decimal; list-style-position: inside } .photo li { padding: 5px; text-align: center; } .photo li a { display: block; } .photo li img { position: relative; display: inline; right: 0px; top: 0px; bottom: 0px; } #right a.social { width: 190px; height: 35px; display: block; float: left; padding-top: 40px; font: normal 11px Arial, sans-serif; color: #6db725 } #right a.social span { display: none } #right a#twitter { background: url(../Content/images/icons/twitter.gif); padding-left: 87px; width: 103px } #right a#fb { background: url(../Content/images/icons/facebook.gif); padding-left: 57px; width: 133px } #right .video { position: relative; text-align: center } #right .video span { position: absolute; top: -2px; left: 20px; width: 354px; height: 200px; display: block; background: url(../Content/images/videoBorder.gif) } #right .video h4 { width: 354px; height: 50px; font: bold 16px/46px Arial, sans-serif; background: #000; display: block; position: absolute; bottom: 4px; left: 20px; color: #fcfdf2; letter-spacing: -1px } #right #red { text-align: center; padding: 20px 0 } #right #red img { margin: 0 5px } #right #help { width: 395px; height: 68px; background: url(../Content/images/helpButton.jpg); display: block; text-indent: -9999px; margin-bottom: 20px } /* Typography / Footer */ div#footer div ul { position: relative; clear: left; margin-left: 10px;} div#footer div ul li { float: left; color: #f1f1e2; margin-top: 25px;} div#footer div ul li a { font: bold 11px Arial, sans-serif; color: #f1f1e2; margin-right: 10px; } div#footer div ul li a.up { position: absolute; width: 58px; height: 34px; background: url(../Content/images/icons/up.gif); right: 5px; top: 0; padding: 0; color: #4c473f; text-align: left; line-height: 34px; padding-left: 40px; } div#footer div ul.recommend li { font: bold 11px Arial, sans-serif; } div#footer div ul.recommend li a { margin-left: 5px; } div#footer div p { color: #d7d9c3; clear: both; position: relative; display: block; float: left; margin-top: 25px; margin-left: 10px; width: 100%;} div#footer div p span.left { margin: 0px; display: block; float: left; } div#footer div p span.right { margin: 0px; display: block; float: right; } div#footer div p span a { font-weight: bold; color: #d7d9c3; } /* Containers ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#wrap { width: 960px; margin: auto; } div#top { width: 960px; height: 160px; } div#main { clear: both; float: none; overlay: auto; } /* Containers / Top */ div#leftTop, div#rightTop { float: left } div#leftTop { width: 512px; height: 160px } div#rightTop { width: 365px; padding-left: 83px; background: url(../Content/images/separator-login.gif) no-repeat top left; } div#leftTop ul li { float: left; } div#leftTop ul li a { height: 60px; display: block; text-indent: -9999px; outline: 0; background-position: top } div#leftTop ul li a:hover { background-position: bottom } div#leftTop ul li a#menu-01 { background-image: url(../Content/images/menu/menu-01.jpg); width: 100px } div#leftTop ul li a#menu-02 { background-image: url(../Content/images/menu/menu-02.jpg); width: 40px } div#leftTop ul li a#menu-03 { background-image: url(../Content/images/menu/menu-03.jpg); width: 68px } div#leftTop ul li a#menu-04 { background-image: url(../Content/images/menu/menu-04.jpg); width: 56px } div#leftTop ul li a#menu-05 { background-image: url(../Content/images/menu/menu-05.jpg); width: 67px } div#leftTop ul li a#menu-06 { background-image: url(../Content/images/menu/menu-06.jpg); width: 67px } div#leftTop ul li a#menu-07 { background-image: url(../Content/images/menu/menu-07.jpg); width: 114px } /* Containers / Middle */ div#middle { width: 960px; height: 320px; margin-bottom: 30px; position: relative; } div#middle.subPage { width: 960px; height: 148px; margin-bottom: 30px; position: relative; } div#middle div#categories { width: 165px; height: 148px; background: url(../Content/images/video-left.gif); float: left } div#middle div.rotatorBtn { width: 140px; height: 320px; position: absolute; right: 0; top: 0; left: 820px; z-index: 50;} div#middle.subPage div.rotatorBtn { width: 140px; height: 148px; position: absolute; right: 0; top: 0; left: 820px; z-index: 50;} div#middle div.desc { width: 400px; height: 320px; background: url(../Content/images/desc-bg.png); position: absolute; right: 0; top: 0; left: 395px; } div#middle.subPage div.desc { width: 400px; height: 148px; background: url(../Content/images/desc-bg-small.png); position: absolute; right: 0; top: 0; left: 395px; } div#middle div.desc h3 { width: 320px; } div#middle.subPage div.desc h3 { width: 290px; } div#middle div.rotatorBtn a.prevVid { width: 137px; height: 320px; background: url(../Content/images/desc-left.png); position: absolute; right: 0; top: 0; text-indent: -9999px; outline: 0 } div#middle.subPage div.rotatorBtn a.prevVid { width: 137px; height: 148px; background: url(../Content/images/desc-left-small.png); position: absolute; right: 0; top: 0; text-indent: -9999px; outline: 0 } div#middle div.rotatorBtn a.nextVid { width: 66px; height: 320px; background: url(../Content/images/desc-right.png); position: absolute; right: 0; top: 0; text-indent: -9999px; outline: 0 } div#middle.subPage div.rotatorBtn a.nextVid { width: 66px; height: 148px; background: url(../Content/images/desc-right-small.png); position: absolute; right: 0; top: 0; text-indent: -9999px; outline: 0 } /* Containers / Content */ div#content { width: 555px; margin-right: 10px; background: url(../Content/images/cnt-bg.gif); position: relative; float: left } div#content div.cntText { background: url(../Content/images/cnt-up.jpg) no-repeat top; } div#content div.cntBottom, span.cmntsB, div.cmntsB { background: url(../Content/images/cnt-btm.jpg) no-repeat bottom; height: 30px; display: block; } span.cmntsB, div.cmntsB { height: 50px } div.cmntsB { margin-left: 6px; } div#content div.cntText div.news { padding: 20px 15px 10px 15px; background: url(../Content/images/cnt-s.gif) no-repeat bottom } div#content div.cntText div.news p.news-img { padding: 0 0 10px 0px; position: relative; text-align: center; } div#content div.cntText div.news p.news-img span { background: url(../Content/images/newsborder.gif); display: block; width:474px; height: 115px; position: absolute; top: 39px; left: 25px } div#content div.cntText h4.newsDetailTitle { font-size: 18px; text-align: left; padding-left: 15px; } /* Containers / Video */ div#video { width: 960px; background: url(../Content/images/videoBg.jpg) center 60px no-repeat; position: relative; } div#video object { position: relative; top: 40px; left: 160px; } div#video div#comments { margin: 10px 0 0 188px; } div#video div#vidList { margin: 380px 0 0 188px; } div#video div#comments, div#video div#vidList { width: 560px; background: url(../Content/images/cmnts-up.jpg) no-repeat top; padding: 0 15px } div#video div#vidList ul { padding: 0 15px 22px 15px; background: url(../Content/images/textBlock.gif) no-repeat bottom } div#video div#vidList ul li a { font: bold 12px/21px Arial, sans-serif; color: #5f9a26 } div#video div#vidList h4 { padding-left: 10px;} div#stw { width: 960px; height: 534px; background: url(images/stw.jpg) } div#stw ul#stwInfo { height: 240px } div#stw ul#stwDl li { display: block; width: 480px; float: left } /* Containers / Right */ div#right { width: 395px; float: left; } div#right.larger { width: 875px; padding-left: 85px } div#right.larger div.conL { float: left; width: 395px; margin: 0 } div#right div.con { margin-top: 10px; background: url(../Content/images/right-bg.gif); position: relative; padding-bottom: 20px } div#right div.con div.rightText { background: url(../Content/images/right-top.jpg) no-repeat top; position: relative; z-index: 9999; padding-top: 76px; } div#right div.con div.rightHeader { position: absolute; top: 0; left: 0; z-index: 99999; width: 395px; height: 56px } div#right div.con div.s1 { background-image: url(../Content/images/rightTop_separator.jpg) } div#right div.con div.s2 { background-image: url(../Content/images/rightTop_separator2.jpg) } div#right div.con div.rightBottom { background: url(../Content/images/right-btm.gif) no-repeat bottom; position: absolute; bottom: 0; left: 0; height: 50px; width: 395px } a.czywiesz-img { position: relative; width: 395px; height: 230px; margin-top: 15px; display: block; } a.czywiesz-img img { position: absolute; left: 50%; margin-left: -73px; z-index: 999 } a.czywiesz-img span { position: absolute; left: 50%; margin-left: -75px; margin-top: -2px; display: block; z-index: 9999; background: url(../Content/images/czyWieszBrd.gif); width: 150px; height: 210px; cursor: pointer; } a.posluchaj { width: 395px; height: 68px; background: url(../Content/images/posluchajButton.jpg); display: block; text-indent: -9999px; margin-top: 10px } span.loader { background: url(../Content/images/loader.gif); background-repeat: no-repeat; width: 20px; height: 20px; position: relative; left: 260px; top: 15px; display: block; } span.listLoader { background: url(../Content/images/loader.gif); background-repeat: no-repeat; width: 20px; height: 20px; position: relative; left: 136px; top: 15px; display: block; } /* Containers / Footer */ div#footer { width: 100%; height: 145px; background: url(../Content/images/footer.gif); margin-top: 30px; clear: both; } div#footer div { width: 960px; margin: auto } div#feedbackForm { display: none; z-index: 100002; background: white; width: 300px; padding: 10px; border-style: solid; border-color: black; border-width: 1px; color: gray; font: bold 12px/21px Arial, sans-serif; } div#feedbackForm h2 { font-size: 16px; font-weight: bold; } div#feedbackForm label { margin: 0; font-weight: bold; } div#feedbackForm input,div#feedbackForm textarea { border: 1px solid gray; padding: 5px; } div#feedbackForm input#feedbackEmail { width: 290px; margin-bottom: 10px; } div#feedbackForm textarea#feedbackMessage { width: 290px; height: 300px; overflow: auto; margin-bottom: 10px; } div#feedbackBackground { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100001; background: black; } li#voteStars strong { float: left; } li#voteStars div { display: block; float: left; height: 20px; margin-top: 5px; } li#voteFav { clear: left; padding: 5px 0px 5px 0px; background-image: inherit; } a#unfavLink, a#favLink { height: 24px; display: block; padding-left: 35px; padding-top: 6px; background-repeat: no-repeat; } li#favResult, li#votingResult { clear: left; } a#favLink { background-image: url("../Content/images/grayfavorite.png"); } a#unfavLink { background-image: url("../Content/images/favorite.png"); } a#favLink.highlight, a#favLink:hover { background-image: url("../Content/images/favorite.png"); } a#unfavLink.highlight, a#unfavLink:hover { background-image: url("../Content/images/grayfavorite.png"); } img.explicit { padding-top: 10px; } img.miniActor { width: 40px; height: 62px; } img.miniGame { width: 42px; height: 52px; } img.miniSquare { clip:rect(0px 48px 48px 0px); } img.avatarTop { width: 48px; height: 48px; } div#gameScreenshots, div#gameVideos { text-align: center; } div.videoItem { margin-left: 50px; } div.videoItem div.overlay { background-color:black; color:#FFFFFF; font-weight:bold; height:30px; margin:84px 0 0; opacity:0.75; padding:6px 0 0; width:250px; z-index:20; font: 12px/22px Arial, sans-serif; font-weight: bold; text-align: center; filter:alpha(opacity=75); opacity: 0.75; } div.videoItem a { background-color:Black; display:block; height:140px; width: 250px; } div.videoItem img { z-index:99999; } div#vidList li#voteFav { background-image: none; } div#videoControls li { font: 12px/30px Arial,sans-serif; } div#videoControls li strong { padding-right: 20px; margin-right: 10px; background: url(../Content/images/separatorV.gif) no-repeat right center; color: #4e4a45; } div.searchBlock { margin-top: 10px; margin-bottom: 10px; display: block; float: left; clear: left; } div.searchBlock a { color: #5F9A26; font-weight: bold; } div.searchBlock ul { margin: 10px; } div#searchResult h2 { font-size: 20px; } div#searchResult h3 { font-size: 14px; } div#contact h2 { font-size: 20px; } a#avatarDel { margin-top: -10px; } .profileHeader img { float: left; padding: 6px; } .profileText { padding: 10px 0px 20px 25px; } ul.profile { padding: 10px 25px 10px 10px; line-height: 20px; } ul.profile a { color: #5f9a26; font-weight: bold } .authorBlock { padding: 20px; clear: left;} .authorBlock p, .authorBlock h2 { width: 310px; display: block; } .authorBlock h2 { float: left; text-decoration: underline;} .authorBlock img { float: right; } .authorBlock h2, .authorBlock p { padding: 5px; } .authorBlock p { margin: 0px 0px 0px 10px;} .contribBlock { padding: 0px 10px 0px 10px; float: left; width: 533px; } .contribBlock h3 { color: #524E49; font: bold 16px Arial,sans-serif; letter-spacing: -1px; margin: 20px 0px 5px 0px; } .contribElement textarea { border: 1px solid #cEcAc5; width: 533px; } div.contribBlock p.contribElement ul { margin-top: 0px; } div.contribBlock p.contribElement { text-align: left; } small { font-size: 11px; color: Gray; } .warning ul li { font-weight:bold; padding:5px; list-style-type: disc; list-style-position: inside; } .inlineContribElement { float: left; clear: left; width: 100%; padding: 0px; margin: 5px 0px 5px 0px; border-bottom: 1px solid black; } .inlineContribElement p { float: left; width: 100%; margin: 0px; } p.inlineContribElement { padding: 5px 0px 5px 5px; } .inlineContribElement label, .inlineContribElement span, .inlineContribElement input, .inlineContribElement select { float: left; display: block; } .inlineContribElement select { width: 282px; overflow: hidden; } .inlineContribElement input[type='text'] { width: 270px; } .actionPanel { padding: 10px; } .actionPanel input, .contribBlock input, .inlineContribElement input, .inlineContribElement select { border: 1px solid #cEcAc5; padding: 5px; } .inlineContribElement label { clear: left; width: 250px; font-weight: bold; } div#rotatorImages { margin-left: 165px; } .rotator { position: absolute; top: 0px; left: 0px; } .rotatorLoader { background: url(../Content/images/loader.gif); background-repeat: no-repeat; width: 20px; height: 20px; position: relative; left: 330px; top: 80px; display: block; } .cursor { cursor: pointer; } .fbBox { margin-top: 10px; float: left; margin-left: 25px; } div#info { text-align: center; width: 960px; height: 180px; color: #2F2B26; } div#info h2 { font-size: 40px; padding: 10px;} div#info h3 { font-size: 16px; padding: 10px;} div#info h4 { font-size: 18px; padding: 10px;} .invEmail { unicode-bidi:bidi-override; direction: rtl; } .topContent h4 { font-size: 20px; } .topContent { float: left; } .topContent ol { margin-left: 210px; } .topContent li { clear: both; padding-top: 10px; list-style-type: decimal; list-style-position: outside; font-size: 50px; float: left; } .topContent li div { font-size: 12px; float: left; } .topContent li div.name { width: 400px; } .topContent li div.name, .topContent li div.score { padding: 24px; } .generalLink { color: #5F9A26; font-weight: bold; } .expander { position: absolute; left: -29px; top: 5px; font-size: 40px; } .hidden { display: none; }