/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 11px;
	margin-bottom: 13px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(tip-pimped.gif) no-repeat 15px 0;
}

/* minu mullike */

.bubble {background: transparent; margin:1em;} 
.bubble span.s1 {display:block; width:0; height:0; color:#999; overflow:hidden; 
border-top:12px solid #000; border-left:12px dotted transparent; border-right:12px dotted 
transparent; margin-left:50px;} 
.bubble span.s2 {display:block; width:0; height:0; color:#000; overflow:hidden; 
border-top:10px solid #999; border-left:10px dotted transparent; border-right:10px dotted 
transparent; margin-left:52px; margin-top:-15px;} 
.b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0;} 
.b1, .b2, .b3, .b4, .b5, .b6 {height:1px;} 
.b4, .b5, .b6, .b7 {background:#999; border-left:1px solid #000; border-right:1px solid #000;} 
.b1 {margin:0 8px; background:#000;} 
.b2 {margin:0 6px; background:#000;} 
.b3 {margin:0 4px; background:#000;} 
.b4 {margin:0 3px; background:#999; border-width:0 5px;} 
.b5 {margin:0 2px; background:#999; border-width:0 4px;} 
.b6 {margin:0 2px; background:#999; border-width:0 3px;} 
.b7 {margin:0 1px; background:#999; border-width:0 3px; height:2px;} 
.content {display:block; background:#999; border:3px solid #000; border-width:0 3px; 
color: #FFF;}

/* Minu mullikese html 

<div class="bubble"> 
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
<b class="b5"></b><b class="b6"></b><b class="b7"></b> 
<div class="content"> 
<p><strong>content here</strong></p> 
</div> 
<b class="b7"></b><b class="b6"></b><b class="b5"></b><b class="b4"></b> 
<b class="b3"></b><b class="b2"></b><b class="b1"></b> 
<span class="s1"></span><span class="s2"></span> 
</div>
*/


.rbroundbox { background: url(http://www.tplusm.net/nt.gif) repeat; }
.rbtop div { background: url(http://www.tplusm.net/tl.gif) no-repeat top left; }
.rbtop { background: url(http://www.tplusm.net/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://www.tplusm.net/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://www.tplusm.net/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent {margin: 0 7px; padding-left: 10px; color:#666666; font-size:11px; }

.rbroundbox {margin: 1em auto; }

.nool {
	padding: 9px 0px 0px 15px;
	margin-top: -1px;
	margin-bottom: 5px;
	background: url(http://www.tplusm.net/jutumulli_nool.gif) no-repeat 20px 0;
	font-style: normal;
	}
#nool {
	position: relative;
	padding: 9px 0px 0px 15px;
	margin-top: -1px;
	margin-bottom: 5px;
	background: transparent url(http://www.tplusm.net/jutumulli_nool.gif) no-repeat 20px 0;
	font-style: normal;
	}
/* aadress: http://www.neuroticweb.com/recursos/css-rounded-box/ 

kasutatakse nii: 

<div class="rbroundbox">
	<div class="rbtop"><div></div></div>
		<div class="rbcontent">
		
				</div><!-- /rbcontent -->
	<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->

*/

#komm {
display : block;
padding: 0px;
background-color : #f6f6f6; /* hall on: #e3e3e3, roheline on: #67ca45 */
width: 650px;

}
#komm a{
font-size: 11px;
color:#000000;
border-bottom: #c3c3c3 solid 1px;
border-right: #c3c3c3 solid 1px;
text-decoration: none;
display : block;
padding: 10px;
padding-left: 15px;
padding-right: 15px;
background-color : #e0e0e2; /* hall on: #e3e3e3, roheline on: #67ca45 */


}
#komm a:hover{
font-size: 11px;
color:#000000;
text-decoration: none;
display : block;
background-color : #ebebeb; /* hall on: #e3e3e3, roheline on: #67ca45 */

}

#komm_staatiline { /* - see on postituste all olevatele kommidele */
display : block;
margin-bottom: 0px;
font-size: 11px;
color:#000000;
border-bottom: #c3c3c3 solid 1px;
border-right: #c3c3c3 solid 1px;
text-decoration: none;
display : block;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background-color : #e0e0e2; /* hall on: #e3e3e3, roheline on: #67ca45 */
list-style-type: none;
}


/* kommide kasutamine:

<div id="komm">
	<p>kommi sisu</p>
				</div><div id="roheline_link" class="nool">
</div>

			
				
<div id="komm">           
<a href="%comment_link"> %comment_excerpt  </a>      
            </div>            
            <div id="roheline_link" class="nool"><a href="%author_url">%comment_author </a><small class="commentmetadata">[%comment_date, %comment_time]</small> %post_title</small></div>

*/