/* 
Theme Name: y2web
Theme URI: http://y2web.net/themes/y2web
Description: "y2bweb" is a simple WP theme for <a href="http://y2web.net/themes/y2web/" title="y2web"  > y2web</a>. 
Version: 1.0
Author: Yokoyama Yasuaki
Author URI: http://y2web.net/
*/

/*=====================================================*/
/*  base.css : common basic styles                     */
/*=====================================================*/

/* reset browser default styles */
html, body, div,
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
pre, form, p, blockquote, fieldset, input { 
	margin: 0; padding: 0;
}


h1, h2, h3, h4, h5, h6,
pre, code, address,
caption, cite, code,
em, strong, th { 
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul, ol , li { 
	list-style: none; 
}

fieldset, img { 
	border: none;
}

caption, th {
	text-align: left; 
}
table { 
	border-collapse: collapse;
	border-spacing: 0;
}

/* Layout */
.clear {
	clear: both; 
}
.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

/*-------------------------------------------------------*/
/*                    base styles                        */
/*-------------------------------------------------------*/
body {

	margin: 0 10px;

	background: url("./images/background/bgtexture.png") fixed;

}

/*==================================================================================*/
/*  YUI : Yahoo! UI Library  : http://developer.yahoo.com/yui/                      */
/*==================================================================================*/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/* 
     [ px ]    [ % ]
	   10       77             21         161.6
	   11       85             22         167
	   12       93             23         174
	   13      100             24         182
	   14      108             25         189
	   15      116             26         197
	   16      123.1
	   17      131
	   18      138.5
	   19      146.5
	   20      153.9
*/
/*==================================================================================*/


/*=================================================================

    #container --+--- #header
                 |
                 +--- #contents ---+--- #main (#main-inner)
                 |                 |
                 |                 +--- #sub
                 |
                 +--- #footer

====================================================================*/

#container { /* includes div#header and div#contents  */

	width: 1000px;
	
	/* centering contents */
	margin: 10px auto;
	
}


#contents { /* includes div#main and div#sub  */

	float: left;
	
	width: 1000px;

	border-top:    3px solid #888888;
	border-right:  3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	border-left:   3px solid #888888;
	
	margin:  0px;
	padding: 0px;

	background: #d0d0d0;

	display: inline; /* for IE */

}


/*===================================================================*/
/* header.css : external CSS  file for header.php                    */
/*===================================================================*/
#header {

	width: 1000px;
	
	margin: 0px auto;
	
	margin-bottom: 10px;
	
	border-top:    3px solid #888888;
	border-right:  3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	border-left:   3px solid #888888;
	
	background: #ccc;
}

#headerimage {

	width: 1000px;
	height: 200px;
	
	margin: 0px auto;
	/*
	background: url("./images/header/dummy.gif") no-repeat;
	*/
	background: #ccc;

	text-align: left;
}

/* main title of the blog */
#header logo h1 {

	display: block;
	
	padding: 16px 0 10px 0;

	font-family: "Times New Roman", serif, sans-serif, osaka;
	font-size:   182%;
	font-style:  italic;
	font-weight: bold;
	text-indent: 0.5em;

	color: yellow;
}

#header #logo a {
	margin-left : 0.5em;
	margin-top  : 0.5em;
	
	font-size:   182%;
	font-style:  italic;
	font-weight: bold;
	font-family: "Times New Roman", serif, sans-serif, osaka;

	text-decoration: none;
	text-indent: 0.5em;
	color: white;
}

#header #logo a:hover {
	text-decoration: underline;
	color: #ffffbb;
}

#header .blog-description {
	font-size:   93%;
	font-style:  italic;
	font-weight: normal;
	font-family: "Times New Roman", serif, sans-serif, osaka;
	color: yellow;
}


/*===================================================================*/
/* main.css : styles for main contents area                          */
/*===================================================================*/

