/*
Theme Name:Nosfelix Theme
Theme URI:http://www.eatingoutintokyo.com/
Description: This is Nosfelix's theme.
*/

/* container */
div#container {width:780px;
margin:auto}

/* Begin header */
div#header {
background-image:url(image/Japanese_Food_Lunch.jpg);
background-repeat: no-repeat;
background-color: ;
padding-top:38px;
padding-bottom:100px
}
div#header h1 {
font-size:1.875em;
color:#FFFFFF;
margin:0 8px}
div#header h1 a {color:#FFFFFF;
}
div#header p {font-size:0.75em;
color:#FFFFFF;
font-weight:bold;
margin: 8px 20px 0}
/* End header */

/* Begin Main */

div#main {
width : 590px;
float : left;

}

/* End Main */

/* Begin Content */
div#content {width:400px;
float:right;
margin-bottom : 20px;
}

p#pagetitle {
font-size:0.875em;
font-weight:bold;
color:#2b76cc
}
/* End Content */

/* post */
div.post {border: solid 1px #2b76cc;
padding:18px;
margin: 20px auto}

div.post h2 {
background-image:url(image/JapaneseFood.jpg);
background-repeat:no-repeat;
font-size:0.975em;
padding-left:22px;
padding-bottom:5px;
margin:0
}

div.post h3{
font-size:0.975em;
clear:both;
}

div.post p {font-size:0.75em;
line-height:1.5;
margin-top:10px
}

p.clear {
clear:both;
}

p.postinfo {text-align:left;
margin:20px 0 0
border-bottom:solid 1px #CCCCCC;
}

p.postinfo a {color:#2b76cc
text-align:right
}

/* Begin pagelink */
p.pagelink a	{font-size: 0.75em;
	color: #2b76cc}

span.pageprev	{float: left}

span.pagenext	{float: right}
/* End pagelink */

/* Begin Comments */
#comments {
clear:both;
}

div#comtitle {
border-bottom: solid 1px #CCCCCC;
}

div#com {
border: solid 1px #CCCCCC;
padding: 0 18px;
margin-top: 45px;
}

textarea {width:360px;}

div#com {font-size:0.75em;}

div#compost {
border-bottom: solid 1px #CCCCCC;
}

div#com p {
font-size: 0.75em;
}

p.cominfo {
text-align: right;
border-bottom: solid 1px #CCCCCC;
}

div#com a {
color: #2b76cc
}

/* End Comments */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Begin sidebar */

div#sidebar {
width : 180px;
float : left;
margin-top : 20px;
margin-bottom: 20px;
}

div#rightsidebar {
width : 180px;
float : right;
margin-top : 20px;
margin-bottom : 20px;
}

p.sidetitle  {
text-align : left;
font-weight : bold;
padding : 3px 0;
}


div#sidebar ul, div#rightsidebar ul {
width:180px;
margin-bottom:4px;
padding:0;
list-style:; /* リストマーカーボックスの表示方法 */
font-size:85%;
border-top:#CCCCCC 1px solid;　/* ナビゲーション下部に罫線 */
}

div#sidebar ul.children, div#rightsidebar ul.children {
width:160px;
margin-bottom:4px;
padding:0;
list-style:; /* リストマーカーボックスの表示方法 */
font-size:85%;
border-top:#CCCCCC 1px solid;　/* ナビゲーション下部に罫線 */
}

div#sidebar li, div#rightsidebar li {
font-size:12px;
list-style-type:none;
margin-bottom:4px;
background-image : url(image/Japan_menue.gif); /* 日本国旗を背景画像で表示 */
background-repeat: no-repeat;
padding-left:16px;
vertical-align: top;
border-bottom:#CCCCCC 1px solid;　/* 各リストの下部に罫線 */
}

div#sidebar li a, div#rightsidebar li a {
color:#333333;
display:block;  /* リンク領域にボックス状に拡張 */
text-decoration: none /* リンクテキストの下部を非表示 */
margin-bottom:4px;
}

div#sidebar li a:hover, div#rightsidebar li a:hover {
color:#FFFFFF; /* マウスオーバー時の文字色 */
background-color: #c0c0c0; /* マウスオーバー時の背景色 */
}



/* End Sidebar */

/* RSS Feed */
p.feed {
font-size:12px;
font-family:Verdana, Helvetica, sans-serif;
width:160px;
border: solid 1px #CCCCCC;
padding:5px;
margin: 25px 0;
}
p.feed a {
color : #444444;
text-decoration: none
}

p.feed img {
vertical-align:middle;
margin-right:8px;
}

/* Begin Tag Cloud */
p#tagcloud {
line-height:1.2;
margin-top:10px;
}
p#tagcloud a {
color:#2b76cc;
}
/* End Tag Cloud */


/* Begin before footer */
div#beforefooter {
clear:both;
text-align:center;
padding-top:6px;
padding-bottom:6px;
}
/* End before footer */


/* Begin footer */
div#footer {border-top:solid 3px #2b76cc;
clear:both}

address {font-size:0.75em;
font-style: normal;
font-family:Verdana, sans-serif;
padding-top:6px}
/* End footer */