body {
background-image:url(../images/leaves.jpg);
background-position:2px 0px;
font-family:georgia times;
margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
}

img {
border:0px none;
}

#container {
position:absolute;
left:2px;
top:84px;
width:1000px;

}

#comic {
background-color:white;
height:696px;
padding-top:6px;
}

#belowcomic {
  background-color:white;
  padding-bottom: 10px;
  padding-left: 5px;
}

#abovecomic {
  background-color:white;
  padding-left: 5px;
}


#bottomframe {
background-color:white;
height:30px;
}

#commentsframe {
height:130px;
left:0px;
position:absolute;
margin-top: -30px;
width:1000px;
}


#newsframe {
background-image:url(../images/news-mid.png);
background-repeat:repeat-y;
height:auto;
margin-top: 140px;
}

.wcs div {display:none;}

.cf_ta {
width: 98%;
}

.cf_txt {
width: 98%;
}

#main {
background-color:white;
height:auto;
left:2px;
padding-top:6px;
position:absolute;
top:84px;
width:1000px;
}
#innermain {
margin:5px 10px;
}
#comic-img {
height:640px;
width:1000px;
}
#comic-img-small {
height:452px;
margin-left:147px;
margin-top:94px;
width:706px;
}
#comic-nav-left, #comic-nav-right {
height:646px;
left:0px;
position:absolute;
top:0px;
width:200px;
}
#comic-nav-right {
left:800px;
}
#c-left, #c-right {
background-image:url(../images/c-left.png);
height:80px;
left:0px;
margin-top:-40px;
position:absolute;
top:50%;
visibility:hidden;
width:113px;
}
#c-right {
background-image:url(../images/c-right.png);
left:887px;
}
#hint {
background-color:#669966;
border:1px solid #003300;
height:auto;
left:10px;
opacity:0.9;
padding:2px;
position:absolute;
top:10px;
visibility:hidden;
width:300px;
}
.hint-title {
background-image:url(../images/hintbg_01.png);
font-weight:bold;
padding:3px;
}
#hint-pix {
border:1px solid red;
float:right;
}
#castframe {
background-color:#669966;
border:1px solid #003300;
height:auto;
left:925px;
opacity:0.9;
padding:2px;
position:absolute;
top:10px;
visibility:hidden;
width:200px;
}
#castbutton {
background-image:url(../images/qm2.jpg);
height:30px;
left:940px;
position:absolute;
top:740px;
width:30px;
}
.mitem {
background-color:#99CC99;
border:1px solid #006600;
display:block;
font-family:arial;
height:50px;
margin:0px 0px 5px;
}
.mitem img {
border-right:1px solid #006600;
border-width:0px 1px 0px 0px;
float:left;
height:50px;
margin-right:3px;
width:50px;
}
.mitem:hover, .wnitem:hover {
background-color:#66CC66;
}
.wnitem {
background-color:#F5FFF5;
border:1px solid #006600;
color:black;
display:block;
font-family:arial;
margin:2px;
min-height:25px;
padding:2px;
text-decoration:none;
}
.wnitem i {
font-size:8pt;
}
.wnitem img {
border-right:1px solid #666666;
float:left;
height:50px;
margin-right:5px;
width:50px;
}
#archiveframe {
background-image:url(../images/archive-bg.png);
height:130px;
left:2px;
position:absolute;
top:740px;
visibility:hidden;
width:490px;
}
#archive-name {
height:auto;
left:0px;
padding-left:3px;
padding-right:15px;
position:absolute;
text-align:center;
top:0px;
}
#archive-chapter, #archive-chapter-qm {
height:80px;
left:10px;
position:absolute;
top:30px;
width:100px;
}
#archive-story, #archive-story-qm {
height:80px;
left:115px;
position:absolute;
top:30px;
width:100px;
}
#archive-left, #archive-right {
height:30px;
left:225px;
position:absolute;
top:55px;
width:15px;
}
#archive-right {
left:452px;
}
#archive-timer {
float:right;
width:100px;
}
.archive-qm {
background-image:url(../images/subqm.png);
visibility:hidden;
}
.archive-thumb {
border:1px solid white;
height:40px;
position:absolute;
top:27px;
width:62px;
}
.archive-currentstrip {
border-color:red;
}
#archive-thumb-1, #archive-thumb-2 {
left:250px;
}
#archive-thumb-3, #archive-thumb-4 {
left:315px;
}
#archive-thumb-5, #archive-thumb-6 {
left:380px;
}
#archive-thumb-2, #archive-thumb-4, #archive-thumb-6 {
top:70px;
}
#comments-01 {
background-image:url(../images/comments_01.png);
height:26px;
left:0px;
position:absolute;
top:0px;
width:70px;
}
#comments-02 {
background-image:url(../images/commentsa_02.png);
height:26px;
left:155px;
position:absolute;
top:0px;
width:58px;
}
#comments-03 {
background-image:url(../images/commentsa_03.png);
height:26px;
left:70px;
position:absolute;
top:0px;
width:85px;
}
#comments-04 {
background-image:url(../images/commentsa_04.png);
height:26px;
left:213px;
position:absolute;
top:0px;
width:61px;
}
#comments-05 {
background-image:url(../images/comments_05.png);
height:26px;
left:274px;
position:absolute;
top:0px;
width:685px;
}
#comments-06 {
background-image:url(../images/expand.png);
height:21px;
left:960px;
position:absolute;
top:0px;
width:21px;
}
#comments-07 {
background-image:url(../images/comments_07.png);
height:41px;
left:980px;
margin-left:-21px;
position:absolute;
top:0px;
width:21px;
}
#comments-08 {
background-image:url(../images/comments_08.png);
height:124px;
left:0px;
position:absolute;
top:26px;
width:4px;
}
#comments-09 {
background-color:#AEC993;
height:130px;
left:4px;
position:absolute;
top:26px;
width:955px;
}
#comments-12 {
background-image:url(../images/comments_12.png);
height:104px;
left:980px;
margin-left:-21px;
position:absolute;
top:41px;
width:21px;
}
#comments-14 {
background-image:url(../images/comments_14.png);
height:25px;
left:959px;
position:absolute;
top:145px;
width:21px;
}
#comments-15 {
background-image:url(../images/comments_15.png);
height:20px;
left:0px;
position:absolute;
top:150px;
width:11px;
}
#comments-16 {
background-image:url(../images/comments_17.png);
height:20px;
left:11px;
position:absolute;
top:150px;
width:948px;
}
.comments-text {
height:132px;
left:6px;
overflow:auto;
position:absolute;
top:26px;
visibility:hidden;
width:960px;
}
#comments-text1 h4 {
background-color:#006600;
color:white;
margin-bottom:0px;
margin-top:0px;
padding:2px;
}
#comments-text1 h4 a {
color:#CCFFCC;
}
#comments-text1 h4 a {
color:#CCFFCC;
}
.cf_td1 {
width:150px;
}
#news01 {
float:left;
margin-left:6px;
padding-left:6px;
width:642px;
}
#news02 {
float:left;
margin-left:20px;
width:310px;
}
#news03 {
float:left;
margin-left:20px;
width:300px;
}
.news {
background-color:#99CC99;
font-family:Arial,Helvetica;
line-height:1.1;
text-align:left;
}
.newshead {
background-color:#006600;
color:white;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:medium;
font-weight:bold;
height:30px;
margin:0px;
padding-bottom:0px;
padding-left:5px;
padding-top:2px;
}
.newsmsg {
padding:3px;
}
.ntim {
float:right;
font-size:x-small;
font-weight:normal;
}
.nicn {
float:left;
margin-top:-15px;
}
.newsfoot {
background-color:#88BB88;
margin-left:300px;
padding:1px 5px;
text-align:right;
}
.newscmt {
background-color:#77AA77;
font-size:x-small;
margin-left:0px;
padding:1px 5px;
text-align:left;
width:300px;
}
#newsframe .newsfoot {
margin-left:150px;
}
#newsframe .newscmt {
width:150px;
}
.news a {
color:#006600;
}
.news a:hover {
color:#339933;
}
.newshead a {
color:#CCFFCC;
text-decoration:none;
}
.newsehad a:hover {
color:#FFFFFF;
}
#topframe {
height:84px;
left:2px;
position:absolute;
top:0px;
width:1000px;
}
#top-01_ {
height:84px;
left:0px;
position:absolute;
top:0px;
width:190px;
}
#top-02_ {
height:24px;
left:190px;
position:absolute;
top:0px;
width:810px;
}
#top-03_ {
background-color:white;
height:29px;
left:190px;
position:absolute;
top:55px;
width:299px;
}
#warning {
background-color:#990000;
border:1px solid red;
color:white;
height:50px;
left:200px;
opacity:0.9;
position:absolute;
text-align:center;
top:25px;
width:280px;
}
#warning a {
color:#9999FF;
}
#top-03b_ {
height:47px;
left:444px;
position:absolute;
top:29px;
width:48px;
}
#top-04_ {
height:60px;
left:489px;
position:absolute;
top:24px;
width:60px;
}
#top-05_ {
height:60px;
left:549px;
position:absolute;
top:24px;
width:60px;
}
#top-06_ {
height:60px;
left:609px;
position:absolute;
top:24px;
width:60px;
}
#top-07_ {
height:60px;
left:669px;
position:absolute;
top:24px;
width:60px;
}
#top-08_ {
height:60px;
left:729px;
position:absolute;
top:24px;
width:60px;
}
#top-09_ {
height:60px;
left:789px;
position:absolute;
top:24px;
width:60px;
}
#top-10_ {
height:60px;
left:849px;
position:absolute;
top:24px;
width:60px;
}
#top-11_ {
height:60px;
left:909px;
position:absolute;
top:24px;
width:60px;
}
#top-12_ {
height:60px;
left:969px;
position:absolute;
top:24px;
width:31px;
}
#top-green {
height:60px;
left:220px;
position:absolute;
top:24px;
width:200px;
}
#top_green {
height:60px;
width:200px;
}
#menu_whatsnew {
background-color:#669966;
border:1px solid #003300;
left:645px;
opacity:0.9;
padding:2px;
position:absolute;
top:86px;
visibility:hidden;
width:350px;
}
.menu {
background-color:#669966;
border:1px solid #003300;
left:549px;
opacity:0.9;
padding:2px;
position:absolute;
top:86px;
visibility:hidden;
width:200px;
}
#menu_community {
left:400px;
}
#menu_tools {
left:300px;
}
#bottomframe2 {
background-color:white;
height:30px;
width:1000px;
}
#bottom-left {
background-image:url(../images/corner-left.jpg);
height:30px;
width:30px;
}
#bottom-right2 {
background-image:url(../images/corner-right.jpg);
float:right;
height:30px;
width:30px;
}
.cf_table {
width:98%;
}
.cf_table input {
width:98%;
}
#comments-ta {
width:98%;
}
#dialog {
background-image:url(../images/dialog-back.png);
border:2px solid #1C438B;
left:325px;
position:absolute;
top:200px;
visibility:hidden;
width:350px;
z-index:20;
}
#dialog-titlebar {
background-color:#3C3B97;
background-image:url(../images/dialog-header.png);
background-repeat:repeat-y;
color:#FFFFFF;
font-family:tahoma,arial,sans-serif;
font-weight:bold;
height:25px;
text-align:center;
}
* html #dialog {
background-image:none;
}
* html #dialog {
}
#dialog-text {
overflow:auto;
padding:5px;
}
#dialog-searchbox {
border:2px solid #1C438B;
width:250px;
}
#commentsbunch {
  cellspacing: 0px;
}
#commentsbunch th {
border-top:1px solid #AEC993;
text-align:right;
width:150px;
vertical-align: top;
}
#commentsbunch td {
background-color:#AEC993;
border-top:1px solid #006600;
margin-left:160px;
padding:2px;
vertical-align: top;
}

