@import url(base.css);
body { font: 11px Arial, Verdana, sans-serif; text-align: center; margin: 0; }
ul { list-style: none; }
a { color: #FF0066; text-decoration: none; }
a:hover { color: #1177FF; }

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


/* body */
#body { margin: 130px 0 20px; }
#body h1, #body h2, #body h3, #body h4 { font-weight: normal; color: #FF0066; margin: 20px 0 10px; padding: 0; }

#body h1 { font-size: 16px; margin-top: 0; }
#body h2 { font-size: 16px; }
#body h3 { font-size: 14px; }
#body h4 { font-size: 13px; }

#content { width: 610px; float: left; }
#sidebar { width: 225px; float: right; }

.nosidebar #content { width: 860px; }
.nosidebar #sidebar { width: 0; display: none; }


/*.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 */

.grid { list-style: none; }
.grid a { position: relative; border: 1px solid #ddd; display: block; /*width: 140px; height: 105px;*/ padding: 2px; float: left; margin: 0 8px 8px 0; text-decoration: none; font-size: 11px; color: #333; }
.grid a:hover { padding: 1px; }
.grid a:hover { padding: 1px; border: 2px solid #FF77AA; } /*alt: #ff0066*/
.grid img { display: block; margin: 0 auto;  width: 140px; height: 105px; }
.grid a span { visibility: hidden; position: absolute; bottom: 1px; left: 1px; color: #fff; }
.grid a:hover span { visibility: visible; background: #FF4488; padding: 0 5px; }

/* grid dopasowany do wielkosci zdjecia L
.grid2 { list-style: none; margin: 20px 0;  }
.grid2 a { float: left; margin: 0 3px 3px 0; }
.grid2 img { width: 58px; height: 58px; display: block; border: 1px solid #eee; padding: 2px; }
.grid2 a:hover img { padding: 1px; background: #fff; border: 2px solid #22AADD; }*/

.grid2 { list-style: none; }
.grid2 a { float: left; margin: 0 3px 3px 0; }
.grid2 img { width: 48px; height: 48px; display: block; border: 1px solid #eee; padding: 2px; }
.grid2 a:hover img { padding: 1px; border: 2px solid #7FB3FF; }
.grid2 a.act img { padding: 1px; border: 2px solid #FF77AA; }


/* .post */
/*.post_img { border: 1px solid #eee; padding: 4px; }*/
.post_img img { display: block; width: 600px; height: 450px; margin-bottom: 15px; }
/*.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; }*/


/* spr */
#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; }

ul.cols2, ul.cols3, ul.cols5 { float: left; margin-bottom: 30px; }
ul.cols2 li h4, ul.cols3 li h4, ul.cols5 li h4 { margin-top: 0 !important; font-weight: bold !important; } /*#TODO - cos nie tak z importantami*/
ul.cols2 { width: 304px; }
ul.cols3 { width: 202px; }
ul.cols5 { width: 170px; }


#content ul li { margin-bottom: 2px; }
#content ul li a { text-decoration: none; color: #1177FF; }
#content ul li a:hover { color: #ff0066; }
#content ul li h2 { font-weight: bold; }



#body h1.crunch { color: #1177FF; }
#body h1.crunch a { text-decoration: none; }
#body h1.crunch a:hover { text-decoration: underline; color: #FF0066; }
#body h1.crunch span { color: #bbb; }

#content .prevnext { float: right; font-size: 11px; }
#content .prevnext a { margin: 0 10px 0 5px; color: #FF0066; text-decoration: none; }
#content .prevnext a:hover { text-decoration: underline; }




/* sidebar */
#sidebar {  }
#sidebar a { color: #1177FF; text-decoration: none; }
#sidebar a:hover { color: #FF0066; }

.box { padding: 5px 10px; border: 1px solid #ddd; margin-bottom: 20px; font-size: 11px; }

#sidebar #thumbs { height: 345px; /*outline: 1px solid #e00;*/ }
#sidebar #thumbs_nav { margin-top: 5px; }
#sidebar #thumbs_nav a { color: #ff0066; }
#sidebar #thumbs_nav a:hover { text-decoration: underline; }
#sidebar #thumbs_nav div { float: right; margin-left: 7px; }
#sidebar #thumbs_nav #status { background: #ff0066; padding: 0 4px; color: #fff; font-weight: bold; }
#sidebar #thumbs_nav a.disabled { color: #bbb; }
#sidebar #thumbs_nav a.disabled:hover { text-decoration: none; cursor: default; }


/*#sidebar .prevnext { font-size: 11px; }*/
/*#sidebar .prevnext a.text { margin: 0 10px 0 5px; color: #FF0066; text-decoration: none; }*/
/*#sidebar .prevnext a:hover { text-decoration: underline; }*/

#sidebar .nav                  { font-size: 11px; text-align: right; margin-top: 5px; padding: 5px 0; }
#sidebar .nav_top              { margin: 0 0 15px 0; }
#sidebar .nav a                { font-size: 11px; color: #000; background-color: #FFF; padding: 1px 3px; text-decoration: none; }
#sidebar .nav a:hover          { text-decoration: none; }
#sidebar .nav a.box            { color: #222;    background-color: #FAFAFA; border: 1px solid #CCC; }
#sidebar .nav a.box:visited    { color: #444;    background-color: #FAFAFA; border: 1px solid #DDD; }
#sidebar .nav a.box:hover      { color: #000;    background-color: #FFF; border: 1px solid #005B90; }
#sidebar .nav a.text           { color: #FF0066; background-color: #FFF; border: 1px solid #FFF; }
#sidebar .nav a.text:visited   { color: #FF0066; background-color: #FFF; border: 1px solid #FFF; }
#sidebar .nav a.text:hover     { color: #FF0066; background-color: #FFF; border: 1px solid #FFF; text-decoration: underline; }
#sidebar .nav b.box            { color: #FFF;    background-color: #FF0066; border: 1px solid #FF0066; padding: 0px 3px; }       
#sidebar .nav span.disabled    { color: #CCC;    background-color: #FFF; border: 1px solid #FFF; padding: 1px; float: none; }



ul.snake { /*text-align: justify;*/ }
ul.snake li { display: inline; margin-right: 15px; padding: 0 !important;  }
ul.snake li a { text-decoration: none; color: #FF0066; padding: 2px 0;  }
ul.snake li a:hover { text-decoration: underline; }



/*#sidebar ul { margin-bottom: 25px; }
#sidebar ul 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; border-bottom: 1px dotted #C3C3C3; text-decoration: none; color: #333; display: list-item; }
#sidebar ul li a:hover { color: #e00; }
#sidebar ul li.act a { color: #e00; font-weight: bold; }   */


#sidebar ul.cols2 { width: 112px; float: left; }
#sidebar ul.cols2 li { margin-bottom: 2px; }
#sidebar ul.cols2 li a { display: list-item; }



/* navbar */
#navbar { background: #333; color: #eee; padding: 5px 0; position: absolute; top: 80px; width: 860px; font-size: 12px; }
#navbar ul { margin: 0; padding: 0; }
#navbar li { display: inline; margin: auto 7px; }
#navbar li a { color: #ddd; text-decoration: none; padding: 6px 3px; }
#navbar li a:hover { color: #fff; }

#navbar .rss { background: url(/i/lay/rss.jpg) no-repeat 0 center; padding-left: 22px; }


/* logo */
#logo { position: absolute; top: 20px; width: 860px; }

/* topbar */
#topbar { position: absolute; top: 20px; width: 457px; margin-left: 407px;  }  


/* 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; }