@import url("../main.css");

a{color: #00F;}

#header, #body, #footer{
	width: 770px;
	margin: 0 auto;
}

#footer{height: 30px; clear:both; background-color:#9C6;}
#footer p{line-height: 30px; text-align: center;}

#sidebar{width: 200px; float: right;}

#content{
	padding: 10px 5px;
	margin-right: 200px;
}

div.block{
	margin: 5px;
	padding: 3px;
	border: #000 solid 1px;
}
div.block p.head{
	padding: 3px;
	font-weight: bold;
	margin-bottom: 3px;
	background-color: #FC9;
}
div.block ul{margin-left: 20px;}
div.block dl dt.name{
	color: #09F;
	text-align: center;
	margin-bottom: 5px;
}
div.block dl dd strong{
	float: left;
	width: 80px;
	margin-right: 3px;
	text-align: right;
}

div.blog{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #CCC solid 2px;
}
div.blog h1 a{color: #F90; font-size: 1.5em;}
div.blog div.blog-content{margin-top: 10px;}

big{font-size: 1.2em; font-weight: bold;}

dl#comment dt{margin-top:10px; font-weight: bold;}
dl#comment dd.comment{
	padding-top: 5px;
	padding-bottom: 10px;
}
dl#comment dd.date{
	text-align: right;
	padding-bottom: 10px;
	border-bottom: #999 dotted 2px;
}

#content form{
	padding: 5px;
	border: #CCC solid 1px;
}
#content form p{padding: 5px;}
#content form label{
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 5px;
}

form#write-comment{width: 500px;}
form#write-comment label{width: 100px;}
form#write-comment input.inp-txt, form#write-comment textarea{width: 300px;}
form#write-comment p.submit{padding-left: 110px;}

form#write-blog label{width: 80px;}
form#write-blog input.inp-txt{width: 400px;}
form#write-blog p.submit{padding-left: 90px;}

form#add{width: 300px; margin-bottom: 20px;}
form#add label{width: 80px;}

form#change{
	width: 400px;
	margin-top: 20px;
	margin-bottom: 20px;
}
form#change label{width: 90px;}

table.tbl-list{
	width: 99%;
	border: #000 solid 1px;
	border-collapse: collapse;
}
table.tbl-list th, table.tbl-list td{
	text-align: center;
	border: #000 solid 1px;
}
table.tbl-list th{background-color: #FC9;}