/* @override 
	http://blog.takumishimada.com/wp-content/themes/takblog/style.css
	http://blog.takumishimada.com/wp-content/themes/takblog/style2.css
*/

/*
Theme Name: Takumi v3
Theme URI: http://blog.takshimada.info/
Description: The theme for Takumi's Blog
Version: 3.0
Author: Takumi Shimada
Author URI: http://takumishimada.com/
*/
/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
font:14px "Times New Roman", helvetica, sans-serif;
color: #000;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:30px "Times New Roman", helvetica, sans-serif;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font:25px "Times New Roman", helvetica, sans-serif;
}

h3 {
font:20px "Times New Roman", helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
outline:none;
}
a {
}
a:hover {
	color:#135DAF;
}
a:active {
	color:#003a80;
}
/***** Wrapper *****/

#wrapper {
width:700px;
margin:0 auto;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold;color:#b1112a; }
strong 			{ font-weight:bold;color:#b1112a; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:700px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
.hidden {display:none;}

#htitle {
	text-align: left;
	float: left;
}
#htitle h1 {
	display: inline;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 40px;
	line-height: 100px;
}
#header {
	position:relative;
	text-align: right;
	height: 100px;
}
#header ul {
	margin:0px;
	padding:0px;
	line-height: 100px;
	display: inline;
	text-align:right;
}
#header li {
	margin: 0px;
	padding: 0 10px 0px;
	text-align: right;
	display: inline;
}
#header a {
	color: #000;
	padding: 7px 10px;
	background-color: #E0E9F3;
}
#header a:hover {
	background-color: #135DAF;
	color: #fff;
}
#header a:active {
	background-color: #003a80;
}
#leftside {
	width:500px;
	float:left;
	position:relative;
}
#rightside {
	width:199px;
	float:right;
}
#contentwrapper {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	clear: both;
}
.date {
	float:right;
	text-align:center;
	width:50px;
	height:50px;
	line-height:25px;
	color: #767;
}
.title h2 {
	padding:0;
	margin:0;
	display:inline;
	font-size:25px;
	color:#000;
}
.title:first-letter {
	color:#135DAF;
}
.title h2:first-letter {
	color:#135DAF;
}
.title a {
	color:#404142;
	background:none;
}
.title a:hover {
	color:#135DAF;
}
.title a:active {
	color:#003a80;
}
.title h3 {
	display:inline;
}
.title h3 a {
	color:#fff;
	background:none;
	padding: 2px 3px;
	background-color: #E0E9F3;
}
.title h3 a:hover {
	color:#135DAF;
}
.title h3 a:active {
	color:#003a80;
}
.title {
	border-bottom:1px solid #404142;
	width:440px;
	margin-bottom:10px;
	color:#404142;
}
.content {
	padding-bottom:10px;
}
#rightside ul {
	margin:0;
	padding:0;
list-style:none;
}
#rightside ul a {
	width:179px;
	display:block;
	padding: 5px 10px;
	background: #F6E0E3;
	color:#000;
	border-bottom:1px solid #404142;
}
#rightside ul a:hover {
	background:#b1112a;
	color: #fff;
}
#rightside ul a:active {
	background:#80000D;
}
#bottomarea {
	width:700px;
}
#bottomarea ul {
	margin:0;
	padding:0;
	float:left;
list-style:none;
border-top: 1px solid #404142;
}
#bottomarea li {
	margin-left:1px;
}
#bottomarea ul a {
	display:block;
	width:179px;
	padding:5px 10px;
	background:#DAEBCE;
	border-bottom:1px solid #404142;
	color:#404142;
}
#bottomarea ul a:hover {
	background:#52AF13;
	color:#fff;
}
#bottomarea ul a:active {
	background:#2F7907;
}
#me {
	width:100px;
	height:100px;
	float:left;
	border-top: 1px solid #404142;
	background: url(images/takumi.png) no-repeat center center;
}
.search {
	background:#F6E0E3;
	text-align:center;
	padding:5px 0px;
	border-bottom:1px solid #404142;
}
#search {
	background:#F6F6F6;
	border:0;
	width:179px;
	color:#fff;
}
#bottomarea ul a#rslogo {
	display:block;
	width:179px;
	height:16px;
	padding:5px 10px;
	background:#DAEBCE url(images/rs.png) no-repeat 5px 5px;
	border-bottom:1px solid #404142;
	color:#404142;
}
#bottomarea ul a#rslogo:hover {
	background:#52AF13 url(images/rs.png) no-repeat 5px -16px;
	color:#fff;
}
#bottomarea ul a#mtlogo {
	display:block;
	width:179px;
	height:16px;
	padding:5px 10px;
	background:#DAEBCE url(images/mtlogo.png) no-repeat 5px 5px;
	border-bottom:1px solid #404142;
	color:#404142;
}
#bottomarea ul a#mtlogo:hover {
	background:#52AF13 url(images/mtlogo.png) no-repeat 5px -16px;
	color:#fff;
}
#bottomarea ul a#wplogo {
	display:block;
	width:179px;
	height:16px;
	padding:5px 10px;
	background:#DAEBCE url(images/wp.png) no-repeat 5px 5px;
	border-bottom:1px solid #404142;
	color:#404142;
}
#bottomarea ul a#wplogo:hover {
	background:#52AF13 url(images/wp.png) no-repeat 5px -16px;
	color:#fff;
}
#bottomarea ul a#stats {
	display:block;
	width:179px;
	height:16px;
	padding:5px 10px;
	background:#DAEBCE url(images/stats.png) no-repeat 5px 5px;
	border-bottom:1px solid #404142;
	color:#404142;
}
#bottomarea ul a#stats:hover {
	background:#52AF13 url(images/stats.png) no-repeat 5px -20px;	color:#fff;
}
#bottomarea ul a#stats:active,#bottomarea ul a#wplogo:active,#bottomarea ul a#mtlogo:active,#bottomarea ul a#rslogo:active {
	background-color:#2F7907;
}
.ptitle h2 {
	padding:0;
	margin:0;
	display:inline;
	font-size:25px;
	color:#fff;
}
.content p {
	color: #202020;
}
.ptitle:first-letter {
	color:#135DAF;
}
.ptitle a {
	color:#404142;
	background:none;
}
.ptitle a:hover {
	color:#135DAF;
}
.ptitle a:active {
	color:#003a80;
}
.ptitle {
	border-bottom:1px solid #404142;
	width:500px;
	margin-bottom:10px;
	color:#404142;
}
div.aka_half {float:left;overflow:auto;width:45%;}
div.aka_clear {clear:both;float:none;}
#footer {
	text-align:center;
	margin:20px 0;
	color:#333;
}
#commentarea {
	border-top:1px solid #404142;
}
#searchform {
	margin:0;
	padding:0;
}