#main {

	float: left;
	overflow: hidden;
	
	width: 720px;
	
	margin-top:    6px;
	margin-right:  3px;
	margin-bottom: 6px;
	margin-left:   6px;

	border: 1px solid #888;
	

	background: #d0d0d0;

	display: inline; /* for IE */
}

#main-inner {

	padding: 5px 5px 5px 5px;
	background: #d0d0d0;
	overflow: hidden;
}

div.post {

	overflow: hidden;

	width: 696px;
	
	margin-bottom: 10px;
	
	border-left:   1px solid #aaa;
	border-top:    1px solid #aaa;
	border-right:  1px solid #fff;
	border-bottom: 1px solid #fff;
	
	padding: 5px;	
	
	background:#f0f0f0;

	clear: both;
	
}


/*  title */ 
h2.contentTitle {

	margin-right: 50px;

	font-size:  123.1%;

	border-bottom: #888 1px dotted;
}

h2.contentTitle  a  {

	font-size:  138.5%;

	text-decoration: none;
}


div.dateOfPost {


	float: right;
	
	width:  40px;
	height: 56px;
	
	margin-left:  2px;
	margin-top:   2px;
	margin-right:  2px;
	margin-bottom: 5px;
	
	padding: 0;
	
	text-align: center;
	
	background: url(../images/icons/CalIcon40x56.png) no-repeat;
	
}
p.month  {
	height: 18px;
	font-size: 16px;
	font-family: serif;
	font-weight: bold;
	color:#fff;
}
p.day  {
	height: 20px;
	font-size: 18px;
	font-family: serif;
	font-weight: bold;
}
p.year  {
	height: 10px;
	font-size: 12px;
	font-family: serif;
}

div.theContent {

	overflow: hidden;

	clear: both;

	margin: 3px;
	padding: 3px;

	border-top:    1px solid #666;
	border-right:  1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left:   1px solid #666;
	
	font-size: 100%;
	line-height: 1.75;

	background:#fff;
}

.post-title  {

	margin:    0px;
	border:    1px dotted #aaa;
	background: #ded;

}
h2.post-title  {
	font-size: 120%;
	margin-bottom: 0.2em;
}



div.post img.floatleft {
	float: left;
	margin: 6px;
}
div.post img.floatright {
	float: right;
	margin: 6px;
}

div.post ul.photo {
	margin: 0.5em 10px;
	padding: 0;
	list-style: none;
}


div.post ul.thumbnail {
	margin: 0.5em 10px;
	padding: 0;
	list-style: none;
}

div.post ul.thumbnail li {
	margin: 0 8px 16px 0;
	padding: 4px;
	border: 4px solid #eef;
	float: left;
	
}

div.post ul.thumbnail li.img {
	vertical-align: bottom;
}


div.post p.continue {
	margin: 0.5em 16px;
	clear: both;
}


div.post p span.photocaption {
	display: block;
	font-size: 10px;
	font-weight: normal;
}



div.post p.floatleft {
	float: left;
}
div.post p.floatright {
	float: right;
}

div.post p.clear {
	clear: both;
}

div.post hr {
	border-top: solid #ccc;
	background: #fff;
	color: #fff;
	border-width: 1px 0 0 0;
	margin: 1em 0;
}

div.post code {
	font-family: monaco, courier, "courie new", monotype;
	font-size: 100%;
}

div.post pre {
	border: 1px solid #bbb;
	margin: 6px;
	background: #efe;
	font-family: monaco, courier, "courie new", monotype;
	font-size: 9px;
	line-height: 1.25;
}
div.post pre.white {
	border: 1px solid #bbb;
	margin: 6px;
	background: #fff;
	font-family: monaco, courier, "courie new", monotype;
	font-size: 9px;
	line-height: 1.25;
}

