* {
  margin:0px;
  line-height: 100%;
}

body {
  background-color: #29698d;
  font-size:12px;
  font-family:TradeGothic,HelveticaNeue, Helvetica, Arial;
  position: absolute;
  background-image: url(/ui/bgs/bg.jpg);
  background-attachment: fixed;
}

.hs {
  display:none;
}

#mm,#ub,#nvsw {
  position: absolute;
  top:0px;
  width:652px;
  background:#ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,.9)), to(rgba(230,230,230,.9))); 
  height:29px;
  border-top:1px solid #aaa;
  border-bottom:1px solid #999;
  padding-left:450px;
  padding-top:0px;
}

#mm a, #nvsw a {
  font-weight: bold;
  display: block;
  float:left;
  text-shadow: 1px 1px 1px #ccc;
  color:#222;
  text-decoration: none;
  padding:3px 10px;
  margin-top:3px;
  margin-right:10px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  line-height:16px;
}

#mm a:hover,#nvsw a:hover {
  background-color:rgba(0,0,0,.1);
}

#nvsw {
  left:0px;
  width:733px;
  padding-left:18px;
}

#c {
 position: absolute;
 top:330px;
 padding:0px 50px;
 border-right:1px solid #ccc;
 width:651px; background:#fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); 

}

#c a {
  text-decoration: none;
}

#c h1, #c h2 {
  font-size:60px;
  #font-family: TradeGothic,Helvetica Neue,Arial;
  letter-spacing: -1px;
  color:#333;
  #-webkit-mask-image: -webkit-gradient(linear, left top,left bottom, from(rgba(0,0,0,1)), to(rgba(255,255,255,.8)));
  margin-bottom:30px;
}

#c h1 {
  margin-top:20px;
  letter-spacing: -4px;
}

#c h2 {
  font-size:30px;
  margin:0px;
  margin-bottom:25px;
}

#c p, #c li {
  line-height: 200%;
  margin-bottom:11px;
}

#m {
position:relative; background-color:#fff;   margin-bottom:0px; width:750px; font-size:11px
}

#m a {
display:block; float:left; padding:5px 15px; background-color:#eee; border-right:1px solid #aaa;
}

.p {
position:relative; background-color:#fff; min-height:30px; margin-top:1px;  margin-bottom:0px; width:750px; opacity:.9;  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee), color-stop(0.5, #fff)); -webkit-background-origin: padding-box; -webkit-background-clip: content-box;
}

.p:hover {
  opacity:1;
}

.p .sc {
  padding-left:55px; width:630px;
  padding-right:55px;
  display:none;
}

.tis {
right:26px;overflow:hidden; height:36px; width:300px; margin-right:-26px;position:absolute;margin-top:0px;
}

#hds {
  
}

#ths,#stha,#sthb,#sthc, #sthd {
  width:250px; height:250px;
  margin-right:1px;
  background:rgba(0,0,0,.5);
  position: absolute;
  top:25px;
  -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, color-stop(0.65, transparent), color-stop(1.0, rgba(128, 128, 128, 0.5)));
}

#stha {
  left:202px;
}


#bl {
  position: absolute;
  width:2000px;
  top:25px;
  left:205px;
  margin-left:0px;
}

#bl a {
   border:none;

}
.bi {
  float:left;
  width:150px;
  height:150px;
  left:500px;
   -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, color-stop(0.65, transparent), color-stop(1.0, rgba(128, 128, 128, 0.5)));
   margin-top:70px;
   margin-right:10px;
   cursor: pointer;
   text-align: center;
}

.fw {
position:absolute;
width:751px;
height:299px;
top:31px;
}

.tsw {
  margin-bottom:40px;
}

#s {
  width:350px;
  background:rgba(255,255,255,.9);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.7)), to(rgba(255,255,255,.9))); 
  padding:0px;
  position: absolute;
  left:752px;
  top:361px;
}

#nvsp {
position:absolute;
height:200px;
background:rgba(0,0,0,.7);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.70)), to(rgba(50,50,50,.65))); 
width:1102px;
margin-right:1px;
padding-top:100px;
top:30px;
overflow: hidden;
}


#nvsp .f {
  color:#fff;
  padding:3px;
  padding-right:15px;
  background:#000;
  display:block;
  text-decoration: none;
  text-align:right;
  opacity:.5;
  margin-bottom:10px;
  margin-left:70px;
  -webkit-border-top-left-radius:15px;
  -webkit-border-bottom-left-radius:15px;
  -moz-border-radius-topleft:15px;
  -moz-border-radius-bottomleft:15px;
  width:110px;

}



