* {padding:0px;margin:0px;text-align:left;}
HTML {}
body{background:#161616 url(../img/bg_top.jpg) repeat-x top;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ac9d86; text-align:left;}
img {border:0px none;}
.leng {clear:both;}
h1 {color:#ff6203; font-size:16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding:0 0 10px 0;}
a {color:#ac9d86; text-decoration:none; font-weight:bold;}
a:hover {color:#ffffff; background:#ff6203; text-decoration: none;}
fieldset {border:0px none;}
input {color:#585858; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
background-color: #4f4f4f;
border: 1px inset #CC3300;
}
#ajax-process {
position: absolute;
height: 1em;
left: 80%;
top: 1;
background-color: #e24c4c;
color: #fff;
padding: 2px;
display: none;
z-index: 100;
}
#ajax-return {
font: 20px/12px Tahoma, sans-serif;
color: #ffffff;
width: 500px;
left: 30%;
position: absolute;
background-color: #4f4f4f;
text-align: center;
vertical-align: center;
padding-top: 125px;
height: 180px;
display: none;
}
/* layout boxes */
#kontener {width:989px; margin:0 auto 0;}
#header {width:989px; padding:9px 0 0 0}
#header .lewe {float:left;}
#header a.logo {display:block; width:249px; height:59px; background:url(../img/logo.jpg) no-repeat 10px 20px; padding:20px 0 0 0;}
#header .login {width:242px; height:98px; float:right; background:url(../img/bg_login.jpg) no-repeat; color:#ac9d86; font-family:Arial, Helvetica, sans-serif;}
#header .login fieldset {padding:17px 0 0 50px;}
#header .login fieldset .width {width:35px; float:left;}
#header .login input.text {width:138px; height:17px; border:0px none; background:url(../img/input_log.jpg) no-repeat; margin:0 0 2px 5px; vertical-align:middle;}
#header .login input.zaloguj {width:62px; height:18px; border:0px none; background:url(../img/button_zaloguj.jpg) no-repeat;}
#header .login a {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#ac9d86; margin:0 20px 0 0;}
#header .login a:hover {color:#ffffff; background:#ff6203; text-decoration: none;}
#header .login2 {width:273px; height:98px; float:right; background:url(../img/bg_login2.jpg) no-repeat; color:#ac9d86; font-family:Arial, Helvetica, sans-serif;}
#header .login2 a {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ac9d86; margin:0 0 0 0; font-weight:normal;}
#header .login2 a:hover {color:#ffffff; background:#ff6203; text-decoration: none;}
#header .login2 ul {margin:0; padding:5px 0 0 45px; list-style-type:none;}
#header .login2 ul.right {float:right; margin:0; padding:5px 10px 0 0;}
/* ================================================================
This copyright notice must be untouched at all times.
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#header #nav {margin:3px 0 0 0; }
/* the styling */
#header #nav { width:700px;background: none;}
#header #nav .select, #header #nav .current {margin:0; padding:0; list-style:none; display:block;}
#header #nav .sub {margin:0; padding:0; list-style:none;}
#header #nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#header #nav .current li {z-index:50;}
#header #nav .select a,
#header #nav .current a {display:block; height:28px; float:left; width:89px; background:url(../img/button_menu.jpg) no-repeat; padding:0; text-decoration:none;line-height:2.4em; white-space:nowrap; color:#ff6203; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:normal;}
#header #nav .select a:hover { height:28px; width:89px;background: url(../img/button_menu.jpg); font-weight:bold;}
/* calculate the required widths of the top level */
#header #nav .one a {width:89px;}
#header #nav .two a {width:89px;}
#header #nav .three a {width:89px;}
#header #nav .four a {width:89px;}
#header #nav .five a {width:89px;}
#header #nav .six a {width:89px;}
#header #nav .seven a {width:89px;}
#header #nav .sub {display:none;}
/* for IE5.5 and IE6 only */
#header #nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em; padding:10px;}
#header #nav .current a {background-position:0 0px; border-color:#ff6203;}
#header #nav .sub li a:hover,
#header #nav .select a:hover .sub li a:hover,
#header #nav .select li:hover .sub li a:hover {border-color:#343434; background:#ff6203; color:#ffffff;}
#header #nav .current .sub .current_sub a,
#header #nav .current .sub a:hover {border-color:#ff6203; background:#f406bf; color:#ffffff;}
#header #nav .current .sub,
#header #nav .select a:hover .sub,
#header #nav .select li:hover .sub {display:block; position:absolute; width:700px; top:2.5em; background:url(../img/sub_bg.jpg) 0 1px repeat-x; margin-top:1px; padding:5px 0 0 0;}
* html #header #nav .current .sub, * html #header #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}
#header #nav .current .sub li a,
#header #nav .select a:hover .sub li a,
#header #nav .select li:hover .sub li a {display:inline; background: none; border:1px solid #ff6203; padding:0 10px; margin:0 5px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}
#header #nav .select a:hover,
#header #nav li:hover a {background-position:0% 0px; border-color:#fff; font-weight:bold;}
/* calculate the left edge position of each sub level */
#header #nav .one .sub {left:0;}
#header #nav .two .sub {left:0px; margin-left:0px;}
#header #nav .three .sub {left:0px; margin-left:0;}
* html #header #nav .three .sub {margin-left:0; marg\in-left:0;}
#header #nav .four .sub {left:0px; margin-left:0px;}
* html #header #nav .four .sub {margin-left:0px; marg\in-left:0px;}
#header #nav .five .sub {left:0px; margin-left:0;}
* html #header #nav .five .sub {margin-left:0; marg\in-left:0;}
#header #nav .six .sub {left:0px; margin-left:0px;}
* html #header #nav .six .sub {margin-left:0px; marg\in-left:0px;}
#header #nav .seven .sub {left:0px; margin-left:0px;}
* html #header #nav .seven .sub {margin-left:0px; marg\in-left:0px;}
/*==========================================================*/
#reklama {width:1000px; text-align:center; padding:50px 0 20px 0;}
#reklama a:hover { background:none;}
#wrapper {width:989px; padding:0 0 0 0;}
#right {width:262px; float:right;}
#right .box-grey {width:240px; border:1px #343434 solid; background:#242424; padding:5px 10px 15px 10px; margin:0 0 5px 0;}
#right .box-grey img {float:left; margin:0 10px 10px 0;}
#right .box-grey ul {margin:15px 0 0 0; padding:0; list-style-type:none;}
#right .box-grey li {line-height:15px;}
#right .box-grey a.title {font-size:13px;}
#right .box-grey ul.rank {margin:10px 0 0 15px; padding:0; list-style-type:none;}
#right .box-grey ul.rank li {background:url(../img/ico_arrow_brown.jpg) no-repeat left; padding:0 0 0 12px;}
#right .box-blue {width:240px; border:1px #897a63 solid; background:#635a4b; padding:5px 10px 15px 10px; margin:0 0 5px 0; text-align:justify;}
#right .box-blue a {font-weight:normal; color:#fefefe; margin:0 5px 0 0; line-height:24px; font-size:12px;}
#right .box-blue a:hover {color:#ffffff; background:#ac9d86;}
#right .box-blue a.taglevel1 {font-size:11px;}
#right .box-blue a.taglevel2 {font-size:14px;}
#right .box-blue a.taglevel3 {font-size:16px;}
#right .box-blue a.taglevel4 {font-size:18px;}
#right .box-blue a.taglevel5 {font-size:20px;}
#right .box-blue ul {margin:0; padding:0 0 0 20px; list-style-type:none;}
#right .box-blue li {background:url(../img/ico_arrow_brown2.jpg) 0 5px no-repeat; padding:0 0 0 10px;}
#right .box-blue li a {line-height:15px; font-size:11px; font-weight:bold;}
#right .box-blue li span.online {color:#38b644;}
#right .box-blue li span.offline {color:#e60a1a;}
#content {width:714px; float:left; background:url(../img/content_top.jpg) no-repeat top; padding:5px 5px 10px 5px;}
#content ul {margin:0 0 0 5px; padding:0; list-style-type:none;}
#content li {background:#343434; border:1px #4e4c4c solid; float:left; padding:10px; margin:1px; width:329px; height:115px;}
#content li:hover {background:#635a4b;border:1px #897a63 solid; color:#ffffff;}
#content li:hover a {color:#ffffff;}
#content li a.image {text-align:center; float:left; padding:0; margin:0 10px 0 5px; }
#content li a.image:hover {background:none;}
#content li a.image img {border:3px #474747 solid;}
#content ul li ul.pod {margin:0; padding:0; list-style:none;}
#content ul li ul.pod li { float:none; background:none; border:0px none; padding:0; line-height:15px; width: auto; margin:0; height:auto;}
#content .profil {width:676px; padding:15px; background:#343434; border:1px #4e4c4c solid;}
#content .profil img.avatar {float:left; margin:0 10px 5px 0;border:1px #474747 solid;}
#content .profil a.nick {font-size:24px;}
#content .profil table {width:345px; margin:5px 0 5px 0;}
#content .profil td {background:#4e4c4c; padding:5px 5px 5px 10px;}
#content .profil td img {vertical-align:middle; margin:0 5px 0 0;}
#content .profil td a {text-decoration:underline;}
#content .profil td a:hover {text-decoration: none;}
#content .profil td.width-133 {width:133px;}
#content .profil img.profilowe {float:right;}
#content .material {width:676px; padding:15px; background:#343434; border:1px #4e4c4c solid; text-align:center;}
#content .material img.avatar {float:left; margin:0 10px 5px 0;border:1px #d7d7d7 solid;}
#content .material a.nick {font-size:24px;}
#content .material table { width:100%;margin:25px 0 15px 0;}
#content .material td {background:#4e4c4c; padding:5px 5px 5px 10px;}
#content .material td img {vertical-align:middle; margin:0 5px 0 0;}
#content .material td a {text-decoration:underline;}
#content .material td a:hover {text-decoration: none;}
#content .material td.width-133 {width:133px;}
#content .material td.width-335 {width:330px;}
#content .material td.p-m {text-align:center; background:none;}
#content .material td.p-m a:hover { background:none;}
#content .material td.tags a {color:#ff6203; text-decoration:underline; font-weight: normal;}
#content .material td.tags a:hover {color:#ffffff;}
#content .material p.link {display:block; background:#4e4c4c; border:1px #5d5d5d solid; padding:5px; font-weight:bold; margin:5px 0 5px 0;}
#content .material fieldset {padding:30px 0 30px 0; width:495px;}
#content .material textarea {width:358px; height:90px; border:1px #5d5d5d solid;overflow:auto; padding:5px; vertical-align: top; background:#4e4c4c;}
#content .material span.kat {padding:5px 45px 5px 10px;background:#4e4c4c; font-weight:bold;}
#content .material input.dodaj {width:62px; height:18px; border:0px; background:url(../img/button_dodaj.jpg) no-repeat; float:right; margin:5px 0 0 0; cursor:pointer;}
#content .material .comm1-title {width:548px; padding:5px 5px 5px 10px; background:#4e4c4c; float:right;}
#content .material .comm1-title img {vertical-align:middle; margin:0 5px 0 0;}
#content .material .comm1 {width:548px; padding:5px 5px 5px 10px; background:#4e4c4c; float:right; margin:1px 0 0 0;}
#content .material .comm2-title {width:548px; padding:5px 5px 5px 10px; background:#424040; float:right;}
#content .material .comm2-title img {vertical-align:middle; margin:0 5px 0 0;}
#content .material .comm2 {width:548px; padding:5px 5px 5px 10px; background:#424040; float:right; margin:1px 0 0 0;}
#content .material span.online {color:#38b644; padding:0; background:none;}
#content .material span.offline {color:#e60a1a; padding:0; background:none;}
#footer {width:100%; background:url(../img/bg_footer.jpg) repeat-x; height:100px;}
#footer .foot {width:989px; margin:0 auto 0;}
#footer .foot ul {margin:15px 10px 0 0; padding:0; list-style-type:none; float:right;}
#footer .foot li {display:inline;}
#footer .foot li a {margin:0 5px 0 5px; font-weight:normal;}
#footer .foot p {padding:15px 0 0 10px;}
#footer .foot p a {color:#ff6203;}
#footer .foot p a:hover {color:#ffffff;}
#footer p.linki {text-align:center; padding-top:10px;}
#footer p.linki a {font-weight:normal;}