div.post pre.lblue {
	border: 1px solid #bbb;
	margin: 6px;
	background: #eff;
	font-family: monaco, courier, "courie new", monotype;
	font-size: 9px;
	line-height: 1.25;
}
div.post pre.pink {
	border: 1px solid #bbb;
	margin: 6px;
	background: #eff;
	font-family: monaco, courier, "courie new", monotype;
	font-size: 9px;
	line-height: 1.25;
}
div.post pre.lgray {
	border: 1px solid #bbb;
	margin: 6px;
	background: #eee;
	font-family: monaco, courier, "courie new", monotype;
	font-size: 9px;
	line-height: 1.25;
}
div.post pre.lyellow {
	border: 1px solid #bbb;
	margin: 6px;
	background: #ffe;
	font-family: monaco, courier, "courie new", monotype;
	font-size: 9px;
	line-height: 1.25;
}
div.post  h3 {
	font-size:  123%;
	font-weight: bold;
}

div.post  h3.center {
	font-size:  123%;
	font-weight: bold;
	text-align: center;
}


div.post  h4 {
	font-size:  110%;
	font-weight: bold;
	margin-top: 0.5em;
}
div.post  h4.center {
	font-size:  110%;
	font-weight: bold;
	margin-top: 0.5em;
	text-align: center;
}

/*===========================================================*/
div.post div.contentsw {
	width: 100%;
	line-height: 1.5em;
}

div.post div.navigation {
	float: left;
	display: inline;
	width: 100%;
	height: 1.6em;
	background-color: #eee;
}

div.post div.backnavi {
	float: left;
	display: inline;
	width: 49%;
	height: 1.6em;
}
div.post div.forwardnavi {
	float: right;
	display: inline;
	width: 49%;
	height: 1.6em;
}

div.post div.blank {
	width: 100%;
	height: 1.0em;
	clear: both;
}

div.post p.center {
	margin: 0 auto;
	text-align: center;
}
div.post p.left {
	text-align: left;
}
div.post p.right {
	text-align: right;
}

div.post span.centered {
	text-align: center;
}
div.post span.left {
	text-align: left;
}
div.post span.right {
	text-align: right;
}

div.post span.white {
	color: #fff;
}
div.post span.midgray {
	color: #888;
}
div.post span.lightgray {
	color: #ddd;
}

/*===========================================================*/


div.theContent hr {
	border-top: solid #ccc;
	background: #fff;
	color: #fff;
	border-width: 1px;
	margin: 1em 0;
}


div#author {


	margin: 3px;
	padding: 3px;

	border-top:    1px solid #666;
	border-right:  1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left:   1px solid #666;
	
	font-size: 100%;
	line-height: 1.5em;

	background: #ddd;
}

div#postlist {

	clear: both;

	margin: 3px;
	padding: 3px;

	border: 1px solid #888;
	
	font-size: 100%;
	line-height: 1.5em;

}



/*=================================================================*/
/* sidebar.css : styles for sidebar items                          */
/*=================================================================*/

#sub {

	float: left;
	
	width: 250px;
	
	padding: 6px;
	
	background: #d0d0d0;
}


#sub li {

	margin-left:   0px;
	margin-top:    0px;
	margin-right:  0px;
	margin-bottom: 0px;

	padding-left:   0px;
	padding-top:    0px;
	padding-right:  0px;
	padding-bottom: 0px;
	
	list-style: none;
	
	color: black;

	padding: 1px;	
}

#sub li a {

	color: #334;
	text-decoration: none;
	font-size: 1.0em;
	text-decoration: none;
	line-height: 1.2;
	list-style: none;
}

#sub li a:hover {
	color: #ffff8f;
	background: #555;
}

/*  title "Calender, Latest Posts, Categories, ... " */
#sub  h2 {

	margin:   0px;
	padding: 2px;
	
	text-align: center;
	
	font-size: 1.0em;
	font-weight: bold;
	
	color: white;
	background: #679;
}

/* generic list item properties */
#sub  ul li {

	margin:   0px;

	border-top:    #fff 1px solid;
	border-bottom: #888 1px solid;

	padding:   2px;

	font-weight: normal;
	text-indent: 0.5em;
	
	color: #495865;
}


