/* */
html, body, h1, h2, h3, h4, dl, dt, dd, form, fieldset, ul, li, blockquote, p {margin: 0; padding: 0;}
/* body default */
body {background: url(../images/bg-page.jpg) repeat-x; font: 0.625em/1.5em tahoma, helvetica, arial, sans-serif; color: #676662;}
hr {display: none;}
.menu {list-style: none;} /* ul */
.menu li {float: left;}
.menu li a {float: left; text-decoration: none;}
a {color: #777777;}
img {display: block; border: 0;}
#wrapper {margin: 0 auto; width: 1024px; background: url(../images/page.jpg) no-repeat;}
#container {margin: 0 auto; width: 1000px;}
/* modules */
.none {display: none;}
form {}
form fieldset {border: 0;}
/* header */
#header {overflow: hidden;}
#header h1 {width: 196px; height: 85px; overflow: hidden; position: relative; float: left; margin: 8px 0 0 5px;}
#header h1 a {cursor: pointer;}
#header h1 a span{width: 196px; height: 85px; background: url(../images/h1.logo.jpg); position: absolute; top: 0; left: 0;}
#header h2 {margin: 25px 0 0 10px; padding: 15px 12px; float: left; border-left: 1px dashed #dad9d2; font: 1.4em Trebuchet MS;}
#header h2 span {color: #89a71f;}
#header ul.menu {width: 493px; height: 75px; float: right; margin: 6px 51px 0 0; background: url(../images/bg-menu.jpg);}
#header ul.menu li {margin: 13px 3px 0 0; display: inline;}
#header ul.menu li a {height: 62px; position: relative;}
#header ul.menu li a span {position: absolute; top: 0; left:0; cursor: pointer;}
#header ul.menu li a:hover span, #header ul.menu li a.current span {background-position: 0 -62px !important;}
#header ul.menu li a#home {margin-left: 73px; width: 104px;}
#header ul.menu li a#home span {width: 104px; height: 62px; background: url(../images/menu/home.jpg);}
#header ul.menu li a#login {width: 81px;}
#header ul.menu li a#login span {width: 81px; height: 62px; background: url(../images/menu/login.jpg);}
#header ul.menu li a#register {width: 90px;}
#header ul.menu li a#register span {width: 90px; height: 62px; background: url(../images/menu/register.jpg);}
#header ul.menu li a#contact {width: 73px;}
#header ul.menu li a#contact span {width: 73px; height: 62px; background: url(../images/menu/contact.jpg);}
#banner {width: 750px; margin: 10px auto; clear: both;}
#banner a {display: block;}
#banner a img {display: block; border: 0;}
/* content */
#content {overflow: hidden; width: 1000px;}
* html #content {height: 1500px;}
/* main */
#main {width: 615px; float: left; padding-top: 20px;}
#main h3.title {height: 43px; position: relative; overflow: hidden; font-size: 1em;}
#main h3.title span {height: 43px; position: absolute; top: 0; left:0;}
#main h3#last-wallpapers {width: 112px;}
#main h3#last-wallpapers span {width: 112px; background: url(../images/h3/ostatnie-tapety.jpg);}
#main .main-box-top {width: 612px; background: url(../images/main-box-bg.jpg) repeat-y;}
#main .main-box-bot {width: 612px; height: 18px; background: url(../images/main-box-bot.png) bottom no-repeat;}
#main .main-box {overflow: hidden; padding: 15px 3px 0 9px; background: url(../images/main-box-top.jpg) top no-repeat;}
ul.wallper-list {width: 100%; list-style: none; margin: 0; padding: 0; overflow: hidden;}
ul.wallper-list li.element {width: 143px; padding: 0 7px 8px 0; float: left;}
ul.wallper-list dl {}
ul.wallper-list dl dt {display: none; overflow: hidden;}
ul.wallper-list dl dd {}
ul.wallper-list dl dd .ratingblock {padding: 9px 0 0 10px;}
ul.wallper-list dl dd.content {}
ul.wallper-list dl dd.content img {width: 127px; height: 95px; margin: 0 auto;}
ul.wallper-list dl dd.extended {width: 143px; height: 33px; margin-top: 4px; background: url(../images/bg-dd-footer.jpg) no-repeat; position: relative;}
ul.wallper-list dl dd.extended a.increase {width: 12px; height: 13px; left: 122px; top: 14px; position: absolute; text-indent: -666em; overflow: hidden;}
ul.advertising {list-style: none; margin: 0 0 10px 0; padding: 0; overflow: hidden; height: 1%;}
ul.advertising li {float: left; margin-right: 15px;}
dl.pager {width: 137px; height: 30px; float: right; background: url(../images/bg-pagger.jpg) no-repeat; list-style: none; margin: 0 10px 0 0; padding: 0 0 0 15px; overflow: hidden;}
dl.pager dt {display: none;}
dl.pager dd {float: left; color: #a7a7a4; }
dl.pager dd a {line-height: 30px; padding: 0 3px 0 3px; text-decoration: none; color: #a7a7a4;}
dl.pager dd a.current {font-weight: bold;}
#rating {width: 320px; height: 62px; margin: 10px auto 0; background: url(../images/rate.jpg) no-repeat;}
#rating .ratingblock {padding: 5px 0 0 61px;}
#preview-photo {width: 578px; margin: 0 auto 10px;}
#preview-photo .click-to-download {padding: 5px 0; text-align: center; font-size: 1.1em;}
#preview-photo ul.options {width: 264px; list-style: none; padding: 0; margin: 0 auto; overflow: hidden;}
#preview-photo ul.options li {float: left; margin: 5px 20px; display: inline;}
#preview-photo ul.options li a {width: 48px; height: 48px; float: left; text-indent: -666em; overflow: hidden;}
#preview-photo ul.options li a.left {background: url(../images/left.jpg) no-repeat;}
#preview-photo ul.options li a.help {background: url(../images/help.jpg) no-repeat;}
#preview-photo ul.options li a.right {background: url(../images/right.jpg) no-repeat;}
ul.download-it {list-style: none; padding: 0; margin: 0;}
ul.download-it li {float: left;}
p.link-to-wallper {margin: 10px 0; color: #323434; font-size: 1.1em;}
p.link-to-wallper input {border: 1px solid #323434;}
/* sidebar */
#sidebar {width: 357px; float: left; padding: 64px 0 0 10px; position: relative;}
form#search-box {width: 410px; height: 64px; position: absolute; top: 0; left: -25px; background: url(../images/bg-seach-box.jpg) no-repeat;}
form#search-box fieldset {}
form#search-box dl {float: left;}
form#search-box dl dt {display: none;}
form#search-box dl dd {float: left;}
form#search-box #search-slowo {width: 108px; margin: 26px 0 0 86px; font: 1.2em Trebuchet MS; background: none; border: 0;}
form#search-box #search-category {width: 105px; margin: 25px 0 0 66px; font: 1.2em Trebuchet MS;}
form#search-box p {float: right; margin: 20px 1px 0 0; display: inline;}
dl#categories-list {list-style: none; padding: 0; margin: 0;}
dl#categories-list dt {font-size: 1.2em; font-weight: bold; padding-left: 4px;}
dl#categories-list dd {margin-top: 5px;}
dl#categories-list ul {overflow: hidden; height: 1%; border-bottom: 1px solid #bdbcb3; border-right: 1px solid #bdbcb3;}
dl#categories-list ul li {background: #cecdc7; border-top: 1px solid #bdbcb3; border-left: 1px solid #bdbcb3; font-size: 1.2em;}
dl#categories-list ul li a {width: 161px; height: 32px; padding-left: 15px; border-top: 1px solid #ebebe8; border-left: 1px solid #ebebe8; line-height: 31px; color: #777777;}
dl#categories-list ul li a:hover {background: #98b0b7; color: #fff; text-decoration: underline;}
#shout-box {margin-top: 5px;}
#shout-box .shout-box-header {width: 100%; overflow: hidden;}
#shout-box .shout-box-header h3 {width: 111px; height: 39px; position: relative; float: left;}
#shout-box .shout-box-header h3 span {width: 111px; height: 39px; background: url(../images/h3/shout-box.jpg) no-repeat; position: absolute; top: 0; left: 0;}
form#shout-box-form {width: 239px; height: 30px; background: url(../images/shout-box-form.jpg) no-repeat; float: left;}
form#shout-box-form dl {float: left;}
form#shout-box-form dl dt {display: none;}
form#shout-box-form dd {float: left;}
form#shout-box-form input {border: 0; background: none; font: 1.1em Trebuchet MS;}
form#shout-box-form #ys-input-nickname {width: 45px; margin: 6px 0 0 8px;}
form#shout-box-form #ys-input-message {width: 125px; margin: 5px 0 0 12px;}
form#shout-box-form p {float: right;}
form#shout-box-form p .sumbit {width: 32px; height: 15px; cursor: pointer; margin: 6px 3px 0 0;}
ul.entries {background: url(../images/bg-shoutbox.jpg) no-repeat; list-style: none; padding: 0 0 0 10px; margin: 0; font: 1em Verdana;}
ul.entries li {line-height: 25px; border-bottom: 1px dashed #c1c1c1; padding: 0 10px; position: relative;}
ul.entries li span {font-size: 1.1em;}
ul.entries li span.date {color: #c1c1c1;}
ul.entries li span.nick {color: #2990b2;}
#rankings {height: 1%; overflow:hidden; margin-top: 5px;}
#rankings h3.title {width: 100%; height: 40px; position: relative; float: left;}
#rankings h3.title span {width: 200px; height: 40px; background: url(../images/h3/ranking.jpg) no-repeat; position: absolute; top: 0; left: 0;}
#rankings dl {width: 158px; margin-left: 10px; float: left;}
#rankings dl dt {font-weight: bold; font-size: 1.2em; margin: 0 0 5px 10px;}
#rankings dl dd {line-height: 18px;}
#rankings dl dd a {font-size: 1.1em; text-decoration: none; background: url(../images/kw.jpg) center left no-repeat; padding: 0 0 0 10px;}
#rankings dl dd a:hover {text-decoration: underline;}
.banner {padding: 20px 0;}
.banner a {}
.banner a img {margin: 0 auto;}
#last-added {}
#last-added h3.title {width: 100%; height: 41px; position: relative; float: left; font-size: 0.1em;}
#last-added h3.title span {width: 112px; height: 41px; background: url(../images/h3/ostatnio-dodane.jpg) no-repeat; position: absolute; top: 0; left: 0;}
#last-added ul {background: #eeede7; padding: 5px 20px; list-style: none; margin: 0; clear: both; position: relative;}
#last-added ul li {padding: 7px 20px; font-size: 1.1em; background: url(../images/kw.jpg) 5px 13px no-repeat;}
#last-added ul li a {text-decoration: none;}
#last-added ul li a:hover {text-decoration: underline;}
#last-added ul li.more {width: 83px; height: 23px; margin-left: 240px; background: url(../images/more.jpg) no-repeat; padding: 0; text-align: center;}
#last-added ul li.more a {color: #fff; line-height: 20px;}
#adv {margin-top: 5px;}
#adv h3.title {width: 100%; height: 31px; position: relative; float: left;}
#adv h3.title span {width: 115px; height: 31px; background: url(../images/h3/reklama.jpg) no-repeat; position: absolute; top: 0; left: 0;}
#adv ul {list-style: none; padding: 0; margin: 0 0 0 20px; clear: both; height: 1%;}
#adv ul li {float: left; margin: 7px;}
/* footer */
#footer {height: 65px; margin: 30px 0 0 0; background: url(../images/bg-footer.jpg) no-repeat;}
#footer .copyright {margin: 13px 0 0 13px; color: #d3d3d3; font: 1.2em Trebuchet MS; float: left;}
#footer .copyright span {display: block; color: #929291; font: 0.9em Verdana;}
#footer ul.menu {margin: 22px 0 0 25px; float: left;}
#footer ul.menu li {padding: 0 5px; border-right: 1px solid #d3d3d3;}
#footer ul.menu li a {color: #d3d3d3; font: 1.2em Trebuchet MS;}
#footer ul.menu li a span {padding: 0 4px;}
#footer ul.menu li.last {border: 0}
#footer ul.menu li a:hover, #footer ul.menu li a.current {color: #fff; background: url(../images/menu/right.jpg) right no-repeat;}
#footer ul.menu li a:hover span, #footer ul.menu li a.current span {text-decoration: underline; background: url(../images/menu/left.jpg) left no-repeat;}