/*  
Theme Name: State Of Mind ver.grw
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=State+Of+Mind
Description: 3 Column Split, widget-ready theme reminiscent of Old World Style with red leather and wood highlights.  Fixed width featuring an author box, author info page, gravatars and along with custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to WP 2.7.
Version: 1.2 (grw1.0)
Author: Mina + gorow
Author URI: http://www.the-cloisters.net/ , http://www.ebreday.net
Tags: three-columns, fixed-width, threaded-comments, dark, red, brown, tan

*/


/*** 文字組 ***/

/* テキスト=黒：#000000 */
/* リンク=紺：#666666 */
/* マウスオン=水色：#33CCCC */

body {
	font-size: 12px;	
	line-height: 18px;
	letter-spacing: 2px;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
	color: #000000;
}

h1 { font-size: 24px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }

p {
	line-height: 20px;
}

ul{ margin: 0;  list-style: none; padding: 0 0 0 10px; }

li{ margin: 0;  list-style: none; padding: 0 0 0 10px; } 

a:link { text-decoration: none; color: #000000; background-color: #DDDDDD; } 
a.img:link { text-decoration: none; color: #000000; background-color: #FFFFFF; } 
a:visited { text-decoration: none; color: #666666; background-color: #FFFFFF; }
a:hover { text-decoration: none; color: #33CCCC; background-color: #FFFFFF; }

dl {}
dd {}

hr {}

form {}
address {}

blockquote { margin: 10px 20px 10px 20px;  border: 2px solid #000; }

.wp-caption-text{
	font-size: 10px;	
	line-height: 12px;
	letter-spacing: 2px;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
	color: #666666;
	margin: 5px 0 10px 0;
}

/*** 型組 全体 ***/

#wrapper { 
	margin: 0 auto 0 auto; 
	width: 900px; 
	text-align: center;
}



/***** 型組　ヘッター *****/

#header { 
	float: left; 
	clear: both;
	text-align: center;
	background-image: url(images/header_pic.jpg);
	background-repeat: no-repeat;
	width: 900px; 
	height:160px;
	margin: 30px auto 0px auto; 
}

.breadcrumb {
	float: left; 
	clear: both;
	width: 900px;
	height: 20px;
	text-align: left; 
	font-size: 12px;
	margin: 20px 0 20px 5px;
}

/*** 型組 真ん中 ***/

#front-size img {
	width: 400px;
	height: auto;
}

#main_content { 
	float: left;
	margin: 0 auto 0 auto;
	width: 900px; 
}


#container { /* メインボックス */
	float: left;
	width: 450px;
	margin: 0 0px 0 30px;
}

#container_page { /* メインボックス */
	float: left;
	width: 640px;
	margin: 0 0px 0 0px;
}


#container_cate { /* メインボックス */
	float: right;
	width: 640px;
	margin: 0 0px 0 0px;
}

#container_wide {　
	float: left;
	width: 900px;
}

#container a:link { text-decoration: none; color: #000000; } 
#container a:visited { text-decoration: none; color: #000000; }
#container a:hover { text-decoration: none; color: #33CCCC; }


.post { /* 記事大枠 */
	width: 450px; 
	border: 1px dashed #CCCCCC;
	margin: 20px 0 30px 0;
	text-align: left;
}

.post_page { /* 記事大枠 */
	width: 640px; 
	border: 1px dashed #CCCCCC;
	margin: 20px 0 30px 0;
	text-align: left;
}

.post_cate { /* 記事大枠 */
	width: 640px; 
	border: 1px dashed #CCCCCC;
	margin: 20px 0 60px 0;
	text-align: left;
}

.post h2 { /* 記事タイトル*/ 
	font-size: 19px;
	line-height: 25px;
	margin: 20px 20px 20px 20px;
}

.post_page h2 { /* 記事タイトル*/ 
	font-size: 19px;
	line-height: 25px;
	margin: 20px 20px 20px 20px;
}

.post_cate h2 { /* 記事タイトル*/ 
	font-size: 19px;
	line-height: 25px;
	margin: 20px 20px 20px 20px;
}

.entry { /* 記事内容 */ 
	margin: 20px 20px 20px 20px;
}

.postmetadata {  /* 記事投稿メタデータ */
	font-size: 12px; 
	text-align: right;
	margin: 20px 0px 0 20px; 
}