#calenderframe,
#latestpostframe,
#categoryframe,
#category-aqua-frame,
#category-blog-frame,
#category-trip-frame,
#monthlyframe,
#pagesframe,
#feedframe,
#blogrollframe,
#searchframe,
#metaframe {

	margin-top: 0;
	padding: 0;
	
	border-top:    #fff 2px solid;
	border-right:  #888 2px solid;
	border-bottom: #888 2px solid;
	border-left:   #fff 2px solid;
}

/* Latest Posts */
#latestpostframe ul li {
	list-style: none;
}
#latestpostframe ul li a {
	display: block;
	text-decoration: none;
	text-align: left;
}
#latestpostframe ul li a:hover {
	color: 		yellow;
	background: #8aa;
}

/* Categories */

ul#categories li {
	margin:  0;
	padding: 0;
	list-style: none;
	border: none;
	/*border: 1px solid #ccc;*/
	background: #ccc 
				url( ../images/icons/triangle_right_black.gif) 
				6px 9px no-repeat;
	
	/* for IE */
	line-height: 0; 
	vertical-align: bottom; 
	/* font-size: 0; */
}

* html ul#categories li {
	margin:  0;
	padding: 0;
	list-style: none;
	border: none;
	
	height : 1.6em;
	
	/*border: 1px solid #ccc;*/
	background: #ccc 
				url( ../images/icons/triangle_right_black.gif) 
				6px 9px no-repeat;
	
	/* for IE */
	line-height: 0; 
	vertical-align: bottom; 
	/* font-size: 0; */
}

ul#categories  li.current-cat  {
	display: block;
	background: #333;
}

ul#categories  li a {
	display: block;
	position: relative; /* for IE6 */
	
	margin:  0;
	padding: 4px 8px;
	
	text-align: left;
	text-decoration: none;

	border-top:    1px solid #fff;
	border-bottom: 1px solid #888;
}

ul#categories  li.current-cat a {
	display: block;
	padding: 4px 8px;
	color: 		yellow;
	background: #333 
				url( ../images/icons/triangle_right_white.gif) 
				6px 9px no-repeat;
}

ul#categories  li a:hover {
	display: block;
	padding: 4px 8px;
	color: 		yellow;
	background: #8aa 
				url( ../images/icons/triangle_icon_blue.gif) 
				6px 9px no-repeat;
}


/* category hierarchical level 2  : 2nd level  [children] */

ul#categories  li  ul.children li {
	display: block;
	background: #ccc;
}
ul#categories  li  ul.children li a {
	display: block;
	
	padding-left: 10px;
	text-indent: 1.0em;
	
	background: #ccc 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            14px 9px no-repeat;
}

ul#categories  li.current-cat  ul.children li {
	background: #888
	            url( ../images/icons/triangle_right_small_black.gif) 
	            14px 9px no-repeat;
}

ul#categories  li.current-cat  ul.children li a {
	display: block;
	padding-left: 10px;
	text-indent: 1.0em;
	background: #888 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            14px 9px no-repeat;
}
ul#categories  li  ul.children li.current-cat a {
	display: block;
	padding-left: 10px;
	text-indent: 1.0em;
	color:      #ff8;
	background: #333 
	            url( ../images/icons/triangle_right_white.gif) 
	            14px 9px no-repeat;
}
ul#categories  li  ul.children li a:hover {
	display: block;
	padding-left: 10px;
	text-indent: 1.0em;
	background: #8aa
	            url( ../images/icons/triangle_right_small_blue.gif) 
	            14px 9px no-repeat;
}

/* category hierarchical level 3  : 3rd level  */
ul#categories  li ul.children li ul.children li  {
	display: block;
	background: #ccc;
}

ul#categories  li ul.children li ul.children li a {
	display: block;
	padding-left: 16px;
	text-indent: 1.5em;
	background: #ccc 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            22px 9px no-repeat;
}

ul#categories  li ul.children li.current-cat  ul.children li a {
	display: block;
	padding-left: 16px;
	text-indent: 1.5em;
	background: #888 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            22px 9px no-repeat;
}
ul#categories  li.current-cat ul.children li  ul.children li a {
	display: block;
	padding-left: 16px;
	text-indent: 1.5em;
	background: #888 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            22px 9px no-repeat;
}