#nvsp a:hover {
  opacity:1;
}


#logo {
position: absolute;
top:0px;
left:-32px;
width:180px;
height:120px;
background-image:url(/ui/images/circle.png);
z-index:999;
cursor: pointer;
}

#strb {
  margin-left:-32px;
  margin-top:22px;
  margin-right:-32px;
}

#sa {
  height:8px;
  border:1px solid #999;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  width:800px;
  position: absolute;
  top:283px;
  left:250px;
  background:rgba(0,0,0,.3);
  -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.5);
}

#sb {
  width:200px;
  background:rgba(200,200,200,.5);
  height:8px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  cursor: pointer;
}

#sb:hover {
  background: rgba(200,200,200,.7);
}

#ub {
  width:330px;
  padding-left:0px;
  padding:2px 10px;
  top:330px;
  left:752px;
  height:25px;
  background:#c8e6fa;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,230,250,.8)), to(rgba(160,200,220,.8))); 

}

#pts,.logout,.ptsclick {
  background-color:#555;
  color:white;
  padding:3px 10px;
  font-weight: bold;
  float:right;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  margin-top:3px;
  line-height: 110%;
}

#qbb {
  width:350px;
  height:400px;
  overflow-y: auto;
}


.subs {
 float:left; 
 margin-right:15px;
 width:162px;
 margin-bottom:10px;
 height:120px; 
}

.subsi {
 border:1px solid #aaa;

  width:162px;
  height:50px;
  margin-bottom:5px;
}

.subs a {
  color:#555;
}

.nota {
  font-size:11px;
  color:#aaa;
  margin-top:-20px;
  margin-bottom:10px;
}

.sps {
  margin-bottom:5px;
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
}

.sps a {
  color:#555;
}

.spsd {
  float:left;
  display: block;
  width:80px;
  color:#aaa;
}

.feats {
  margin-top:50px;
  padding:5px 21px;
  padding-bottom:5px;
  margin-bottom:20px;
}

.nvswon {
  background-color:rgba(0,0,0,.2);
}

.qb {
  border:1px solid transparent;
  border-bottom:1px solid #aaa;
  padding:5px 10px;
  padding-left:45px;
  color:#555;
  color:rgba(0,0,0,.7);
  min-height:32px;
  padding-right:30px;
}

.lc {
  width:15px;
  height:18px;
  float:right;
  margin-right:-27px;
  cursor: pointer;
  background-image: url(/ui/images/comment.gif);
  opacity:.7;
}

.lc:hover {
  border-color:rgba(255,200,50,.5);
  background-color:rgba(255,255,90,.5);
  -webkit-box-shadow:0px 0px 20px rgba(255,200,50,1);
  -moz-box-shadow:0px 0px 20px rgba(255,200,50,1);
  opacity:1;
}

.tdc b {
  cursor: pointer;
}

.av {
  width:30px;
  height:30px;
  margin-left:-40px;
  border:1px solid #aaa;
  margin-bottom:-34px;
}

#storespace {
background-color:#eee;
background:rgba(0,0,0,.1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,.0))); 
padding:10px;
margin-left:-20px;
margin-right:-20px;
}

#storenote {
  width:132px;
  padding-right:20px;
  float:left;
  text-align:right;
  color:#777;
  font-size:11px;
}

#shirt {
  width:100px;
  height:70px;
  border:1px solid #eee;
  background-image:url(/ui/store/t_kasoposse.png);
  margin-bottom:5px;
  float:left; margin-right:15px;
}

.shirtspace {
  width:260px; 
  float:left;
  height:70px;
  margin-right:20px;
}

.bigtext,#tagl {
  font-weight:lighter;
  letter-spacing: -2px;
  text-transform: uppercase;
  font-size:26px;
  font-family: Helvetica;
  padding-top:2px;
  -webkit-mask-image: -webkit-gradient(linear, left top,left bottom, from(rgba(0,0,0,.8)), to(rgba(255,255,255,.2)));
}

#tagl {
  position: absolute;
  left:82px;
  padding:0px 20px;
  padding-left:50px;
}

#spot {
position:absolute; top:31px; left:751px; width:351px; height:299px; text-align:center;
background:rgba(50,50,50,.65);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.70)), to(rgba(50,50,50,.65))); 

}

#spot img {
margin-top:25px; height:250px;
   -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, color-stop(0.65, transparent), color-stop(1.0, rgba(128, 128, 128, 0.5)));
}

#col1 {
  margin-left:30px;
  width:300px;
  float:left;
  margin-right:30px;
  border-right:1px solid #ccc;
  padding-right:30px;
}

