@import url(/s/base.css);

body { background: #fff url(/i/bg.gif) repeat-x 0 85px; font: 13px Arial, Helvetica, Geneva, sans-serif; }
img { border: none; }
a { text-decoration: underline; cursor: pointer; color: #FC1674; }
a:hover { color: #B80DE0; }

#container { width: 980px; margin: 0 0 0 20px; }

/* top */
#top {  }
#head { height: 85px; }

#logo { float: left; margin-top: 15px; }
#logo img { margin-right: 15px; }
#userbar { float: right; width: 400px; text-align: right; margin-top: 20px;  }
#userbar div { float: right; }
#userbar a { margin-left: 10px; color: #333; line-height: 48px; }


/* navbar */
#navbar { height: 87px; }
#navbar li { display: inline; margin-right: 10px; }
#navbar li a { text-decoration: none; }

#navbar_1 { padding: 18px 0 17px; }
#navbar_1 li a { background: #FC1674; color: #fff; padding: 4px 8px; font-size: 18px; }
#navbar_1 li a:hover, #navbar li a.act { background: #fff; color: #FC1674; }
#navbar_1 li a span { color: #FEC5DD; font-size: 12px; }

#navbar_2 li a { background: #fff; color: #FC1674; padding: 2px 5px; font-size: 14px; }
#navbar_2 li a:hover { background: #FC1674; color: #fff; }

#adv { line-height: 27px; color: #fff; }


#body { clear: both; margin: 30px 0; }

#body.index #col_2 { width: 180px; float: left; }
#body.index #col_1 { width: 770px; float: right; }

#body #col_1 { float: left; width: 600px; }
#body #col_2 { float: right;  width: 340px; }





#body {  }
#body h1, #body h2 { font-size: 28px; color: #FC1674; margin: 0 0 3px; }
#body h2 { font-size: 20px; }
#body h2 a { text-decoration: none; padding: 1px 0; }
#body h2 a:hover { background: #FC1674; color: #fff; }


#body .grid { width: 360px; font-size: 12px; float: left; }
#body .grid div.th { float: left; width: 80px; }
#body .grid div.desc { float: left; width: 260px; }

#body .grid_related { width: 280px !important; }
#body .grid_related div.desc { width: 180px !important; }


#col_2 ul { list-style: none; }
#col_2 li { margin-bottom: 3px; color: #ccc; }
#col_2 li a { padding: 1px; text-decoration: none; margin-right: 5px; }
#col_2 li a:hover { background: #FC1674; color: #fff; }






#comment_form { background: #fff url(/i/bg_comment_form.gif) repeat-x 0 0; padding: 15px; margin: 20px 0; }
#comment_form h1 { color: #333; font-size: 20px; margin-bottom: 10px; }

.comment { background: #fff; margin: 0; padding: 0; min-height: 60px; _height: 60px; clear: both; }
.comment_avatar { float: left; margin-right: 10px; }
.comment .text { width: 275px; float: left; padding: 0 0 15px 0; text-align: justify; }
.comment h4 { /*font-size: 18px;*/ font-weight: normal; padding-bottom: 4px; margin-top: 5px; }
.comment h4 span { font-size: 13px; color: #aaa; }

/*#komentarze_form div a { color: #fff; background: #FC1674; border: 1px solid #FC1674; padding: 1px 3px; text-decoration: none; }
#komentarze_form div a:hover { background: #fff; color: #FC1674; }

#komentarze_form textarea { width: 98%; padding: 2px; margin-bottom: 10px; background-color: #FFF; }
#komentarze_form input, .btn { width: 133px; background-color: #FC1674; color: #fff; font-weight: bold; cursor: pointer; padding: 3px; }
*/


#wrapper_related  {  }
.related { width: 150px; height: 97px; float: left; background-position: 0 0; background-repeat: no-repeat; padding: 5px; }
.related h2 { background: #FC1674; font-size: 20px; display: inline; padding: 2px; }
.related h2 a { color: #fff; text-decoration: none; }
.related h2 a:hover { text-decoration: underline; }




/* loading */
/*#loading { position: absolute; top: 40px; margin-left: 170px; width: 20px; visibility: hidden; }*/



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