* { margin: 0; padding: 0; border: 0;}

body { background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

#blog_container { width: 968px; position: relative; margin: 0 auto; background: #ffffff; z-index: 1; }

#blog_left { width: 741px; float: left; position: relative; margin: 5px 0 0 0; background: #ffffff url(images/_dot_pion_bg.gif) repeat-y top right; z-index: 2; }
#blog_right { width: 210px; float: right; position: relative; background: transparent; }

#left { width: 210px; position: relative; float: left; background: transparent; }

#center { width: 520px; position: relative; float: right; background: transparent; }

/* top lines */
.top_lines { position: relative; background: transparent url(images/top_lines.gif) no-repeat top left; width: 741px; height: 105px; z-index: 10; }

/* top */
#blog_top { width: 968px; margin: 20px 0 0 0; position: relative; z-index: 3; }
#blog_top_right { float: right; width: 752px; position: relative; }

/* top - logo exclusiv */
.logo_exclusiv { background: transparent url(images/logo_exclusiv.gif) no-repeat top left; width: 215px; height: 131px; position: absolute; z-index: 99; top: 20px; left: 0; }
.logo_exclusiv a { display: block; width: 215px; height: 131px; }

/* logo blogosfery */
.logo_blogosfera { width: 217px; height: 172px; background: transparent url(images/logo_blogosfera.gif) no-repeat top right; }

/* dotted bgs */
.dot_center_bottom_bg { background: transparent url(images/dot_center_bottom_bg.gif) repeat-y -2px 0; }
.dot_left_side_bg { background: transparent url(images/dot_left_side_bg.gif) repeat-y -2px 0; }

/* box boczny bez kwadratu przy tytule */
.img_s_no_pic { width: 50px; height: 44px; background: transparent url(images/img_s_border.gif) no-repeat top left; margin: 5px 0 5px 0; position: relative; float: left; }
.img_s { width: 50px; background: transparent url(images/img_s_border_long.gif) no-repeat top left; margin: 5px 0 5px 0; position: relative; float: left; }
.img_s .bord_bott { background: transparent url(images/img_s_border_long_bot.gif) no-repeat 0 0; position:relative;  height: 2px; overflow: hidden; clear: both; margin-top: -1px;}
*html .img_s .bord_bott { margin-top: 1px; }
.img_s img { width: 45px; margin: 2px 0 0 3px; }
.img_s a { margin: 0; padding: 0; }
.img_s a img { width: 45px; margin: 2px 0 0 3px; }

.blog_info_mini { width: 210px; float: left; position: relative; margin: 5px 0 5px 5px; }
.blog_info_mini h3 { padding: 2px 0 5px 5px; font-size: 12px; font-weight: bold; line-height: 16px; color: #661e5e; float: left; width: 155px; }
.blog_info_mini .short_content { width: 150px; float: right; margin: 0 3px 5px 0; color: #454545; }

/* box srodkowy z kwadratem przy tytule oraz podkategoriami */
.blog_info { width: 520px; float: left; position: relative; margin: 5px 0 5px 0;  }
.blog_info .short_content { width: 502px; text-align: justify; float: right; position: relative; overflow: hidden; }
/*.blog_info .short_content a img { width: 170px; height: 128px; background: transparent url(images/img_g_border2.gif) no-repeat top left; margin: 10px 15px 10px 0; position: relative; float: left; padding: 2px 2px 3px 3px; }*/
.blog_info .short_content h4 { padding: 0 0 0 15px; background: transparent url(images/title_square.gif) no-repeat 2px 7px; font-size: 16px; font-weight: bold; line-height: 20px; color: #e07b51; }/* komentarze */
.blog_info .short_content a img { margin: 10px 15px 10px 0; position: relative; float: left; padding: 2px 2px 1px 1px; border-bottom: 2px solid #000000; border-left: 2px solid #000000; background: transparent url(images/img_g_border3.gif) no-repeat top right; }
.postmetadata { display: block; margin: 5px 0 5px 18px; color: #606060; }
.postmetadata a { color: #606060; }
.blog_info h2 { padding: 0 0 0 15px; font-size: 22px; font-weight: bold; line-height: 22px; color: #e07b51; }
.blog_info h3 { padding: 0 0 0 15px; background: transparent url(images/title_square.gif) no-repeat 2px 7px; font-size: 20px; font-weight: bold; line-height: 20px; color: #dc166e; }
.blog_info h3 a { font-size: 20px; font-weight: bold; line-height: 20px; color: #dc166e; text-decoration: none; }
.blog_info h4 { padding: 0 0 0 15px; margin: 0 0 10px 0; font-size: 12px; color: #414340; font-weight: normal; line-height: 12px; clear: both; }
.blog_info h5 { padding: 0 0 0 15px; font-size: 20px; font-weight: normal; line-height: 20px; color: #e07b51; clear: both; }
		/* geleria ktorej nie ma  zastepuje ja: .blog_info .short_content a img */
.img_g { width: 104px; height: 98px; background: transparent url(images/img_g_border.gif) no-repeat top left; margin: 10px 15px 10px 0; position: relative; float: left; }
.img_g img { width: 99px; height: 36px; margin: 2px 0 0 3px; }
.img_g a { margin: 0; padding: 0; }
.img_g a img { width: 99px; height: 36px; margin: 2px 0 0 3px; }
		/* multimedia */
div.multimedia { width: 250px; position: relative; float: left; }
div.multimedia h6 { padding: 0 0 0 15px; font-size: 18px; font-weight: normal; line-height: 20px; color: #e8619c; clear: both; }
ul.multimedia { margin: 3px 0 20px 25px; padding: 0; float: left; }
ul.multimedia li { margin: 3px 0 0 0; padding: 0 0 0 25px; list-style-type: none; text-align: left; background: transparent url(images/form_arrow_next.gif) no-repeat 0 2px; line-height: 20px; font-size: 12px; }
ul.multimedia li a { text-decoration: none; color: #000000; font-weight: bold; }
ul.multimedia li a:hover { text-decoration: underline; }
		/* nawigacja pod artykulami */
.navigation { width: 520px; float: left; position: relative; margin: 5px 0 5px 0; display: block; }
.navigation .alignleft { width: 200px; float: left; position: relative; text-align: right; }
.navigation .alignright { width: 200px; float: right; position: relative;  text-align: left; }

/* srodek - dwie dolne kolumny */
.center_left_bottom { width: 225px; position: relative; float: left; }
.center_right_bottom { width: 288px; position: relative; float: right; }
.center_left_bottom .list_margin { margin: 5px 0 5px 12px; }
html > body #blog_container #blog_left #center .blog_info .center_left_bottom .list_margin { margin: 5px 0 5px 25px; }
.center_right_bottom .list_margin { margin: 5px 0 5px 12px; }
html > body #blog_container #blog_left #center .blog_info .center_right_bottom .list_margin { margin: 5px 0 5px 25px; }

/* naglowki boxow */
.title_right { width: 218px; height: 18px; display: block; position: relative; float: left; }
.title_left { width: 210px; height: 18px; display: block; position: relative; float: left; }
.title_center_left_bottom { width: 225px; height: 18px; display: block; position: relative; float: left; }
.title_center_right_bottom { width: 288px; height: 18px; display: block; position: relative; float: left; }
.title01 { background: #000000 url(images/t_inne_blogi.gif) no-repeat top left; }
.title02 { background: #000000 url(images/t_aktualnie_w_blogach.gif) no-repeat top left; }
.title03 { background: #000000 url(images/t_autor.gif) no-repeat top left; }
.title04 { background: #000000 url(images/t_tematyczne.gif) no-repeat top left; }
.title05 { background: #000000 url(images/t_moje_galerie.gif) no-repeat top left; }
.title06 { background: #000000 url(images/t_polecam.gif) no-repeat top left; }
.title07 { background: #000000 url(images/t_ostatnie_notatki.gif) no-repeat top left; }
.title08 { background: #000000 url(images/t_archiwum.gif) no-repeat top left; }

/* przycsiki w artykulach */
.button_kontakt_z_autorem { position: relative; float: right; background: transparent url(images/form_kontakt_z_autorem.gif) no-repeat top left; width: 104px; height: 18px; display: block; margin: 10px 50px 15px 0; }
.button_kontakt_z_autorem a { width: 104px; height: 18px; display: block; }

/* box tekstowy z lewej strony */
.mini_article { position: relative; float: right; width: 204px; margin: 5px 3px 5px 0; }
.mini_article img.blog_foto { width: 204px; height: 160px; margin: 5px 0 5px 0; }

/* top - prawy formularz */
form div.search_right { margin: 25px 2px 0 0; height: 20px; float: right; }
html > body #blog_container #blog_top form div.search_right { margin: 25px 5px 5px 0; height: 20px; float: right; }

/* pola formularzu */
.textfield_short { width: 127px; height: 19px; line-height: 19px; vertical-align: bottom; border: none; background: #ffffff url(images/form_textfield_129.gif) no-repeat top left; padding: 0 5px 0 3px; }
.button_search { width: 56px; height: 18px; line-height: 19px; vertical-align: bottom; border: none; background: #ffffff url(images/form_szukaj.gif) no-repeat top left; }
#comment { border: 1px solid #000000; width: 510px; height: 150px; }
#author, #email, #url { width: 125px; height: 19px; line-height: 19px; vertical-align: bottom; border: none; background: #ffffff url(images/form_textfield_129.gif) no-repeat top left; padding: 0 10px 0 3px; }


/* gorny bilbord 750x100 */
div#bilbord_top { margin: 5px 0 5px 0; }

/* przysiski na samej gorze strony obok searcha */
#top_buttons { width: 290px; position: relative; float: right; height: 18px; margin: 25px 0 0 0;}
#top_buttons2 { width: 400px; position: relative; float: left; height: 18px; margin: 0;}
#top_buttons .button, #top_buttons2 .button { display: block; float: left; position: relative; width: 92px; height: 18px; }
.button01 { background: transparent url(images/b_magazyn.gif) no-repeat top left; }
.button02 { background: transparent url(images/b_prenumerata.gif) no-repeat top left; }
.button03 { background: transparent url(images/b_kontakt.gif) no-repeat top left; }
.button04 { background: transparent url(images/b_blogosfera.gif) no-repeat top left; }
.button05 { background: transparent url(images/b_konkursy.gif) no-repeat top left; }
.button06 { background: transparent url(images/b_linkownia.gif) no-repeat top left; }
.button07 { background: transparent url(images/b_tapety.gif) no-repeat top left; }
#top_buttons .button a, #top_buttons2 .button a { display: block; width: 88px; height: 18px; }

/* patchway */
#patchway { width: 616px; position: relative; float: left; background: #ffffff; }
#patchway ul { margin: 5px 0 10px 0; }
#patchway ul li { background: transparent url(images/patchway_arrow.gif) no-repeat 0 3px; padding: 0 0 0 13px; display: inline; }
#patchway ul li a { color: #000000; text-decoration: underline; }
#patchway ul li a:hover { text-decoration: none; }
#patchway ul li.first { background: #ffffff; padding: 0; }

/* lisy wystrzalkowane */
ul.blog_list { margin: 3px 0 15px 5px; padding: 0; float: left; }
ul.blog_list li { margin: 6px 0 0 0; padding: 0 0 0 15px; list-style-type: none; text-align: left; }
ul.blog_list li.linkcat { background: none; padding: 0 0 0 5px; }
ul.blog_list li.linkcat h2 { font-size: 14px; font-weight: bold; }
.list_pink li { background: transparent url(images/li_arrow_pink.gif) no-repeat 0 2px; }
.list_orange li { background: transparent url(images/li_arrow_orange.gif) no-repeat 0 2px; }
.list_gray li { background: transparent url(images/li_arrow_gray.gif) no-repeat 0 2px; }
ul.blog_list li span { font-weight: bold; }
ul.blog_list li a { text-decoration: underline; color: #606060; }
ul.blog_list li a:hover { text-decoration: none; }

/* przycisk wiecej pod artykulem */
span.more { display: block; height: 18px; line-height: 18px; }
span.more a { color: #000000; text-decoration: none; background: transparent url(images/form_arrow_next.gif) no-repeat right top; padding: 0 25px 0 0; height: 18px; line-height: 18px; display: block; width: 37px; float: right; }
span.more a:hover { text-decoration: underline; }
a.more-link { color: #060606; text-decoration: none; background: transparent url(images/form_arrow_next.gif) no-repeat right top; padding: 0 25px 0 0; height: 18px; line-height: 18px; display: block; width: 143px; float: right; }
a:hover.more-link { text-decoration: underline; }

/* stopka */
#foot { position: relative; clear: both; width: 968px; height: 48px; background: #ffffff; font-size: 10px; padding: 10px 0 0 0;  }
#foot .f_up { height: 18px; width: 100%; background: #000000; color: #cee2fa; line-height: 18px; position: relative; }
#foot .f_up a { color: #cee2fa; text-decoration: none; padding: 0 15px 0 5px; }
#foot .f_up .copyright { position: absolute; top: 0; right: 0; height: 18px; line-height: 18px; color: #cee2fa; margin: 0 10px 0 0; }
#foot .f_down { width: 100%; height: 20px; background: #ffffff url(images/foot_lines.gif) no-repeat top right; }

#powered_by { position: relative; display: block; height: 20px; line-height: 20px; margin: 5px auto; clear: both; width: 970px; text-align: center; }

/* definicje globalnych znacznikow i klas */
p { margin: 10px 0 10px 0; }
p.right { text-align: right; }

a { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Times New Roman", Times, serif; font-weight: bold; color: #000000; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

.pointer { cursor: pointer !important; cursor: hand !important; }
.clear { height: 1px; line-height: 1px; clear: both; }
