/* print.css :: Coding by Sohei Arakawa */
/* css for printing purposes.           */

/*-------- Table of Contents --------*/
/*
	1. Body, HTML
	2. Layout Boxes
	3. Navigation
	4. Headers
	5. Lists
	6. Paragraphs
*/
/*-------- 1. Body, HTML ------------*/
body {
	background: #fff;
	margin: 0;
	padding: 0;
	}
	
html {
	background: #fff;
	margin: 0;
	padding: 0;
	}
	
/*-------- 2. Layout Boxes ----------*/
#supercontainer {
	width: auto;
	height: auto;
	}
	
#header {
	background: url(../images/logod.png) no-repeat bottom left;
	margin: 0 auto;
	padding: 0 0 0 200px;
	width: 450px;
	height: 70px;
	}
	
#wBlack {
	background: #fff;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	height: 74px;
	margin: 5px 0 0 0;
	padding: 0;
	width: auto;
	}
	
#mainscreen {
	font: 32px Arial, Helvetica, sans-serif;
	color: #ccc;
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 650px;
	height: auto;
	}
	
#wFooter {
	width: auto;
	padding: 0;
	margin: 0 auto;
	background: url(../images/thickstripea.png) repeat-x bottom;
	border-bottom: 5px solid #333;
	clear: both;
	}
	
#footer {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding: 0 0 5px 0;
	margin: 0 auto;
	width: 650px;
	}
	
#maincontent {
	width: 650px;
	background: url(../images/thickstripea.png) repeat-x top;
	margin: 0 auto;
	padding: 10px 0 0 0;
	z-index: 0;
	}
	
#coL {
	width: 220px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
#coR {
	width: 430px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
#leftnav {
	margin: 0;
	padding: 0;
	}
	
/*-------- 3. Navigaton -------------*/
#navigation {
	margin: 0;
	padding: 0;
	}
	
#navigation ul {
	margin: 0;
	padding: 50px 0 0 0;
	}
	
#navigation ul li {
	font: 16px Arial, sans-serif;
	color: #888;
	text-align: center;
	float: right;
	display: block;
	}
	
#navigation ul li.yi a {
	width: 55px;
	padding: 0;
	font: 16px Arial, sans-serif;
	font-weight: bold;
	color: #888;
	text-decoration: none;
	text-align: center;
	float: right;
	display: block;
	}
	
#navigation ul li.er a {
	width: 73px;
	padding: 0;
	font: 16px Arial, sans-serif;
	font-weight: bold;
	color: #888;
	text-decoration: none;
	text-align: center;
	float: right;
	display: block;
	}
	
#navigation ul li a:hover {
	border-bottom: 2px dotted #333;
	color: #333;
	}
	
body#home #navigation li#one a,
body#work #navigation li#two a,
body#blog #navigation li#three a,
body#goodies #navigation li#four a,
body#contact #navigation li#five a {
	border-bottom: 2px dotted #666;
	color: #000;
	}
	
/*-------- 4. Headers ---------------*/
h1 {
	background: url(../images/pinkringk.gif) no-repeat left top;
	padding: 0 0 0 20px;
	margin: 0 0 2px 0;
	font: 18px "HiraKakuPro-W6","MS PGothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
h2 {
	background: url(../images/pinkringw.gif) no-repeat left top;
	padding: 0 0 0 25px;
	margin: 0 0 8px 0;
	font: 14px "Hiragino Kaku Gothic Pro","MS PGothic", Arial, Helvetica, sans-serif;
	color: #444;
	text-align: left;
	}
	
/*-------- 5. Lists -----------------*/
dt {
	background: url(../images/pinkringk.png) no-repeat left top;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	font: 16px "HiraKakuPro-W6","MS PGothic", sans-serif;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
dt a {
	font: 16px "HiraKakuPro-W6","MS PGothic", sans-serif;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
dd {
	border-left: 5px solid #999;
	padding: 0 0 0 10px;
	margin: 0 0 5px 12px;
	}
	
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
li, 
li a {
	margin: 0;
	padding: 0;
	font: "Hiragino Kaku Gothic Pro","MS PGothic", Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.5em;
	text-decoration: none;
	}
	
li a:hover {
	font: 14px "Hiragino Kaku Gothic Pro","MS PGothic", Arial, Helvetica, sans-serif;
	color: #333;
	border-bottom: 1px dotted #333;
	}

/*-------- 6. Paragraphs ------------*/
.para1 {
	margin: 0;
	padding: 0;
	font: 14px "Hiragino Kaku Gothic Pro","MS PGothic", Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.5em;
	}
	
.para1 b,
.para1 strong {
	font-weight: bold;
	}