#col2 {
  width:300px;
  float:left;
  
}

#foot {
  background:#fff;
  padding:10px 50px;
  clear:both;
  margin-left:-50px;
  margin-top:50px;
  margin-right:-50px;
  border-top:1px solid #aaa;
  padding-bottom:40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
}

#foot a {
  color:#999;
  padding:1px 25px;
}

#foot a:hover {
  color:#777;
}

.phocred {
  margin-top:3px;
  color:#aaa;
  font-size:11px;
  float:right;
}

.phocred a {
  text-decoration: none;
  color:#aaa;
  border-bottom:1px solid #ccc;
}

.phocred a:hover {
  color:#888;
}

.foots {
  margin-top:20px;
  margin-left:-3px;
}

.ptsclick:hover {
 background-color:#222;
 cursor:pointer;
}

#usp {
  padding:10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,230,250,.8)), to(rgba(160,200,220,.8))); 
  border-bottom:1px solid #aaa;
  display: none;
}

#usp table {
  margin-top:10px;
}

#usp input {
  border:1px solid #aaa;
  -webkit-border-radius:15px;
  padding:3px 10px;
  background: rgba(255,255,255,.8)
}

.logout {
  font-weight: normal;
  background-color:#888;
  margin-right:6px;
  font-size:11px;
  margin-top:5px;
  cursor: pointer;
  text-decoration: none;
}

.logout:hover {
  background: #666;
}

#ub h2 {
  cursor:pointer;
}


h2 a {
  text-decoration: none;
  color:#444;
}

#c.cup {
  position: absolute;
  top:31px;
  padding-top:50px;
  padding-left:50px;
}

.lsp {
  float:left;
  width:190px;
  padding-right:25px;
  padding-bottom:20px;
}

.badge {
  width:40px;
  height:40px;
  border:1px solid #aaa;
  margin-right:1px;
  margin-bottom:1px;
}

#bigav {
  width:60px;
  height:60px;
  -webkit-box-shadow:0px 0px 10px #aaa;
  float:left;
  margin-right:25px;
  margin-top:8px;
}

#copyright a {
  padding:0px;
}

.stream {
  position: absolute;
  padding:10px;
  border-color:rgba(255,200,50,.5);
  background:rgba(255,240,0,.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,240,0,.95)), to(rgba(250,175,0,.95))); 
  -webkit-box-shadow:0px 0px 20px rgba(255,200,50,1);
  -moz-box-shadow:0px 0px 20px rgba(255,200,50,1);
  -webkit-box-shadow:0px 0px 20px #000;
  min-width:280px;
  z-index: 999;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

#fish {
  display: none;
}

.moreinfo input {
  border:1px solid #aaa;
  -webkit-border-radius:15px;
  padding:3px 10px;
  background: rgba(255,255,255,.8);
  margin-top:7px;
}

.moreinfo textarea {
  width:280px;
  border:1px solid #aaa;
  height:100px;
  margin-top:10px;
  background:yellow;
  background:rgba(255,255,255,.95);
  font-family:Helvetica;
  font-size:12px;
  line-height: 150%;
}

.closebox {
  width:14px;
  height:14px;
  float:right;
  background-image: url(/ui/images/closebox.png);
  background-position: center center;
  background-color: #fff;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border:1px solid #555;
  cursor: pointer;
}

.closebox:hover {
  background-color:#eee
}

#content {
  margin-left:auto;
  margin-right:auto;
}

.btn,.wbtn,.lbtn{padding:3px 10px; background:rgb(0,0,0); background:rgba(0,0,0,.7); -webkit-border-radius:10px; -moz-border-radius:10px; color:white; line-height: 100%; float:right;cursor: pointer;}
.btn:hover,.wbtn:hover,.lbtn:hover{background:rgb(0,0,0); background:rgba(0,0,0,.7);}
.wbtn{width:auto; float:none; margin-top:5px; margin-bottom:5px;text-align: center; display: block}
.lbtn{float:left; margin-right:5px;background:#ddd; color:black; margin-bottom:5px; width:11px; text-align: center}
.lbtn:hover{background:#ccc;}


#tmr {width:350px; background:white; height:1px;}
#tmrb {height:1px; width:100%; background:rgba(0,255,0,.5);}
#noti{display:none;

background:rgba(248,217,43,.7); 
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.8)), to(rgba(248,217,43,.7))); 
cursor:pointer; padding:5px 10px;position: absolute;top:31px; width:920px; left:72px; padding-left:100px;}
.tda { text-align:right; display:block; color:#aaa; padding-right:10px;}
#posttostream {  padding:6px 25px; font-size:11px; background-color:orange; cursor:pointer;  background-color:rgba(255,240,0,.8);
  background-color: -webkit-gradient(linear, left top, left bottom, from(rgba(255,240,0,.85)), to(rgba(250,175,0,.85))); 
  background-image:url(/ui/images/comment.gif);
  background-repeat: no-repeat;
  background-position-x: 3px;
  background-position-y: 3px;
  height:10px;
  border-bottom:1px solid orange;
}


