@import url(base.css);
body { font: 11px Tahoma, Arial, Verdana; text-align: center; margin: 0; }
ul { list-style: none; }
a { color: #005B90; }
a:hover { color: #e00; }

#container { width: 770px; margin: 0 auto; text-align: left; line-height: 150%; }

/* navbar */
#navbar { background: #000; color: #eee; padding: 10px 0; border-bottom: 2px solid #E6E6E6; position: absolute; top: 15px; width: 770px; }
#navbar ul { margin: 0; padding: 0; font-weight: bold; }
#navbar li { display: inline; margin: auto 10px; }
#navbar li a { color: #fff; text-decoration: none; padding: 2px; }
#navbar li a:hover { text-decoration: underline; }

/* body */
#body { margin: 70px 0 20px; }
#body h1, #body h2, #body h3, #body h4 { font-weight: bold; }

#body h1 { font-size: 14px; }
#body h2 { font-size: 13px; }
#body h3 { font-size: 12px; }
#body h4 { font-size: 11px; }

#body h2, #body h3 { /*border-bottom: 1px solid #e6e6e6; padding-bottom: 5px;*/ }

#content { width: 546px; float: right; }
#sidebar { width: 200px; float: left; }

.btn_1, .btn_2 { background-repeat: repeat-x; padding: 5px 10px; border-width: 1px; border-style: solid; color: #fff; text-decoration: none; font: bold 11px/27px Tahoma; }
.btn_1 { background-image: url(/i/lay/bg_btn_r.png); border-color: #D21D00; }
.btn_2 { background-image: url(/i/lay/bg_btn_gr.png); border-color: #788900; }
a.btn_1:hover, a.btn_2:hover { text-decoration: underline; color: #fff; }

input.btn { color: #227BDA; background: #fff url(/i/lay/bg_btn.gif) repeat-x 0 bottom; border: 1px solid #bbb; border-right-color: #999; border-bottom-color: #999; font: bold 11px Tahoma; cursor: pointer; padding: 4px 6px; width: auto !important; }
input.btn:hover { color: #DD1F3F; }

/* content */
.content_item { border: 1px solid #e6e6e6; padding: 12px; background: url(/i/lay/bg_content.gif) repeat-x 0 0; margin-bottom: 20px; }


/* .post */
.post_lead, .post, .post_info { line-height: 160%; text-align: justify; }
.post_lead { margin-bottom: 20px; }

.post_lead div.th { float: right; width: 164px; line-height: 0; }
.post_lead div.th img { margin: 0; width: 160px; padding: 1px; border: 1px solid #D21D00; border-bottom-width: 0; }
.post_lead div.th a { padding: 4px 34px 6px; line-height: 24px; }

.post_lead div.desc { float: left; width: 340px; }

.post ul { margin: 10px 0 15px 15px; }
.post a { color: #e00; }



#content .komentarz { margin-bottom: 20px; }
#content .komentarz h3 { /*border-bottom: none; padding-bottom: 0;*/ color: #b00; }

#content .komentarz .data { font-weight: normal; color: #c3c3c3; font-size: 11px; }

#content ul.cols2 { width: 255px; float: left; }
#content ul.cols3 { width: 170px; float: left; }
#content ul.cols2 li, #content ul.cols3 li { margin-bottom: 2px; }

#content ul li { padding-left: 10px; background: url(/i/lay/list_yellow.gif) no-repeat 0 7px; margin-bottom: 2px; }
#content ul li ul { margin-top: 2px; }

#content ul li a { text-decoration: none; }
#content ul li a:hover { text-decoration: underline; }
/*#content ul.tdn li a { text-decoration: none; }
#content ul.tdn li a:hover { text-decoration: underline; }*/






/* sidebar */
#sidebar #logo { display: block; margin-bottom: 15px; }
#sidebar ul { margin-bottom: 25px; }
#sidebar ul h4, #sidebar h4 { background: #F2F3F4; border-left: 3px solid #e00; padding: 4px 0 4px 12px; font-weight: bold; margin: 0 0 2px 0; }
#sidebar ul li { zoom: 1; }
#sidebar ul li a { padding: 4px 0 4px 17px; border-bottom: 1px dotted #C3C3C3; text-decoration: none; color: #000; display: list-item; background: url(/i/lay/list.gif) no-repeat 7px center; }
#sidebar ul li a:hover { color: #e00; }
#sidebar ul li.act a { color: #e00; font-weight: bold; }

/* foot */
#foot { margin-top: 20px; border-top: 1px solid #e6e6e6; padding-top: 10px; }




/* body - tables */
table { width: 100%; _width: 610px; border-spacing: 0; border-collapse: collapse; font-size: 11px; }
table tr { vertical-align: top;  }
table th { font-weight: bold; font-size: 11px; }
table th, table td { border-bottom: 1px solid #eee; padding: 0 2px; text-align: left; line-height: 24px; }
table th { border-bottom: 2px solid #000; }
table td img { margin: 4px 0 -4px; /*vertical-align: middle;*/ }
table tbody tr:hover, table tfoot tr:hover { background: #ffc; }
table tbody a { text-decoration: none; }
table tbody a:hover { text-decoration: underline; }
table tfoot { border-top: 2px solid #cc3366; }