@charset "utf-8";

/*
===== forum ===========================================
*/

div#forum_list{
  margin:10px;
  width:700px;
  clear:both;
  height:auto;
  overflow: hidden;
}
#forum_list ul.list{
  margin:5px;
  width:690px;
  height:auto;
  border:1px solid #eee;
  clear:both;
  overflow: hidden;

  }
#forum_list li.title{
  margin:5px;
  float:left;
  width:560px;
  font-size:120%;
  font-weight:bold;
  display:inline;
  }
#forum_list li.name{
  margin:3px;
  float:right;
  width:300px;
  font-size:100%;
  text-align:right;
  display:inline;
  }
#forum_list li.date{
  margin:3px;
  float:right;
  width:200px;
  font-size:100%;
  text-align:right;
  display:inline;
  
  }
#forum_list skip_entry{
  margin:5px;
  width:100px;
  float:right;
}
span.new{
  font-size:80%;
  color:#f80;
  font-weight:bold;
  }


/*
===== forum detail===========================================
*/

.forum_topic{
  height:auto;
  width:700px;
  margin:10px;
  position:relative;
  clear:both;
  border:1px solid #eee;
  overflow: hidden;
}

.forum_topic ul.list{
  margin:3px;
  height:auto;
  clear:both;
}
   
.forum_topic li.name{
  margin:5px;
  float:right;
  width:300px;
  font-size:100%;
  text-align:right;
  display:inline;
  }
.forum_topic li.date{
  margin:5px;
  float:right;
  position:relative;
  width:200px;
  font-size:100%;
  text-align:right;
  display:inline;
  }
  
.forum_topic li.skip_url{
  margin:5px;
  float:right;
  width:100px;
  }
.forum_topic li.topic_entry{
  margin:10px;
  float:right;
  clear:both;
  width:530px;
  height:auto;
  font-size:100%;
  }
p.entry_img{
  padding:0px;
  margin:10px 5px 0px 20px;
  float:left;
  width:100px;
  height:auto;
  border:solid #666 1px;
  clear:left;
  }
.skip_out{
   width:100px;
   height:20px;
   margin:5px 20px 5px 5px;
   float:right;
   clear:both;
   }

/*
===== forum detail comment===========================================
*/

.forum_comment{
  width:700px;
  height:auto;
  margin:10px;
  clear:both;
  border:1px solid #eee;
  overflow: hidden;
}
.forum_comment ul.list{
  margin:5px;
  height:auto;
  display:hidden;
  clear:both;
  }
  
.forum_comment li.name{
  margin:5px;
  float:right;
  width:220px;
  font-size:100%;
  text-align:right;
  height:20px;
  line-height:20px;
	}
.forum_comment li.date{
  margin:5px;
  float:right;
  width:160px;
  font-size:100%;
  text-align:right;
  height:20px;
  line-height:20px;
  }

.forum_comment li.entry{
  margin:5px;
  margin-left:8em;
  width:580px;
  height:auto;
  font-size:100%;
  }
.forum_comment li.delete{
  margin:5px;
  float:right;
  width:120px;
  text-align:right;
  line-height:20px;
  height:20px;
  }
.forum_comment li.delete_img{
  margin:5px;
  float:right;
  width:40px;
  height:20px;
  }

/*
===== forum detail form===========================================
*/
#forum_form{
  width:700px;
  height:300px;
  margin:10px;
  padding:0px;
  clear:both;
}

#forum_form table{
border:1px solid #eee;
}
#forum_form th{
width:150px;
margin:5px;
padding:3px;
text-align:center;
font-size:100%;
color:#333;
border:1px solid #eee;

}
#forum_form td{
width:530px;
margin:5px;
padding:3px;
border:1px solid #eee;
font-size:100%;
}

span.font08{
  font-size:80%;
  color:#f80;
  font-weight:bold;
  }
#form-button{
  width:300px;
  margin:5px;
  }


.submit:focus {
    border: 1px solid #974343;
    background-color: #ff8800;
}
.submit {
    position: relative;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 24px; /* border-box */
    padding: 0;
	margin: 0px;
	border: 1px solid #333333;
}
.reset {
    position: relative;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 24px; /* border-box */
    padding: 0;
	margin:0px;
	border: 1px solid #333333;
}
.reset:focus {
    border: 1px solid #974343;
    background-color: #ff8800;
}

textarea{
border:1px #999 solid;
  position: relative;top:0px;left:0px;}

input{
border:1px #999 solid;
  position: relative;top:0;left:0;
}

select{
border:1px #999 solid;
  position: relative;top:0;left:0;}