/*  
Theme Name: State Of Mind ver.grw_bpa
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

*/


/*** 文字組 ***/

/* テキスト=黒：#000 */
/* リンク=黒：#000 */
/* マウスオン=グレー：#999 */

body {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", Helvetica, Verdana, Arial, sans-serif;
	color: #000;
	background: #FFF;
}

h1 { 
	color:#000;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
}

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

p {
}

ul{ margin: 0; list-style: circle; padding: 0px 0 5px 20px; }

ol{ margin: 0; list-style: decimal; padding: 0px 0 5px 20px;}

li{ margin: 0; padding: 0; } 

a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #999; }

th, td {
	font-size: 11px;
	letter-spacing: 1px;
	color: #000;
}

img {border:0 none;}

img.alignnone { margin:5px 5px 5px 0;}
img.alignleft { float:left; margin:5px 10px 5px 0;}
img.alignright { float:right; margin:5px 0 5px 10px;}
img.aligncenter { float:center; margin:5px 10px;}
.clearF { clear: both; }

dl {}
dd {}

form {}
address {}

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

.font9px {font-size: 9px; text-align:left;}

.close {
	width:50px;
	height:30px;
	margin:0 0 20px 450px;
	clear:both;
	}

.clear{ clear: both; visibility: hidden; height: 0;}


/*** 画像系指定 ***/

.wp-caption-text{ /* 画像キャプション文字指定 */
	font-size:10px;
	color: #999;
	margin-bottom:5px;
}

.shadow { /* 画像の影指定 */
	margin: 0 0 0 5px;
	background: url(img/shadow_img.gif) right bottom;
	float: left;
}

.shadow img {
	position: relative;
	left: -5px;
	top: -5px;
}


/***トップページタイトル部分***/

#title { /*タイトル_画面センター合わせ*/
	width:450px;
	height: 55px;
	clear: both;
	position:absolute;
    top:50%;
    left:50%;	
    margin-left:-190px;
    margin-top:-27.5px;
}

#title_mark { /*タイトル_ロゴマーク部分*/
	width: 70px;
	height:55px;
	float: left;
	clear:left;
	background-image: url(img/text_mark.gif);
	background-repeat: no-repeat; 
}

#title_logo { /*タイトル_ロゴタイプ部分*/
	width:380px;
	height: 37px;
	float:left;
	clear:right;
	background-image: url(img/text_logo.gif);
	background-repeat: no-repeat; 
}

#title_text { /*タイトル_テキストメニュー部分*/
	width:380px;
	height: 20px;
	letter-spacing: 1px;
	padding-bottom: 2px;
	font-size:11px;
	text-align:left;
}

#title_info { /*タイトル_Info部分*/
	width:380px;
	padding-top: 30px;
	font-size:11px;
	text-align:center;
	letter-spacing: 1px;
}


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

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

#wrapper_450 { 
	width: 450px; 
	margin: 0px auto 0 auto; 
}


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

#header { 
	float: left; 
	clear: both;
	text-align: left;
	width: 700px; 
	margin: 0; 
}

#head_title { /*ヘッダーロゴ部分*/
	clear:both;
	width:700px
	height:30px;
}

#head_text { /*ヘッダーメニュー部分*/
	clear:both;
	width:700px
	height:18px;
	padding-top:12px;
	letter-spacing: 1px;
}

#head_text a:hover { color: #999; }

#head_text .current { /*ヘッダーメニュー_ハイライト*/
	padding: 0 2px;
	color: #FFF;
	background: #2F4F4F;
}


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

#content { 
	float: left;
	width: 700px; 	
	height: auto;
	margin-top: 30px;
	text-align: left;
}


#content_450 { 
	float: left;
	width: 450px; 	
	height: auto;
	margin-top: 20px;
	text-align: left;
}

.entry { /* 記事 single*/
	float: left;
	clear: both;
	width: 700px; 
	height: auto;
	text-align: left;
	margin-bottom: 30px;
}

.entry_2 { /* 記事 double*/
	width: 329px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: left;
	overflow:hidden;
}

.entry_450 { /* 記事 幅450*/
	float: left;
	clear: both;
	width: 450px; 
	height: auto;
	text-align: left;
	margin-bottom: 20px;
}

.entry a:link,
.entry a:visited,
.entry a:hover,
.entry_2 a:link,
.entry_2 a:visited,
.entry_2 a:hover,
.entry_450 a:link,
.entry_450  a:visited,
.entry_450  a:hover { text-decoration: underline; }


/***** 辞書INDEX *****/

.wordbookindex {
	padding: 5px;
	margin-bottom: 30px;
	background-color: #F0F0F0;
	border: solid 1px #C0C0C0;
}
.wordbookindex a:link,
.wordbookindex a:visited,
.wordbookindex a:hover { text-decoration: underline; }


/* エントリーに更新されてしまうので、エントリー以下に記入しています。 */
#title_text a:link,
#title_text a:visited  { text-decoration: none; color: #000; }
#title_text a:hover { text-decoration: none; color: #FFF; background: #2F4F4F; }

.postmeta {  /* 記事投稿メタデータ */
	font-size: 9px; 
	text-align: right;
	clear: both;
	width: 700px;
	height: 10px;
	margin-top: 10px; 
}

.postmeta a:link,
.postmeta a:visited,
.postmeta a:hover { text-decoration: none; color: #000; }


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

.tablenav {
	color: #000;
	text-align:right;
}

a.page-numbers, .tablenav .current {
	padding: 2px .4em;
	text-decoration:none;
	font-size:11px;
}

.tablenav .current {
/*	background: #FFF;
	text-decoration:underline;
	border-color: #000;
*/	
	background: #F0F0F0;
	text-decoration:none;
}

.tablenav .next, .tablenav .prev {
	background:transparent;
	font-size:11px;
}


/*** トップページ設定 ***/


.box_750 { /* インデックスの項目バック */
	float: left;
	clear: both;
	width: 750px;
	height: 240px;
	background-image: url(img/box_750.gif);
	background-repeat: no-repeat; 
	margin: 0;
}

.box_750_left { /* インデックスの項目左 */
	float: left;
	width: 375px;
	height: 240px;
	margin: 0;
}

.box_750_right { /* インデックスの項目右 */
	float: left;
	width: 375px;
	height: 240px;
	margin: 0;
}

.box_750_text { /* インデックスの項目テキスト部分 */
	width: 335px;
	height: 220px;
	margin: 10px 20px;
	font-size: 10px; 	
	text-align: left;
}




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

#footer { 
	clear: both; 
	float: left; 
	width: 700px; 
	text-align: right;
	font-size: 9px;
	margin: 20px 0;
 }

#footer_450 { 
	clear: both; 
	float: left; 
	width: 450px; 
	text-align: right;
	font-size: 9px;
	margin: 20px 0;
 }

 
/***コメント設置***/

#comments{	
	font-size: 11px;
}

.commentlist {
	font-size: 10px;
}

.nocomments{
	font-size: 10px;
}

#respond { /*「comment」部分タイトル*/
	font-size:12px;
}

.comment_wap{	
	float: left;
	clear: both;
	width: 600px;
	height:auto;
	margin: 20px 50px 0 50px;
	font-size: 10px;
}