.tags {
	font-size: 10px; 	
	text-align: right;
	margin: 5px 0px 20px 20px; 
}

/***** 型組 サイドバー *****/

/* 左サイドバー */

#left_sidebar { 
	width: 160px;
	float: left;
	margin: 20px 0 0 0;
}


.menu_about{
	margin: 5px 0 0 0;
	text-align: right;
}

.menu_box{
	width: 160px;
	height: 120px;
	clear: both;
	margin: 20px 0 20px 0;
}

.menu_box02{
	width: 160px;
	height: 160px;
	clear: both;
	margin: 0px 0 20px 0;
}


/* 右サイドバー */

#right_sidebar { 
	width: 210px;
	float: left;
	margin: 20px 0 0 20px;
}

.r_box01{
	width: 200px;
	margin: 10px 0 10px 10px;
	text-align: left;
	font-size: 12px;
}

.r_box02 {
	width: 190px;
	margin: 0 0 0 10px;
	text-align: left;
	font-size: 12px;
}

#blog {
	width: 190px;
	margin: 0 0 0 10px;
	text-align: left;
	font-size: 10px;
}

.member_pic_top {
	margin: 5px 0 0 5px;
}

.member_pic {
	margin: 20px 0 0 5px;
}


#blog h2 {
	font-size: 10px;	
	margin-left: 5px;
}

#blog ul {
	font-size: 10px;
	list-style: none;
}

#blog li {
	font-size: 10px;	
	list-style: none;
}

.pickup_doma {
	width: 170px;
	margin: 10px auto 10px 10px;
	font-size: 10px;
}

form {
	margin: 10px;
}

/***** 型組 フッター *****/

#footer { 
	clear: both; 
	float: left; 
	text-align: center;
	font-size: 12px;
	width: 900px; 
	height: 50px;
	margin: 20px auto 30px auto;
 }
 

/***** ナビゲーション *****/

.navigation { 
	padding: 15px 0 15px 10px;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	clear : both;
}


/***** 画像の位置設定 *****/

img.centered { 
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

img.alignright { 
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft { 
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}


/***** サーチ *****/

#searchform {
	width: 108px;
	margin: 10px auto;
	text-align: center; }
	
#s { width: 108px;}




/*** コメント ***/

.comment_wap{	
	float: left;
	width: 450px;
	margin: 0 auto 0 auto;
}

#commentform{
	width: 400px;
	margin: 20px auto 20px auto;
}

#comments{	
	float: left;
	width: 450px;
	margin: 0 0px 0 0px;
}

.comments-template { 
	width: 450px; 
	margin: 20px 0 30px 0;
	text-align: left;
}

.comments-template ol { margin: 0;  list-style: none; padding: 0 0 0 5px; }
.comments-template ol li { margin: 0; line-height: 14px; list-style: none; padding: 0 0 0 5px;}

.comments-template h2 { /* コメントのタイトル */
	font-size: 12px;
	margin: 20px 0 0 0; 
}

.comments-template h3 { /* コメントがありましたよメッセージ */
	font-size: 12px;
	margin: 20px 0 0 0; 
}

.comment_box {
	font-size: 10px;
	border: 1px solid #000000;
	margin: 10px 0 5px 5px;
}

.comment_text{
	font-size: 12px;
	margin: 10px;
}

.comment_botan{
	text-align: right;
}

.commentmetadata { 
	font-size: 10px;
	margin: 5px 0 10px 0;
}

.comments-template p.nocomments { }

.authorcomment {}


/***** Calendar *****/
#wp-calendar { text-align:center; background:#dcd7bc; margin:0 0 10px 0;
padding:0; width: 85%; border: #61574a 3px double; font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height:10px; font-size:10px; color:#333; font-variant:  small-caps; }
#wp-calendar td a { display:block; color:#333; text-decoration:none; line-height:10px;
font-weight:bold; font-variant: small-caps; font-size:10px; }
#wp-calendar #prev a { width:30px; font-variant: small-caps; }
#wp-calendar #next a { width:30px; margin:0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background:#600000; color:#d7d7bf; font-variant: small-caps; }
#wp-calendar #today a { color:#d7d7bf; font-weight:700; font-variant: small-caps; }
#wp-calendar caption { text-align: center; width: 85%; margin: 5px 0 5px 0; font-variant: small-caps; font-family: Times, Verdana,Sans-Serif; font-size:12px; }