#commentsbunch div div {
margin-left:0px;
}
 #mag {
   width: 250px;
   height: 250px;
   top: 375px;
   left: 375px;
   overflow: hidden;
   position: absolute;
   visibility: hidden;
 }

 #magload {
   width: 250px;
   height: 250px;
   color: #000000;
   font-size: 18pt;
   text-align: middle;
   background-color: #FFFFFF;
   position: absolute;
   top: 0px;
   left: 0px;
 }

#castbutton {
  background-repeat: no-repeat;
}

#commentsbunch {
  background-color: #006600;
}
#dialog-text {
    overflow: auto;
	padding: 5px;
}
#dialog-searchbox {
	border: solid 2px #1c438b;
	width: 250px;
}

 .sidebox {
   position: absolute;
   left: 1020px;
   width: 190px;
   height: 250px;
   overflow: auto;
   font-size: 9pt;
}
.sidebox h3 {
   background-image: url(../images/sb-top.png);
   background-repeat: none;
   margin: 0px;
   height: 17px;
   text-align: center;
   font-family: arial;
   font-size: 11pt;
   color: #006600;
}
.sidebox a {
   color: #006600;
}


.sidebox div {
   background-color: #AEC993;
   padding: 5px;
}
.sidebox li {
   list-style: none;
   padding: 0px;
   margin: 0px;
}
  #aboutbox {
   top: 80px;
   height: auto;
   text-align: center;
}
#pwbox {
   top: 150px;
   height: auto;
   text-align: center;
}
  #wclistbox {
   top: 840px;
}
  #commentbox {
   top: 980px;
   overflow: hidden;
   height: auto;
}
#commentbox div {
   width: 500px;
}
  #forumbox {
   top: 1200px;
}

