@charset "UTF-8";
/* CSS Document */
html, body {
	height:100%;
}
body {
	font-family: sans-serif, AppleGothic, 'Malgun Gothic';
}

img {border: none;}

a:active, a:focus {outline: none;}

.container {
	min-height: 100%;
	margin-bottom: -50px;
	width: 850px;
	margin-left:auto;
	margin-right:auto;	
}
/*min-height fix for IE*/
* html .container {
  height: 100%;
}
.clearfloat {
	clear: both;
}
.footer {
	height: 40px;
	width: 850px;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #333;
	font-size: 0.75em;
	color: #666;
	text-align: right;
}
.header {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top:20px;
	
}
.code {
	color: #0F0;
	background-color: #000;
	padding: 10px;
	
}
.code pre {
	font-family: Monaco, "Lucida Console", monospace;
	font-size: 10px;
}
.header h1 {
	color: #333;
	font-family: serif;
	font-size: 3.3em;
	padding-top: 15px;
	line-height: 100%;
}
.content {	
	float: left;
	width: 550px;
	margin-top: 10px;
	padding-bottom: 30px;
}
.post {
  margin-bottom: 50px;
}
h3.post_title {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 19px 0;
}
h3.post_title a {
  color: #000;
  text-decoration: none;
}
h3.post_title a:hover {
  color: #666;
}
#sidebar {
	padding-top:73px;
	margin: 0;
	float: right;
	width: 250px;
	font-size: 0.7em;
}
#sidebar h3 {
	display: block;
	width: 246px;
    height: 13px;
	font-size: 1em;
	line-height: 1.3em;
	color: #FFF;
	margin:0 0 5px 0;
	font-weight: bolder;
	padding: 1px 0 1px 4px;
	background-color: #333;
}
#sidebar li {
	line-height: 1.8em;
	list-style-position: outside;
	list-style-type: none;
	color: #666;
}
#sidebar ul {
	padding-left: 3px;
	margin: 0px;
	padding-bottom: 20px;
}
#sidebar #about {
	margin-bottom: 25px;
	color: #666;
	margin-top: 0px;
}

#sidebar a {
  color: #666;
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}

.post_body {
	font-family: sans-serif, AppleGothic, 'Malgun Gothic';
	font-size: 0.8em;
	color: #555;
	text-align: justify;
	line-height: 170%;
}
.post_body a {
  color: #369;
  text-decoration: underline;
}
.post_info {
	font-size: 0.75em;
	color: #666;
	padding-top: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	margin-bottom:30px;
}
.post_info a {
  color: #666;
  text-decoration: none;
}
.post_info a:hover {
  text-decoration: underline;
}
.post_info a.time {
  color: #369;
}
hr {
  border: none;
}
.cover {
	text-align:left;
	margin-top: 30px;
}
.comments { padding: 0;  background-color: #fff; border: none;}
.comments a {
  text-decoration: underline;
}
.trackbackbox a {
	color: #666;
}
.commentbox a { color: #666;}
form.comment {
	margin: 20px 0 10px 0;
}

form.comment td{
	font-size: 0.7em;
	color: #666;
	vertical-align:top;
}
form.comment td.label {padding-top: 6px; width: 50px;}

form.comment input.text{
	margin-bottom: 10px;
	color: #333;
	background-color: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	width: 200px;
}
form.comment textarea{
	margin-bottom: 10px;
	color: #333;
	background-color: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	width: 450px;
}
.comment_button {width: 60px;}

.pagenav {
	color: #666;
	text-align: center;
	font-size: 0.75em;
}

#tags {
  line-height: 1.8em;
}

#tags .i1 {
  color: #333;
  font-weight: bold;
}
#tags .i2 {
  color: #333;
}
#tags .i3 {
  color: #666;
}
#tags .i4 {
  color: #999;
}
#tags .i5 {
  color: #CCC;
}

.post_body table {
  border-collapse: collapse;
  margin: 25px auto;
}
.post_body th {
  font-weight: normal;
  text-align: center;
  line-height: 1.2em;
  padding: 3px 5px;
  border: 1px solid black;
  background-color: #DDD;
}
.post_body td {
  vertical-align: top;
  padding: 3px 10px 3px 5px;
  border: 1px solid black;
}
.post_body blockquote {
	margin: 20px 30px;
	color: #907C5D;
}