#questionblock {
position:absolute; top:0px; left:751px; width:331px; height:279px; text-align:center;
background:rgba(50,50,50,.65);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.70)), to(rgba(50,50,50,.65))); 
padding:10px;
z-index:999;
color:white;
}

.qs,.qsb,.qsx, #comment {padding:4px; width:285px;border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; display:block; font-family:Arial; font-size:11px; margin-bottom:5px;}
.ab,.abx,.abc{ float:right; padding:3px; background:rgb(200,200,200); background:rgba(255,255,255,.4); -webkit-border-radius:15px; -moz-border-radius:15px; height:11px; width:11px; text-align:center; margin-left:4px; margin-right:0px;margin-top: 1px; cursor:pointer; color:white;}
.abc {background:rgb(100,100,100); width:auto; padding:4px 15px; float:left; -webkit-border-radius:0px; -moz-border-radius: 0px; border:1px solid #555; border-bottom:0px;}
.abco {background: #fff; color:black;border-bottom:1px solid white; }
.ab:hover,.abx:hover,.abc:hover{ background-color:#bbb}
.def{color:#aaa;}


#chapterview {
  clear:both;
  padding-top:30px;
}

#chapterview h1 {
  font-size:23px;
  letter-spacing: 0px;
  margin-bottom:15px;
  text-align: center;
}

#chli {
  position: absolute;
  right:-5px;
  top:3px;
  width:350px;
  z-index:500;
}

#mainspace {

}

#usercodedetail {
  display: none;
}

#biospace {
  height:100px;
}

.ca {
  margin-left:auto;
  margin-right:auto;
  padding:6px 12px;
  padding-left:30px;
  font-size:11px;
  background-color:rgba(255,240,0,.8);
  background-color: -webkit-gradient(linear, left top, left bottom, from(rgba(255,240,0,.85)), to(rgba(250,175,0,.85))); 
  -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3);
  -moz-box-shadow:0px 0px 20px rgba(0,0,0,.3);
  border:1px solid #aaa;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  background-image:url(/ui/images/comment.gif);
  background-repeat: no-repeat;
  background-position-x: 3px;
  background-position-y: 3px;
cursor: pointer;
width:152px;  
margin-top:20px;
}

.ca:hover {
-webkit-box-shadow:0px 0px 10px rgba(255,240,0,.8);
}

.cax {margin-top:0px;}

blockquote {
  border-left:10px solid #eee;
  padding-left:25px;
  color:#888;
}

#ql {
  overflow-y: auto;
  overflow-x: hidden;
  height:200px;
  margin-bottom:15px;
  margin-right:-10px;
  padding-right:10px;
}

.navnext,.navprev {
  margin-top:30px;
  margin-left:20px;
  float:left;
}

.navnext {
  float:right;
  margin-right:20px;
}

  #tts {font-family:Arial; font-size:10px; width:600px; background-color: white; padding:5px; padding-left:35px; padding-right:40px;margin-left:-50px; margin-right:-50px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin-top:10px;}
  #tts .ib {margin-left:20px; margin-bottom:40px;}
  .tcs {text-indent: 0px; padding-left:15px; width:100px; }
  #tts li {text-indent: 0px; margin:0px; padding:0px; line-height: 110%; margin-bottom:5px;}

.dsq-widget-item {
  padding:5px 10px;
  border-bottom:1px solid #aaa;
  margin:0px;
}
.dsq-widget-user, .dsq-widget-comment {
  display:block;
  margin-left:40px;
}

.dsq-widget-meta {
  display:block;
  margin-left:35px;
  font-family:Arial;
  font-size:9px;
  text-align: right;
}
/*">If it's with a 5, it should probably be 1Draft 5Deaths :p</span>	 <p class="dsq-widget-meta"><a href="http://1889.ca/2010/01/what-i-do.html">What I Do</a>&nbsp;·&nbsp;<a href="http://1889.ca/2010/01/what-i-do.html#comment-28682241">4 months ago</a></p>	 </li>*/