#commentsbunch div.comadmin {
   background-color: #669966;
}

#commentsbunch h4.comadmin {
   background-color: #003300;
}
* html #dialog {
	background-image: none;   
}
* html #dialog {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog-back.png', sizingMethod='scale');
}


.ie-ph {
	width: 100%;
	height: 100%;
}

.wcs {
  background-color: #CCCCCC;
}

.wcs div {
  display:none;
}

* html #comments-01,
* html #comments-02, 
* html #comments-03, 
* html #comments-04, 
* html #comments-05,
* html #comments-06,  
* html #comments-07, 
* html #comments-08, 
* html #comments-09, 
* html #comments-12, 
* html #comments-14, 
* html #comments-15, 
* html #comments-16,
* html #archiveframe,
* html #c-left,
* html #c-right{
	background-image: none;   
}
* html .archive-qm {
	background-image: none;   
}
* html #comments-01ie {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_01.png', sizingMethod='scale');
}
* html #comments-02ie {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/commentsa_02.png', sizingMethod='scale');
}
* html #comments-03ie {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/commentsa_03.png', sizingMethod='scale');
}
* html #comments-04ie {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/commentsa_04.png', sizingMethod='scale');
}
* html #comments-05 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_05.png', sizingMethod='scale');
}
* html #comments-06 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_06.png', sizingMethod='scale');
}
* html #comments-07 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_07.png', sizingMethod='scale');
}
* html #comments-08 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_08.png', sizingMethod='scale');
}
* html #comments-09 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_09.png', sizingMethod='scale');
}
* html #comments-12 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_12.png', sizingMethod='scale');
}
* html #comments-14 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_14.png', sizingMethod='scale');
}
* html #comments-15 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_15.png', sizingMethod='scale');
}
* html #comments-16 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_17.png', sizingMethod='scale');
}
* html #archiveframe_img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/archive-bg.png', sizingMethod='scale');
}
* html .archive-qm img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subqm.png', sizingMethod='scale');
}
* html #c-left {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-left.png', sizingMethod='scale');
}
* html #c-right {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c-right.png', sizingMethod='scale');
}