ul#categories  li ul.children li ul.children li.current-cat a {
	display: block;
	padding-left: 16px;
	text-indent: 1.5em;
	color:      #ff8;
	background: #333 
	            url( ../images/icons/triangle_right_white.gif) 
	            22px 9px no-repeat;
}

ul#categories  li ul.children li ul.children li a:hover {
	display: block;
	padding-left: 16px;
	text-indent: 1.5em;
	background: #8aa
	            url( ../images/icons/triangle_right_small_blue.gif) 
	            22px 9px no-repeat;
}

/* category hierarchical level 4  : 4th level  */

ul#categories  li ul.children li ul.children li ul.children li  {
	display: block;
	background: #ccc;
}

ul#categories  li ul.children li ul.children li ul.children li a {
	display: block;
	padding-left: 22px;
	text-indent: 2.0em;
	background: #ccc 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            30px 9px no-repeat;
}

ul#categories  li ul.children li ul.children li.current-cat  ul.children li a {
	display: block;
	padding-left: 22px;
	text-indent: 2.0em;
	background: #888 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            30px 9px no-repeat;
}
ul#categories  li ul.children li.current-cat ul.children li  ul.children li a {
	display: block;
	padding-left: 22px;
	text-indent: 2.0em;
	background: #888 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            30px 9px no-repeat;
}
ul#categories  li.current-cat ul.children li ul.children li  ul.children li a {
	display: block;
	padding-left: 22px;
	text-indent: 2.0em;
	background: #888 
	            url( ../images/icons/triangle_right_small_black.gif) 
	            30px 9px no-repeat;
}

ul#categories  li ul.children li ul.children li ul.children li.current-cat a {
	display: block;
	padding-left: 22px;
	text-indent: 2.0em;
	color:      #ff8;
	background: #333 
	            url( ../images/icons/triangle_right_white.gif) 
	            30px 9px no-repeat;
}

ul#categories li ul.children li ul.children li ul.children li a:hover {
	display: block;
	padding-left: 22px;
	text-indent: 2.0em;
	background: #8aa
	            url( ../images/icons/triangle_right_small_blue.gif) 
	            30px 9px no-repeat;
}

/* Pages */

#pagesframe ul li {
	display: block;
	list-style: none;
}
#pagesframe ul li a {
	display: block;
	text-align: left;
	text-decoration: none;
}
#pagesframe ul li a:hover {
	color: 		yellow;
	background: #8aa;
}


/* Brogroll */

#blogrollframe ul  li {
	list-style: none;
}

#blogrollframe ul li a {
	display: block;
	text-align: left;
	text-decoration: none;
}
#blogrollframe ul li a:hover {
	color: 		yellow;
	background: #8aa;
}

/* Meta */

#metaframe ul  li {
	list-style: none;
}
#metaframe ul li a {
	display: block;
	text-align: left;
	text-decoration: none;
}
#metaframe ul li a:hover {
	color: 		yellow;
	background: #8aa;
}

/*===================================================================*/
/* footer.css : external CSS  file for footer.php                    */
/*===================================================================*/
#footer {

	clear: both;
	
	width: 1006px;
	height: 32px;
	
	margin-bottom: 10px;

	background: #334455;

}

#site  p {

	font-size:   100%;
	font-style:  italic;
	font-weight: bold;
	font-family: "Times New Roman", serif, sans-serif, osaka;

	color: white;
	text-align: center;
}

#site p a:hover {
	text-decoration: underline;
	color: #88f;
}

#site p a:visited {

	text-decoration: underline;
	color: #fbd;

}

#credit  p {

	margin: 2px;

	padding: 0px 10px 10px 0;

	font-family: "Times New Roman", serif, sans-serif, osaka;

	font-size:   90%;
	font-style:  italic;
	font-weight: bold;

	text-align: center;

	color: #ddd;
}