/*
name: Porpoise
designer: Dave Shea
designer_url: http://www.mezzoblue.com
developer: Randy Reddig
developer_url: http://shaderlab.com
*/
/* $Id: theme-porpoise.css 14270 2005-07-06 01:20:10Z ydnar $ */

/*  basic page elements */

body
{
	font-size:0.625em;}

.clear-hr{
	height:1px;
	overflow:hidden;}
.clear-hr{
	width:auto;
	clear:both;
	visibility:hidden;}
	

a { color: #6EBB26; }
a:visited { color: #72B15A; }
a:hover { color: #83DE2D; }

#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #668f9d; }

h1, h2, h3, h4, h5, h6
{
	font-family: georgia, serif;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

h2.module-header{
	font-size:1.3em;}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	p\osition: relative; /* ie win >= 5.5 bugfix */
	margin: 0 0 1px 0;
	padding: 20px 10px 5px 10px;
	color: 3f3f3f;
	font-weight: normal;}

h3.module-header{
	font-size:1.3em;
	line-height:1.3;
	border-left: 10px solid #6EBB26;
	padding:0 0 0 3px;
	margin-bottom:7px;}

.module{
	margin-bottom:45px;}
.module-list{
	margin:0 0 35px 15px;
	padding:0;}
li.module-list-item{
	margin:0 0 7px 0;
	padding:0;}
li.module-list-item ul li{
	padding:0 0 0 15px;
	margin:3px 0 7px 0;
	font-size:1em;
	line-height:1.4;}


.module-header a,
.module-header a:visited,
.trackbacks-header a,
.trackbacks-header a:visited,
.comments-header a,
.comments-header a:visited,
.comments-open-header a,
.comments-open-header a:visited,
.archive-header a,
.archive-header a:visited
{
	color: #7f6e1c;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover
{
	color: #fcdc3f;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer
{
}

.entry-more-link a{
	display:block;
	font-size:5px;
	width:60px;
	height:20px;
	text-indent:-9999px;
	background:url(http://vanilla-kagu.com/mlog/img/bg-more.gif) no-repeat;}
.entry-more-link a:hover{
	background-position:0 -20px;}
	
/* page layout */

body
{
	color: #3f3f3f;
	margin-top:0;
	padding-top:0;
	background:#F2F8F8 url(http://vanilla-kagu.com/mlog/img/bg-body.jpg) repeat-x;
}

#container
{
	width: 900px;
	margin: 0px auto 25px;
	text-align: left;
	padding:0;
	background-image:none;
}

#banner
{
	width: 100%;
	height:235px;
	background:url(http://vanilla-kagu.com/mlog/img/bg-vanilla.gif) 705px 190px no-repeat;
	text-align: center; /* ie centering */
}

#banner-inner
{
	margin: 0 auto;  /* everything else centering */
	width: 900px; /* extra 10px for mac ie center-aligned background images */
	text-align: left;
}

.banner-user
{
	float: right;
	width: 70px;
	margin: 10px 15px;
	
	font-weight: bold;
}

.banner-user-photo { border: 3px double #fff; background: #5a98ac; }

#banner-header
{
	margin: 0 0 0 -60px;
	color: #fff;
	font-family: 'times new roman', times, serif;
	line-height: 1;
	width:292px;
	height:230px;
	float:left;
}
#banner-header a{
	background: transparent url(http://vanilla-kagu.com/mlog/img/logo.jpg) left top no-repeat;
	display:block;
	width:292px;
	height:230px;
	text-indent:-9999px;
	}


#banner-description
{
	margin-top: 127px;
	padding: 0px 0px 0px 5px;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size:1.0em;
	line-height: 1.3;
	width:300px;
	float:left;
}

/* ie win min-height trick (hide from mac ie) \*/
* html #banner-description { height: 8px !important; }
/* */

#pagebody
{
	margin: 0 0 0 0;
	background: #F2F8F8;
	text-align: center;
	border:1px solid #CCCCCC;
}

#pagebody-inner
{
	margin: 0 auto;
	background:#ffffff url(http://vanilla-kagu.com/mlog/img/bgbg.jpg) repeat-y;
	background-color:#ffffff;
	padding: 0 0 0 60px;
	width: 838px;
	text-align: left;
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{}

#beta-inner{
	padding:15px 10px 0 15px;}



#alpha { width: 620px; margin: 0;
	float:left; }

#alpha-inner {
	padding:0 0 20px 0}

#beta { width: 200px;}


.profile{
	font-size:1em;
	color:#5a5a5a;
	line-height:1.6em;}
.profile img{
	margin-bottom:3px;
	border:none;}


#gamma, #delta { width: 206px; margin: 15px 0; }

.content-nav
{
	margin: 0;
	padding: 10px 0 10px 0;
}

.date-header
{
	margin: 0;
	padding: 10px 10px 2px 0px;
	color: #555555;
	font-size: 1em;
	font-weight: normal;
}

.entry-header,
#archive-title { 
	margin: 5px 0px 15px 0px;
	font-size:2.0em;
	font-weight:normal;
	color:#152639;}

#archive-title {
	margin:0px 0 10px 0;
	line-height:1;} 





/* modules */

.module-calendar .module-content table {  }

.module-list-item
{
	padding-left: 15px;
	background: url(li-bg.gif) 0 0.25em no-repeat;
	margin-bottom:15px;
}

.module-powered .module-content
{
	margin: 0;
	padding: 10px;
}

.module-photo .module-content { padding: 5px; background: #7299a6; }
.module-photo img { border: solid 1px #618c9b; }

.typelist-thumbnailed .module-list-item
{
	margin: 0 0 0 0;
	padding: 0;
	border: solid #7299a6;
	border-width: 1px 0;
	background: transparent;
}

.typelist-thumbnail { background: #6894A2; }

.typelist-description {  }

.module-featured-photo .module-content img
{
	width: 417px;
	border: 1px solid #fff;
}

.module-recent-photos .module-content { padding: 7px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 64px; /* mac ie fix */
	margin: 0 7px 7px 0;
	padding: 0;
	background: transparent;
}

.module-recent-photos .module-list-item a
{
	border: 1px solid #fff;
	padding: 1px;
}

.module-recent-photos .module-list-item a:hover
{
	background: #fff;
	border-color: #d3bc4b;
}


/* artistic tweaks */
	
	

/* calendar tweaks */

	.module-mmt-calendar { width: 440px; }
	.module-mmt-calendar .module-header
	{
		margin: 5px 0;
		padding: 0;
		color: #fff;
		background: transparent;
		
	}
	
	.module-mmt-calendar .module-header a { color: #d3bc4b; }
	.module-mmt-calendar .module-header a:visited { color: #c1a82f; }
	.module-mmt-calendar .module-header a:hover { color: #fcdc3f; }
	
	.module-mmt-calendar table { background: #4d7a88; }

	.module-mmt-calendar th,
	.module-mmt-calendar td
	{
		color: #fff;
		text-align: left;
		font-family: 'times new roman', times, serif;
	}

	.module-mmt-calendar th
	{
		padding: 5px;
		background: #6b93a1;
		text-align: center;
		font-weight: normal;
	}

	.module-mmt-calendar td
	{
		border-right: solid 1px #416f7c;
		padding: 3px;
		text-align: right;
	}

	td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
	{
		border-right: none;
	}

	td.day-8, td.day-9, td.day-10, td.day-11, td.day-12, td.day-13, td.day-14,
	td.day-22, td.day-23, td.day-24, td.day-25, td.day-26, td.day-27, td.day-28,
	td.day-36, td.day-37, td.day-38, td.day-39, td.day-40, td.day-41, td.day-42
	{
		background: #6B93A1;
	}

	.module-mmt-calendar .day-date
	{
		padding-bottom: 2px;
	}

	.day-photo a
	{
		border: solid 1px #fff;
		padding: 1px;
		background: #4d7a88;
	}

	.day-photo a:hover
	{
		border-color: #d3bc4b;
		background: #fff;
	}


/* moblog1 tweaks */
	
	.layout-moblog1 #alpha { width: 215px; }
	
	.layout-moblog1 #beta { width: 313px; margin: 0 0 0 39px; }
	.layout-moblog1 #beta-inner { border-width: 0 1px 1px 1px; background: #618b9a; }
	
	.layout-moblog1 #gamma { float: right; width: 150px; margin: 0; }
	.layout-moblog1 #gamma-inner { border-width: 0 0 1px 1px; background: #618b9a; }
	
	.layout-moblog1 .entry { margin-bottom: 40px; }
	
	.layout-moblog1 .module-recent-photos { margin: 0; }
	.layout-moblog1 .module-recent-photos .module-content { margin: 0; padding: 0 0 7px 7px; }
	.layout-moblog1 .module-recent-photos .module-list-item { margin: 7px 7px 0 0; }


/* moblog2 tweaks */
	
	.layout-moblog2 #alpha { width: 78px; }
	
	.layout-moblog2 #beta { width: 310px; margin: 0 0 0 25px; }
	.layout-moblog2 #beta-inner { border-width: 0 1px 1px 1px; background: #618b9a; }
	
	.layout-moblog2 #gamma { width: 170px; margin: 0 0 0 25px; }
	.layout-moblog2 #gamma-inner { border-width: 0 1px 1px 1px; background: #618b9a; }
	
	.layout-moblog2 #delta { width: 120px; margin: 0; }
	.layout-moblog2 #delta-inner { border-width: 0 0 1px 1px; background: #618b9a; }
	
	.layout-moblog2 .entry { margin-bottom: 40px; }

	.layout-moblog2 .module-photo .module-content { padding: 3px; }
	.layout-moblog2 .module-photo img { width: 112px; height: auto; }
	
	.layout-moblog2 .module-recent-photos { margin: 0; }
	.layout-moblog2 .module-recent-photos .module-content
	{
		margin: 0;
		padding: 0 0 7px 7px;
	}
	.layout-moblog2 .module-recent-photos .module-list-item { margin: 7px 0 0 0; }


/* timeline tweaks */
	
	.layout-timeline #alpha { width: 322px; }
	
	.layout-timeline #beta { width: 362px; margin-left: 35px; }
	
	.layout-timeline #gamma,
	.layout-timeline #delta
	{
		width: 172px;
	}
	
	.layout-timeline .module-recent-photos .module-header
	{
		margin: 5px 0;
		padding: 0;
		color: #d6ddbc;
		background: transparent;
		
	}
	
	.layout-timeline .module-recent-photos .module-content
	{
		margin: 0 0 15px 0;
		padding: 0 0 7px 7px;
		background: #4d7a88;
	}
	
	.layout-timeline .module-recent-photos .module-list { margin: 0; }
	.layout-timeline .module-recent-photos .module-list-item { margin: 7px 7px 0 0; }


/* one-column tweaks */
	
	.layout-one-column #alpha { width: 580px; margin: 0 80px; }
	.layout-one-column #alpha-inner { border-width: 0 1px 1px 1px; }


/* two-column-left tweaks */
	
	.layout-two-column-left #alpha { width: 220px; }
	.layout-two-column-left #beta { width: 490px; margin: 0 0 0 25px; }
	.layout-two-column-left #beta-inner { border-width: 0 1px 1px 1px; background: #618b9a; }
	

/* two-column-right tweaks */
	
.layout-two-column-right #alpha {
	width: 570px;
	margin: 40px 0 15px 0px; }
	
.layout-two-column-right #alpha-inner { 
	background: #ffffff;
	}
.layout-two-column-right #beta { 
	float: right; width: 200px; margin: 0; }
.layout-two-column-right #beta-inner {}


/* three-column tweaks */
	
	.layout-three-column #alpha { width: 200px; }
	.layout-three-column #beta { width: 320px; margin: 0 0 0 20px; }
	.layout-three-column #beta-inner { border-width: 0 1px 1px 1px; background: #618b9a; }
	.layout-three-column #gamma { float: right; width: 200px; margin: 0; }
	.layout-three-column #gamma-inner { border-width: 0 0 1px 1px; background: #618b9a; }



address{
	color:#222A33;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	margin-bottom:20px;
	padding:20px 0;
	width:auto;
	clear:both;}
address{
	font-family:Arial Black, Helvetica, sans-serif;}

.entry-body{
	font-size:1.2em;
	line-height:2.1;
	color:#344359;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;}
.entry-body a img{
	border:0;}

.category-descri{
	font-size:1.0em;
	color:#555555;
	margin:0 0 20px 0;
	line-height:1.5;
	padding:0 0 15px 0;
	border-bottom:1px solid #AAAAAA;}
#more{
	font-size:1.2em;
	line-height:2.1;}
.entry{
	margin-bottom:40px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:30px}

.backtopage{
	margin:50px 0;
	font-size:1.3em;
	width:500px;
	clear:both;}

.module ul{
	margin:0;
	padding:0;}
.module ul li{
	list-style-type:none;
	padding:0;
	margin-bottom:10px;
	font-size:1.1em;
	line-height:1.2;}
.module ul li span{
	color:#666666;
	font-size:0.9em;}
p.rsslink{
	margin:25px 0 0 0;}

.entry-neppasi-list .date-header{
	line-height:1.2;
	margin:0;
	padding:0;}

.entry-neppasi-list .entry-header{
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 20px 0;}

.img-list{
	width:170px;
	float:left;
	margin:0 20px 30px 0;
	font-size:1.2em;
	line-height:1.5;}
.img-list img{
	border:none;}

.top-description{
	font-size:1.3em;
	color:#333333;
	margin-bottom:50px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:3px;}	

.neppasi-setumei{
	font-size:1.3em;
	margin:20px 0 40px 0;
	border-left:5px solid #CCCCCC;
	padding-left:10px;}
.neppasi-setumei span{
	font-size:0.85em;
	color:#444444;}