/*  
	
	Theme Name:kouseinenblog_(Red&Blue_Edit)
	Theme URI:http://iqwolf.org/theme2/
	Description:シンプルな2カラムのテーマです。AJAXによるコメントを実装しています。
	Version:1.1
	Author:KNT_(base by iqwolf)
	Author URI:http://iqwolf.org/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	I get the AJAX commenting code from k2, thanks Michael and Chris.
	You can get k2 here:
	http://getk2.com/
	
	This Theme also uses Fam Fam Fam Silk Icons: 
	http://www.famfamfam.com/lab/icons/silk/
	
	Feel free to contact me if you have questions, my email: iqwolf@gmail.com.

*/

/* General */
html, body {
    margin:0px; padding:0px; "メイリオ","Meiryo","Osaka","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; font-size:12px; color:#333; text-align:center; background:url(images/body-back.png) #e3e3e3 center repeat;
}

a { color:#FF408D; background:none; text-decoration:none; }
a:link { color:#FF408D; background:none;  text-decoration:none; }
a:visited { color:#FF408D; background:none;  text-decoration:none; }
a:active { color:#486098; background:none;  text-decoration:none; }
a:hover { color:#fff; background:#FF408D; text-decoration:none; }

p { font-family:"メイリオ","Meiryo","Osaka","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; margin:2px 0px 0px 0px; line-height:140%; }
ul, ol, dl { margin:0; padding:0; }
ul ul, ol ol, p ul, p dl, p ol { margin-bottom:0; }
li, dd { margin:0; }
ol li { list-style:decimal outside; }

acronym, abbr, span.caps { cursor:help; font-size:10px;; letter-spacing:.07em; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:10px; padding:20px; border-left:5px solid #ddd} 
cite { text-decoration:none; }
code { font-family:"メイリオ","Meiryo","Osaka","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; font-size:14px; }
hr { display:none; }
small { font-family:"メイリオ","Meiryo","Osaka","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; font-size:10px; color:#777; }

/* Headers */
h1, h2, h3 { font-family:"メイリオ","Meiryo","Osaka","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; font-weight:bold; }
h1 { margin:0; padding:15px 0px; font-size:32px; text-align:center; color:#fff; }
h1 a, h1 a:link, h1 a:active, h1 a:hover, h1 a:visited { text-decoration:none; color:#fff; }
h2 { margin:30px 0 5px 0; font-size:14px; }
h2.pagetitle { margin-top:30px; text-align:center; }

h3 {
	padding:30px 0px 0px 0px; 
	background:#fff;
	font-size:18px; 
}

h3 a { color:#000000; background:none; text-decoration:none; }
h3 a:link { color:#000000; background:none;  text-decoration:none; }
h3 a:active { color:#486098; background:none;  text-decoration:none; }
h3 a:visited { text-decoration:none; color:#000000; }
h3 a:hover { color:#fff; background:#FF408D; text-decoration:none; }

div#titleline {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 50px; 
	background:url(images/mininano.gif) left no-repeat;
	width: auto;
	height: auto;
	border-bottom: solid 2px #FF408D;
}


/* Structure Divs */
#header { 
	width:800px; 
	height:243px;
	margin:0 auto 0 auto;
	background:url(images/headertop.jpg) no-repeat;
	padding:0px; 
}

#page {
	width:780px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#fff;
	border-left: solid 10px #FF408D;
	border-right: solid 10px #FF408D;
	border-top: solid 10px #FF408D;
}

#content { font-size:12px; line-height:140%; background:#fff; }
#sidebar { float:left; padding:20px 30px; width:180px; font-size:12px; background:#fff; overflow:hidden; }

#footer {
	clear:both;
	width:780px;
	margin:0;
	padding:10px 0 0;
	text-align:center;
	background: #FF408D;
}

/* Config Structure Divs */
/* Header */
.description { padding:5px; font-size:12px; text-align:center; color:#fff; }

.nav {
	width:800px;
	height: 35px;
	margin: auto;
	padding: 10px 0px 0px 0px;
	background:url(images/nav.gif) no-repeat;
	overflow:hidden;
	background:#FF408D; 
}

.nav ul { width:100%; margin:0; padding:8px 0 0; list-style-type:none; text-align:center; }
.nav li { position:relative; padding:0; display:inline; font-family:"メイリオ","Meiryo","Osaka","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; font-size:12px; letter-spacing:0.20em; text-transform:uppercase; }

.page_item a, .page_item a:link, .page_item a:visited { 
	padding:2px 10px; 
	color:#fff; 
	text-decoration:none; 
	border:1px solid #fff;
}

.page_item a:hover { padding:2px 10px; color:#000; background: #FFF; border:1px solid #fff;  }
.page_item.current_page_item { padding:2px 10px; color:#fff; background: #FF408D; }
.page_item.current_page_item a:hover { padding:2px 10px; color:#fff; border:none; background: #FF408D; border:1px solid #fff;}

/* Content */
.narrowcolumn { float:left; margin:0px 0 0; padding:0 0 20px 40px; width:470px; }
.widecolumn { margin:5px 0 0 140px; padding:10px 0 20px 0; width:470px; }
.post { margin:0 0 80px; text-align:left; }
.widecolumn .post { margin:0; }
.post ul { margin:0 0 0 40px; padding:0; list-style-type:none; }
.post ol { margin:0 0 0 40px; padding:0; }
.post li { margin:0; padding-bottom:8px; }

.postmetadata {
	padding:5px 0;
	margin: 100px 0px 100px 0px;
}

/* Footer */
#footer p { margin:0; padding:5px; font-size:10px; text-align:center; line-height:18px; }
#footer A { color:#fff; background:none; text-decoration:none;}
#footer A:hover { color:#fff; background:none; text-decoration:underline;}

#footerline {
	height: 1px;
	width: 760px;
	margin: 15px 0px 0px 0px;
	background:#fff; 
}

/* Sidebar Elements*/
#sidebar h2 { margin:5px 0 0; padding:0 0 0 5px; border-left:3px solid #FF408D; border-bottom:1px solid #FF408D; font-size:12px; letter-spacing:0.2em; text-transform:uppercase; }	
#sidebar ul { margin:0; padding:5px 5px 5px 10px; list-style:none; }
#sidebar li { margin:0; padding:0; }


/* Search */
#search { padding:10px 0; }
#searchform { margin:0; line-height:100%; font-size:12px; }
#searchform #s { margin:5px 0 0; padding:0; width:110px; border:1px solid #FF408D; background:#fff; }
#searchform #searchsubmit { margin-left:5px; padding:0; border:1px solid #FF408D; width:50px; font-size:12px; background:#fff; overflow:hidden; }

/* Comments */
#comments { margin:40px 0 0; padding:30px 0 0 15px; height:40px; color:#333; font-size:12px; text-transform:uppercase; background:url(images/bg_comments.png) left no-repeat; }
#commentform { background:#fff; border:1px solid #FF408D; padding:5px 20px; }
#commentform input, #commentform textarea { background:#fff; border:1px solid #FF408D; font-size:12px; padding:1px; }
#commentform input:focus, #commentform textarea:focus { border:1px solid #E5004F; }
.commentlist, .pinglist { margin:0; padding:0; list-style-type:none; }
.commentlist li { margin:10px 0; padding:5px 10px; list-style:none;}
.commentlist p { margin:10px 5px 10px 0; }
.class_comment1 { width:95%; border-left:3px solid #000; background:#fff; }
.class_comment2 { width:95%; border-left:3px solid #888; background:#fff; }
#loading { text-align: center; 	margin-bottom: 40px; margin-top: 40px; color: #ddd; font-size: 20px; letter-spacing: -1px; }
.pinglist li { width:95%; margin:10px 0; padding:5px 10px; border-left:3px solid #ddd; background:#fff; list-style:none; }

/* Images */
img { border:none; }
p img { margin:0; padding:2px; border:1px solid #333; max-width:100%; }
img.center { display:block; margin:auto; }
img.alignright { float:right; padding:2px; margin:0 0 2px 7px; display:inline; }
img.alignleft { float:left; padding:2px; margin:0 7px 2px 0; display:inline; }

/* Classes */
.navigation { display:block; text-align:center; padding:15px 0; }
.rss { padding:1px 1px 1px 18px; background:url(images/rss.gif) left no-repeat; }
.trackback { padding:1px 1px 1px 18px; background:url(images/trackback.gif) left no-repeat; }
.cmt { padding:1px 1px 1px 16px; background:url(images/bullet_blue.gif) left no-repeat; }
.postdate { padding:1px 1px 1px 16px; background:url(images/bullet_orange.gif) left no-repeat; }
.edit { padding:1px 1px 1px 16px; background:url(images/bullet_green.gif) left no-repeat; }

/* Text align */
.center { text-align:center; }
.alignright { text-align:right; }
.alignleft { text-align:left; }

/* Float */
div.floatleft { float:left; }
div.floatright { float:right; }
.clear { clear:both; }