/**
 * blogi.gram.pl
 * style strony z komentarzami
 *
 * @author Leo
 */


	#news div.news { padding-top: 0; }
	#m_main.szkic #news { width: 790px; }

	h3.s { color: #797979; font-size: 16px; padding: 0 0 12px 0; position: relative; }
	h3.s img.ico { position: absolute; right: 0; top: 2px; }
	h3.s span { font-weight: normal; font-size: 11px; margin-left: 6px; }

	#comments { position: relative; padding: 8px 0 18px 0; z-index: 1; }


	    #comments div.comment { position: relative; z-index: 1; padding: 2px 0 12px 54px; }
	    #comments div.comment h4 { z-index: 22; font-size: 14px; font-weight: bold; padding: 11px 0 5px 12px; }
	    #comments div.comment h4 span.xw a { text-decoration: none; }
	    #comments div.comment h4 span.d { color: #8f8f8f; font-size: 10px; font-weight: normal; position: absolute; right: 12px; }
		#comments div.iu_10,#comments div.iu_10 h4 span.d,#comments div.iu_10 a,h4.iu_10 { color: #689927 !important; }
		#comments span.d a.x,#comments span.d  a.m { font-weight: bold; color: #797979; margin-left: 4px; padding: 0 4px; text-decoration: none; border-left: 1px solid #ccc; }
		#comments span.d a.m { font-weight: normal; }

	    #comments div.reply { position: relative; z-index: 1; padding: 2px 0 12px 115px; }
	    #comments div.reply h4 { z-index: 22; font-size: 14px; font-weight: bold; padding: 11px 0 5px 12px; }
	    #comments div.reply h4 span.xw a { text-decoration: none; }
	    #comments div.reply h4 span.d { color: #8f8f8f; font-size: 10px; font-weight: normal; position: absolute; right: 12px; }

		#comments div.reply span.reply  { left: 240px !important;}
		
		#comments div.reply p { background: transparent url('../img_blogi/bg_r_cmt0.png') repeat-y !important; font-size: 13px; line-height: 17px; padding: 2px 12px; }
		#comments div.reply p.ev { background-image: url('../img_blogi/bg_r_cmt1.png') !important; }

		#comments span.av_r { background: transparent url('../img_blogi/bg_av_small.png') no-repeat; position: absolute; width: 36px; height: 36px; left:60px; top: 0;  }
		#comments span.av_r img.bg { position: absolute; width: 36px; height: 36px; top: 0; left: 0; }
		#comments span.av_r img.ico { margin: 1px 0 0 1px; width:32px; height:32px; }

		
		#comments span.av { background: transparent url('../img_blogi/bg_av_small.png') no-repeat; position: absolute; width: 36px; height: 36px; left: 0; top: 0;  }
		#comments span.av img.bg { position: absolute; width: 36px; height: 36px; top: 0; left: 0; }
		#comments span.av img.ico { margin: 1px 0 0 1px; width:32px; height:32px; }

		#comments p { background: transparent url('../img_blogi/bg_cmt0.png') repeat-y; font-size: 13px; line-height: 17px; padding: 2px 12px; }
		#comments p.ev { background-image: url('../img_blogi/bg_cmt1.png'); }
		#comments img.top { position: absolute; top: -2px; right: 0; z-index: -1; }
		#comments img.bot {position:relative;}
		
		h4.iu { font-size: 14px; font-weight: bold; padding-bottom: 2px; }
		h4.iu_a { color: #797979; }
		input.it { width: 215px; }
		textarea.ta { height: 100px; width: 475px; margin: 0px 0 8px 0; }

		label { margin: 0 0 0 6px; font-size: 10px; font-weight: bold; color: #8f8f8f; vertical-align: middle; }
		label span { font-weight: normal; }
		
		input.ib { width: auto; padding: 0 10px; }

		p.wna { width: 411px; padding-left: 67px; }
		p.wna span { display: block; }
		p.wna span a { color: #797979; }

		#comments span.reply {
		background:transparent url(../img_blogi/gsreply.png) no-repeat scroll left center;
		color:#8F8F8F;
		cursor:pointer;
		display:block;
		font-size:12px;
		font-weight:bold;
		left:300px;
		margin:0;
		padding-bottom:3px;
		position:relative;
		text-align:right;
		top:5px;
		width:94px;
		}

		#comments span.reply:hover
		{
		text-decoration: underline;
		}
		
	#m_side { padding-top: 12px; }
		#wpis_o { width: 303px; height: 48px; padding-top: 13px; margin-bottom: 10px; position: relative; z-index: 1; }
		#wpis_o span.bg { position: absolute; top: 0; left: 0; width: 303px; height: 56px; background: #000; z-index: -1; filter:alpha(opacity=10); opacity:0.10;  }
		#wpis_o a.b img.ico { height: 30px; }
		a.b { text-decoration: none; color: #a1a1a1; font-weight: bold; font-size: 12px; display: block; margin: 0 0 12px 22px; }
		a.b img.ico { vertical-align: middle; margin-right: 6px; height: 33px; }

	p.pages { margin: -18px 0 18px 0; z-index: 2; position: relative; }

/* -- end -- */