/* 		Hypertext webcomics		*/
/* 			v1.0 by Kaa 		*/

.htwc .w33 { width:33.33%; }
.htwc .w25 { width:25%; }
.htwc .w50 { width:50%; }
.htwc .w66 { width:66.66%; }
.htwc .w75 { width:75%; }
.htwc .w100 { width:100%; }

.htwc { width:700px; margin:20px auto; font-size:11px; }
.htwc .inner { margin:20px 0px 20px; position:relative; }
#content .htwc h2 { font-size:45px; font-family:"Courier New", Courier, monospace; line-height:1em; padding:0px 0px 0px 3px; margin:0px; }
.htwc .subh  { position:absolute; top:7px; left:140px; }
.htwc .name  { position:absolute; top:25px; left:140px; font-style:italic; font-family:Arial, Helvetica, sans-serif; }
.htwc .line  { width:auto; }
.htwc .frame { float:left; position:relative; overflow:hidden; }
.htwc .border { margin-left:4px; margin-bottom:4px; border:3px solid #222; height:250px; position:relative; background:url(bg/simple.png) repeat-x top; overflow:hidden; }
.htwc .speech { position:absolute; border:1px solid #000; background:#fff; padding:3px 10px 5px; }
.htwc .speech .tail { position:relative; bottom:-4px; left:0px; right:0px; margin-bottom:-16px; background:url(speech/tail-left.gif) no-repeat center; height:15px; }
.htwc .speech .left  { background:url(speech/tail-left.gif) no-repeat 30% 50%;}
.htwc .speech .right { background:url(speech/tail-right.gif) no-repeat 60% 50%;}
.htwc img { position:absolute; }
.htwc .copyright { clear:both; color:#bbb; text-align:right; padding:1px 10px 5px; }
.htwc .copyright a, .htwc .copyright a:visited { color:#bbb; }