/* Browser Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}	
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Body */
html {
	font-size: 13px;
	background: #fff;
}
body {
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 11px;
	line-height: 1.8em;
	color: #919191;
	background: #fff;
	padding: 0px 0px 98px 100px;	
}

a { color: #6DC0A9; text-decoration: none; }
a:hover { color: #4A8D75; }


/* Header */

#header {
	margin: 0 0 13em 0;
	padding: 60px 0 0;
	border-top: 2px solid #000;
}
#header h1 {
	margin-bottom: 5px;
}
#header h1 a {
	font: bold 1em Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	color: #000;
}
#header h1 a:hover { color: #000; }	
#description {
	color: #919191;
	margin: 0 0 7em 0;
}
#description a {
	color: #6DC0A9;
}
#description a:hover {
	color: #4A8D75;
}
	
	
	
/* Content */
#content {
}

.post {
	width: 500px;
	padding-bottom: 8em;
	margin: 0 0 8em 0;
	border-bottom: 1px solid #e5e5e5;
}
.permalink {
	display: inline;
	padding-left: 3px;
}		
.permalink a, .permalink a:link, .permalink a:visited {
	color: #3F3F3F;
}		
.permalink a:hover {
	color: #000;
}
#content blockquote {
	padding: 0 0 0 15px;
	margin: 10px 0;
	border-left: 1px dotted #d0d0d0; 
}
#content blockquote p {
	line-height: 1.8em;
}	
.postmeta {
	margin-top: 16px;
	padding-right: 5px;
	font: 11px Helvetica, Arial, sans-serif;	
}
.postmeta a, .postmeta a:link, .postmeta a:visited {
	color: #ccc;
	/*border-bottom: 1px dotted #ddd;*/
}	
.postmeta a:hover {
	color: #333;
	/*border-bottom: 1px dotted #333;*/
}
	
	
/* Quote */

.quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote, #footer {
	color: #333;
}
	
	
/* Photo */

.photo img, .photo a img, .video object {
}
.photo p, .video p {
	margin-bottom: 10px;
}

/* Conversation */

#content .conversation {
	line-height: 2em; }

.member1 {
	color: #5d838b;
	background: #f9f9f9; }

.label { 
	font-weight: bold;
	font-style: italic;
	color: #999;
	padding-right: 10px; }
		
.member1 .label { color: #5d838b; }


/* Text */

.text h2, .conversation h2 {
	color: #555;
	/*font: normal 14px Georgia, "Times New Roman", Times, serif;*/
	margin: 0 0 3em 0;
}	
.text p, .audio p, .link p {
	margin: 0 0 1.5em 0;
}	
.text blockquote {
	margin: 0 0 1.5em 1.5em;
	padding: 0 0 0 1.5em;
	border-left: 1px solid #304156;
}
ul {
	list-style-type: none;
	margin-bottom: 1.5em;
}	
ul li {
	font-weight: bold;
}	
ul ul {
	margin-bottom: 0;
}
ul ul li {
	margin-left: 20px;
	font-weight: normal;
}	
ol {
	list-style-type: none;
	margin: 0 0 1.5em 2.5em;
}	
ol.notes li {
	width: 500px;
	padding: 3px 0;
	margin: 0 0 3px -28px;
	border-bottom: 1px solid #f5f5f5;
}	
ol.notes li:hover {
	border-bottom: 1px solid #e0e0e0;
}	
ol.notes li img {
	padding-right: 10px;
	margin-bottom: -5px;
	opacity: 0.85;
	filter:alpha(opacity=85);
}	
ol.notes li img:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}	
strong { color: #444; font-weight: bold; }
em { font-style: italic; }


/* Link */

.link h2 {
	margin: 0 0 20px 0;
}


/* Audio */

span.playcount {
	font: italic 11px Georgia, "Times New Roman", Times, serif;
}
	
	
/* Navigation */

#navigation {
	margin-bottom: 30px;
}
#navigation span.page_number {
	color: #d0d0d0;
}


/* Footer */

#footer {
	margin: 10em 2em 2em 0;
	float: right;
	color: #e5e5e5;
}


#searchform input {
	border: none;
	background: #eee;
	padding: 3px;
	color: #888;
}
#footer a { color: #6DC0A9; }
#footer a:hover { color: #4A8D75; }
.attribution {
	 text-align: right;
}

/* About */
dl#about dt {
	font-weight: bold;
	color: #444;
	margin-bottom: 1.5em;
}

dl#about dd {
	margin-bottom: 30px;
}

dl#about dd strong {
	color: #919191;
}

div#game {
	margin-bottom: 1.5em;
}