header, footer, aside, nav, article, time { display: block; }
*{ outline: none; border: none; margin: 0; padding: 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; cursor: default; }
body  { line-height: 12pt; font-size: 0.75em; background:url("images/layout_contentbg.png") #474747 top center repeat-y; color: #e6e6e6; }
b{ color: #fafafa;}
p{ margin-bottom: 12px;}
pre{ font-family: "Courier New", Courier, monospace; }
h2{ font-size: 1.1em; font-style: italic; }
article.pad blockquote{ border-left: #e6e6e6 dotted 1px; padding-left: 8px; margin-left: 36px; }
article.pad ul{ margin-left: 4px; margin-bottom: 12px;}
article.pad li{ padding-left: 10px; margin-left: 16px; margin-bottom: 2px;}
img{ border:0; }
a, a *{ color: #bababf; text-decoration: none; cursor: pointer;  }
a.tolink, .smallinks a{ color: #bababf; text-decoration: underline; font-weight: bold; }
a.tolink:hover, .smallinks a:hover{ color: #e6e6e6; }

hr{
	background: url("images/element_rule.png") no-repeat center; border: none;
	height: 2px; margin: 4px auto 12px auto; display: block;  
}

.nobg { background: #474747; }

.cc-tl{
	border-radius-topleft: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-radius-topleft: 8px;
}
.cc-tr{
	border-radius-topright: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-radius-topright: 8px;
}
.cc-bl{
	border-radius-bottomleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-radius-bottomleft: 8px;
}
.cc-br{
	border-radius-bottomright: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-radius-bottomleft: 8px;
}

article.pad{ margin: 0 86px 0 86px; position: relative; z-index: 6; }
.clear{ clear: both; }
.frame{ width: 1008px; display: block; position: relative; margin: auto; }

header.main{
	width: 1008px; height: 260px;
	background:url("images/layout_headerbg.png") no-repeat;
	margin-bottom: -100px; 
	display: block; position: relative;
	z-index: 1;
}
header.main h1, header.front h1{ display: none; }
header.frontpage{
	height: 550px;
	background: url("images/layout_frontbg.png") no-repeat;
	padding-top: 24px;
	margin-bottom: -550px;
	display: block;
}
footer.main{ padding-top: 12px; display: block; }
footer.main .copyright{ font-weight: bold; text-align: center; font-size: 1.2em; color: #e6e6e6; }

.artmain{ margin: 0px auto 14px auto; }
.artmain #piece{ display: block; margin: 14px auto 14px auto; }
.artmain span{ min-height: 18px; margin-bottom: 4px; display: block; padding-left: 200px; padding-top: 5px; }
.artmain span .dataname{ display: none;}
.artmain .data1 { line-height: 1.1em; margin: 0; padding: 0px; font-size: 1.6em; text-align: center; text-shadow: #fff 0px 0px 4px;}
.artmain .data2 { background: url("images/head_artdata2.png") no-repeat; }
.artmain .data3 { background: url("images/head_artdata3.png") no-repeat; }
.artmain .data4 { background: url("images/head_artdata4.png") no-repeat; }
.artmain .data5 { background: url("images/head_artdata5.png") no-repeat; }

.artgallery{ display: block; text-align: center; margin-bottom: 16px; }

.artgallery img, .linkarea img, .frontnav a{ margin: 1px; opacity: 0.35; margin-bottom: -3px; }
.artgallery img:hover, .linkarea img:hover, .frontnav a:hover{ opacity: 0.9;}

.sharethis{ width: 125px; height: 16px; background: url("images/element_addthis.png") no-repeat; margin-left: auto; display: block; font-size: 0px; }
.sharethis:hover{ background-position: 0 -16px; }

.literature{ font-size: 1.1em; line-height: 1.8em; }
.literature p:first-letter{ margin-left: 62px; }
.literature pre{ display: block; margin: 32px 0 32px 0; }

#thumbnailbar{
	width: 100%; position: fixed; display: block;
	margin-left: 50%;
	z-index: 50;
}
#thumbnailtext{
	width: 218px;
    background: #05090d; border: solid 1px #05090d;
	margin-top: 32px; margin-left: -218px; padding: 6px;	
	position: absolute;
	font-size: 1.5em;
	text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
}
.off{ display: none; }
.on{ display: block; }

h2.l2head{
	width: 100%; height: 38px;
	background-position: right;
	background-repeat: no-repeat;
	display: block; margin-bottom: 6px; font-size: 0;
}
h2.uphead{ background-image: url("images/head_updates.png"); }
h2.guesthead{ background-image: url("images/head_guestbook.png"); }
h2.upoldhead{ background-image: url("images/head_updatesold.png"); }
h2.abouthead{ background-image: url("images/head_about.png"); }
h2.workusehead{ background-image: url("images/head_worksuse.png"); }
h2.linkhead{ background-image: url("images/head_links.png"); }

h2.galluotwhead{ background-image: url("images/head_galleryuotw.png"); }
h2.gallmemohead{ background-image: url("images/head_gallerymemo.png"); }
h2.gallwotbolhead{ background-image: url("images/head_gallerywotbol.png"); }
h2.gallfanhead{ background-image: url("images/head_galleryfan.png"); }
h2.galllithead{ background-image: url("images/head_gallerylit.png"); }
h2.gallmischead{ background-image: url("images/head_gallerymisc.png"); }

.frontnav { height: 300px; margin-bottom: 12px; display: block; }
.frontnav a{
    width: 292px; height: 20px; text-align: right;
	padding: 28px 8px 0 0; margin: 0 0 1px auto;
	color: #fafafa; text-transform: uppercase; font-size: 1.4em;
    display: block; text-shadow: #fafafa 0px 1px 1px;
}
.li00{ cursor: default; }
.li01{ background-image: url("images/element_indexlink01.png"); }
.li02{ background-image: url("images/element_indexlink02.png"); }
.li03{ background-image: url("images/element_indexlink03.png"); }
.li04{ background-image: url("images/element_indexlink04.png"); }
.li05{ background-image: url("images/element_indexlink05.png"); }

.smalllinks{
	margin-top: 6px;
	display: block;
	text-align: right;
	font-size: 0.9em;
}
.gallsubhead{ margin-top: -8px; margin-bottom: 14px; font-style: italic; }
.litpartsel{ text-align: center; margin: -10px 0 16px 0; }

.aboutmearea{
	min-height: 600px;
	background: url("images/element_aboutmetayruu.png") no-repeat;
	padding-left: 380px;
	display: block;
}
.aboutmoreindent{ margin-top: 16px; margin-left: 72px; }

.blogpost{ background-color: #393E43; border: 1px solid #05090d; margin-bottom: 12px; display: block; }
.blogpost .pad{ margin: 14px 14px 14px 127px; display: block; }
.blogpost .title { padding-bottom: 12px; font-size: 1.6em; }
.blogpost .text{ min-height: 48px; display: block; padding-bottom: 24px; }
time .postedline{ display: none; }
.blogpost time, .update time{
	height: 16px;
	background: url("images/head_upposted.png") no-repeat 14px 0px #05090d; 
	padding: 5px 2px 4px 124px; margin-bottom: -2px;
	position: relative;
	font-weight: bold;
}

.frontbase{ width: 780px; height: 240px; background-color: #393E43; border: 1px solid #05090d; margin-left: auto; display: block; overflow: hidden; }
.feature{ width: 402px; height: 242px; background: url("images/element_feature.png") no-repeat; margin: -1px 0 0 -1px; display: inline-block; position: absolute; }
.feature .text{ display: none; }
.feature:hover .text{ height: 16px; margin-top: 216px; padding: 5px 2px 4px 12px; background: #05090d; display: block; font-weight: bold; color: #e6e6e6; }
.update { width: 380px; height: 240px; border-left: 1px solid #05090d; margin-left: 400px; overflow: hidden; display: inline-block; }
.update .text { height: 191px; margin: 12px 10px 12px 12px; padding: 0 8px 0 112px; overflow-y: scroll; }
.update time{ bottom: 24px; width: 254px; position: absolute; }

.icon{ background-repeat: no-repeat; background-position: 14px 14px; }
.ic01{ background-image: url("images/element_tayruu01.png"); }
.ic02{ background-image: url("images/element_tayruu02.png"); }
.ic03{ background-image: url("images/element_tayruu03.png"); }
.ic04{ background-image: url("images/element_tayruu04.png"); }
.ic05{ background-image: url("images/element_tayruu05.png"); }
.ic06{ background-image: url("images/element_tayruu06.png"); }

.notice{ padding: 14px 0 4px 0; text-align: center; font-weight: bold; font-style: italic; }
.notice a{ font-style: normal}
.red{ color: #FF0000; }

.commentbody{
	min-height: 54px;
    background: #393E43;
	border: 1px solid #05090d;
	padding: 8px; margin: 10%; margin-top: 6px; margin-bottom: 6px;
	display: block;
}
.commentbody .title{ display: block; position: relative; font-size: 1.1em; font-weight: bold; font-style: italic; }
.commentbody .meta{ font-weight: normal; }
.commentbody .commentavatar{ margin: 2px; width: 50px; height: 50px; }
.commentbody .text{ margin-left: 64px; margin-top: -54px; margin-bottom: -2px; }

#comment{ margin-top: 14px; margin-bottom: 8px; }
#passwordForm{ width: 432px; margin: auto; }
.cformlabel{
	width: 62px;
	padding: 4px; padding-left: 8px; margin-top: 5px;
	color: #121617;
	display: block;
	position: relative;
	font-weight: bold;
	z-index: 5;
}

.cforminput{
	width: 250px;
	font-family: "Courier New", Courier, monospace;
	padding: 4px; margin-top: -26px; margin-bottom: 2px; padding-left: 80px;
	background: #cbccce;
	border: solid 1px #b7b7b7;
	display: block; position: relative;	
	z-index: 1;
}

.cformcomment{
	font-family: "Courier New", Courier, monospace;
	padding: 10px; margin-top: 1px;
	border: solid 1px #b7b7b7;
	background: #cbccce;
	font-size: 1.2em;
	width: 814px;
}

input:focus, textarea:focus{
	background: #e6e6e6;
	border: solid 1px #b7b7b7;
}

.cformsubmit{
	border: solid 1px #b7b7b7;
	margin-top: -28px; padding: 1px 12px 3px 12px;
	background: #b7b7b7;
	color: #121617;
	height: 26px;
	display: block;
	float: right;
	font-weight: bold;
}

.cformsubmit:hover{
	border: solid 1px #b7b7b7;
	background: #e6e6e6;
	color: #121617;
}

.jScrollPaneContainer {
	padding-right: 12px;
	padding-bottom: 12px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	margin-top: 12px;
	right: 0;
	position: absolute;
	cursor: pointer;
	height: 100%;
}
.jScrollPaneDrag {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	position: absolute;
	background: #05090d;
	cursor: pointer;
	overflow: hidden;
}