クロっぽく

<h1>タイトル</h1>

body {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  background-color: #000000;
  text-align:center;
}
h1 {
	text-align: left;
	font-size: 110%;
	font-weight: normal;
	border-left: 15px double #CCCCCC;
	margin:30px 0 0 0;
	padding: 100px 4px 10px 70px;
	color:#CCCCCC;
	background:#000000;
	height:20px;
}
ol {
	margin: 0 0 0 75px;
        padding-left:0;
	list-style: none;
	text-align:left;
	color: #CCCCCC;
	background-color: #000000;
}
.hatena-body li {font-size:80%;margin-top:5px; margin-left:0;}
.hatena-body li a {text-decoration:none;color:#CCCCCC;margin-left:5px;}
.hatena-body li a:link,.hatena-body li a:visited {color:#CCCCCC;}
.hatena-body li a:hover,.hatena-body li a:active {color:#999999;}
ol.image li {background:#000000;margin-left:0 !important;}
.modified {margin-left:10px;font-size:10px;}
.diff {
  font-size: 10px;
  background-color: #CCCCCC;
  color:333333;
  margin-top: 3px;
  margin-left: 0px;
  margin-bottom: 3px;
  padding: 10px 10px 10px 107px;
}
.pager {
  font-size: 70%;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 3px;
  margin-right: 10px;
  line-height:100%;
  color:#333333;
}
.pager a:link,.pager a:visited {color:#333333;text-decoration:none;}
.pager a:hover,.pager a:active {color:#666666;}
div.adminmenu {
  font-size: 90%;
  margin: 2% 5% 0% 0%;
  text-align: right
}
span.adminmenu {}
div.footer {
  color: #999999;
  margin: 5px 5px 0 5px;
  font-size: 70%;
  text-align: right;
}
form.hatena-searchform {
  text-align: right;
  margin-right: 5%;
}
.hatena-body{
	margin: 0 auto;
	width: 700px;
	background-color: #CCCCCC;
	padding: 15px 0 0 0;
    position: relative;
}
#simple-header {margin: 0 auto;	width: 700px;}
.menu a{font-size:10px;color:#CCCCCC;font-weight:normal;}