* {
margin:0;
padding:0;
}

body {
margin: 0 auto;
padding: 0px;
background-color:#ffd;
}

#head{
background: #009922;
color:#fff;
font-size:10px;
}

#head-menu {
width: 780px;
padding:10px 20px 10px 0;
margin-left: 40px;
text-align:right;
}
#head-menu a { 
color: #ddd;
}
#head-menu a:hover {
color: #ddd;
}


#base_area {
width: 800px;
margin-left: 40px;
}

#content {
float:left;
width: 600px;
padding-top:10px;
}

#content h1 a {
color: #333;
font-size:22px;
}
#content h1 {
margin-bottom:8px;
}


#post_area {
padding:8px;
background: #fff;
border:2px dotted #282;
margin-bottom:24px;
width: 580px;
}

#post_area textarea {
width:570px;
}

#basic_border {
padding:8px;
background: #fff;
border:2px dotted #282;
margin-bottom:24px;
margin-top:24px;
width: 580px;
}

.comment {
padding:10px;
background: #fff;
margin-bottom:24px;
width: 580px;
}

.left-box {
float:left;
width:400px;
}  
.post-title {  
float:left;
font-weight:bold;  
color: #d82;
font-size:18px;
}  
.post-name {  
padding:2px 10px 0 12px;
float:left;
}

.post-date {
float:left;
text-align:right;
color:#888;
font-size:12px;
width:170px;
} 

.post-comment {
padding-top:8px;
line-height:1.8em;
}
.errmsg {
color:#f00;
}

#menu {
border-left:2px solid #009922;
border-right:2px solid #009922;
border-bottom:2px solid #009922;
margin-left:10px;
margin-bottom:10px;
padding: 10px;
float:left;
width:150px;
background-color:#fff;
clear:both:
}

#sc_info {
margin-top:4px;
margin-bottom:12px;
padding:8px;

border:2px dotted #fc2;
background-color:#fea;
}


#fotter {
width: 800px;
padding-top:10px;
margin-left: 40px;
}