header, article, section, aside, footer { display: block; }
time { display: inline;}

/* import fonts */
@font-face {
	/* Free font from: http://mplus-fonts.sourceforge.jp/ */
	font-family: mplus;
	src: url(mplus-1p-bold.ttf) format("truetype");
}
@font-face {
	/* Free font from: http://hp.vector.co.jp/authors/VA039499/ */
  src: url(MakibaFont13.ttf) format("truetype");
  font-family: "Makiba";
}

body { background: white url("tatami.jpg"); }

#page { 
	width: 1050px;
	background: white url("paper-texture.jpg");
	height: 180%;
	margin: 0 5%;
	padding: 1em;
}

#page > header { border-bottom: 1px solid black; }

#page > header p { 
	display: inline-block;
	font-family: serif;
}

#page > header p:first-of-type { margin-left: 10px; }
#page > header p em { display: block; }
#page > header p:nth-of-type(2) { font-weight: 800;}
#page > header h1 { 
    display: inline-block;
	text-align: center;
	font-family: "Makiba", serif;
	font-size: 64px; 
	margin: 0 200px;
	opacity: 0.8;
	font-weight: 100;
	text-shadow: #666 0px 5px 10px;
}

#page p.tagline { 
	font-family: "Makiba", serif;
	font-size: 30px;
	text-align: center;
	margin: 0 26%;
	margin-bottom: 0.5em;
    color: #b22222;
    opacity: 0.8;
}

section > p { text-indent: 20px; margin: 0;}
section p:nth-of-type(1) { text-indent: 0; }
section { margin: 0 0 0 30px; }
section:nth-of-type(1) h1 {
	font-family: "mplus", sans-serif;
	font-size: 40px;
	margin-bottom: 0px;
	opacity: 0.8;
	font-weight: normal;
}

section:nth-of-type(2) h1, section:nth-of-type(3) h1 {
	font-size: 20px;
	font-family: "mplus", sans-serif;
	opacity: 0.8;
}

.author { 
    font-size: 15px;
	font-weight: bold;
	font-family: sans-serif;
	border-bottom: 2px solid black;
	width: 100%;
}

section { float: left; clear: none;}
section:nth-of-type(1) {width: 48%; }
section:nth-of-type(2) { width: 20%; margin-right: 10px; }
section:nth-of-type(3) { width: 20%;  }


article section { 
	line-height: 1.5;
	font-family: sans-serif;
	opacity: 0.8;
}

section > p:first-of-type:first-letter {
	color:#fff;
    font-size: 300%;  
    float: left;
    display: block;
    padding: 0 10px 0 0;
    font-family: sans-serif;
	text-shadow: #000 0px 0px 5px;
	opacity:1;
}
aside p { 
	font-family: "mplus", sans-serif; 
	font-size: 20px;
	text-align: right;
	padding: 5px;
}

figure {
	 float: right;
	 margin: 0.5em 0 2em 1em;
	 opacity: 1;
}

footer {
    margin: 0;
    padding: 10px 40px;
    border-top: 1px solid black;
    clear: both;
    font-size: 12px;
}

