body {
	text-align:center;
background:#ffffff url('images/bg.gif') repeat top;
	color:#000000;
	font-family:"Ubuntu","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Arial,sans-serif;
	font-size:11px;
	line-height:24px;
	font-weight:normal;
}




div#wrapper {
	text-align:left;
	margin:auto;
	width:800px;
}

p {
	margin:0 0 24px;
	color:#000000;
}



h1, h2, h3, h4 {
	font-weight:bold;
}


div#header {
}


h1 {
	margin:30px 0 20px 0;
	font-size:48px;
	color:#ffffff;
	line-height:120px;
}


h1 a {
	text-decoration:none;
	color:#ffffff;
}


div#header h2, ul#navigation {
	margin:0 0 20px;
}


ul#navigation {
	display:block;
	width:800px;
	float:left;
}


ul#navigation li {
	display:inline;
}


ul#navigation li a {
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	padding:2px 10px;
	font-size:14px;
	margin:0 32px 0 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:5px;
}


ul#navigation li a:hover {
	color:#000000;
	background-color:#ffffff;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
}


div#header h2 {
	font-weight:normal;
	display:block;
	width:300px;
	float:right;
	text-align:right;
	font-size:16px;
}


div#content {
	margin:0;
}


div.thumbnail {
	width:420px;
	float:left;
}

div.thumbnail a img {
	opacity: 1;  
	-webkit-box-shadow:0 1px 5px #666666;
    -webkit-transition: opacity 0.1s linear;  
    -webkit-transform-origin: 50% 50%;  
	-moz-box-shadow:0 1px 5px #666666;
	background-color: #FFFFFF;
}

div.thumbnail a img:hover {  
    opacity: 0.5;  
}

div.entry {
	width:355px;
	float:right;
}


div#content h2 {
	font-size:16px;
	font-weight:bold;
	color:#000000;
	line-height:32px;
	margin:0 0 8px 0;
}


div#content h2 a {
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	padding:4px 8px;
	font-weight:bold;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:5px;
}

pre a {
	font-size:14px;
	padding:1px 3px;
	margin:5px 0;
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	font-weight:normal;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:5px;
}


pre a:hover {
	color:#000000;
	background-color:#ffffff;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
}


p.comment-link {
	margin:0 0 20px 0;
}


p.comment-link a {
	color:#ffffff;
	background-color:#000000;
	padding:2px 10px;
	text-decoration:none;
	font-size:14px;
	line-height:36px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:5px;
}


p.comment-link a:hover {
	color:#000000;
	background-color:#ffffff;
	font-weight:normal;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
}


p.comment {
	color:#ffffff;
	background-color:#000000;
	font-size:12px;
	font-weight:normal;
	line-height:1.9;
	padding:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:5px;
}

p.comment a {
	color:#000000;
	background-color:#ffffff;
	font-size:12px;
	text-decoration:none;
    padding:2px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;    
}


p.comment a:hover {
	color:#ffffff;
	background-color:#000000;
}


div#footer p {
	line-height:108px;
	color:#333;
	text-align:center;
}


div#footer p a {
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	padding:2px 8px;
	font-weight:normal;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:5px;
}


div#footer p a:hover {
	color:#000000;
	background-color:#ffffff;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;

}


div.post {
	margin:0;
	border-top:3px double #999999;
	padding:50px 0 0 0;
	margin:0 0 76px 0;
}


h3#comments, h3#respond {
	font-size:14px;
	color:#000000;
	line-height:64px;
    }

div.author {
	width:250px;
	float:left;
}


div.author cite {
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 12px;
}

div.author cite a {
	padding:1px 3px;
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	font-weight:normal;
}


div.author cite a:hover {
	color:#000000;
	background-color:#ffffff;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
}

div.author img {
	position:relative;
	top:10px;
}


div.comment {
	width:500px;
	float:right;
	padding:18px 0 0 0;
}


div.comment p {
	padding:1px 3px;
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	font-weight:normal;
}


#commentform a {
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	padding:0 3px;
}

#commentform a:hover {
	color:#000000;
	background-color:#000000;
	background-color:#ffffff;
}

ol.commentlist {
	border-top:1px solid #333;
	margin:0 0 48px;
}


ol.commentlist li {
	border-bottom:1px solid #333;
	padding:12px 0 0;
}


form input, form textarea {
	margin:0 12px 0 0;
}


div.alignleft, div.alignright {
	display:block;
	width:40%;
	float:left;
}


div.alignright {
	float:right;
	text-align:right;
}


div.alignleft a, div.alignright a {
	font-size:14px;
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
	padding:2px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:5px;
}


div.alignleft a:hover, div.alignright a:hover {
	color:#000000;
	background-color:#ffffff;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
}


small {
	color:#ffffff;
	background-color:#000000;
	padding:0 5px;
}


/* social */

div.post .social {
    margin-top: 5px;
}

/* div.post .social .tweet_button {
    float: left;
    display: inline;
    width: 85px;
} */

div.post .social .tweet_button {
    display: inline;
    width: 85px;
}

div.post .social .hatebu {
    display: inline;
}

div.post .social .facebook {
    display: inline;
}

div.post {
    clear: both;
}