<style type="text/css">

{ ................. mobile-specific ...... mobile first ........... }

.main {
	width:95vw;
	margin:5px;
	padding:0px;
	font-size:20px;
	line-height:2em;
	position:absolute;
	
  }


.postboard {
	margin-left:0;
	width:90vw;
}

.postboard a {
	text-decoration:none;
}

.postcover {
	display:block;
	width:100%;
	margin:10px;
	padding:20px;
	border:0px;
	position:relative;
	border-bottom:2px solid white;

}


.postsynop {
	font-size:.75em;
	color:white;
	line-height:1.2em;
	margin-right:10px;
	display:block;
	position:relative;
}

.postname {
	display:block;
}

{ ................. desktop-specific ................. }

@media only screen and (min-width: 800px) {

.main {
	max-width:800px;
	margin:8vw 2vw 8vw 8vw; 
	font-size:20px;
	line-height:1.4em;
}

.postboard {
	margin-left:-4vw;
	width:90vw;
}


.postcover {
	display:inline-block;
	width:300px;
	height:500px;
	border:1px solid gray;
	margin:10px;
	margin-bottom:20px;
	padding:20px;
	vertical-align:bottom;
	position:relative;
}

.postsynop {
	font-size:.75em;
	color:white;
	line-height:1.2em;
	position:absolute;
	bottom:15px;
	margin-right:10px;
}



} 

{ ................. structure stuff ................. }

{ ................. main divs ................. }

.main {
	background-color:black;
  }


html {
	font-size:20px;
	
}

body {
	background:black;
	color:white;
	font-family: DejaVuMono, Monospace; 
	line-height:1.4em;
	font-size:20px;
}





.top {
	padding-bottom:25px;
	margin-bottom:2em;
	max-width:937px;
	z-index:10;
	position:relative;
	border-bottom:4px solid green;
}

.footer {
	margin-top:1em;
	margin-bottom:500px;
	border-top:4px solid green;
	padding:0px;

	}

.foot {
	content:url('../../../floor01/hallcloset/assets/boots.png');
     display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:0px;
}


.clear {
	clear:both;

}
{ ................. secondary divs ................. }

.menu {
	display:inline-block;
	margin-top:0px;
}

.synopsis {
	font-size:.7em;
	margin-top:20px;
	margin-bottom:40px;

}

.menu ul li {
	float:left;
    display: inline;
    margin-right: 1em;
    padding: 0.2em 0.5em;

}

.menu ul, #menu ul ul {
	margin:0px;
    line-height: 1em;
    list-style: none;
    text-transform: capitalize;
	padding:0px;
}

.menu a {
    text-decoration: none;
}

.moon {
	width: 95vw;
	margin-left:-100px;
	}

.moon img {
	float:right;
}

.note {
	border:2px dashed gray;
	padding:20px;	
	margin-bottom:2em;
	font-size:.8em;
}


.postboard {
	width:90vw;
}

.notonlineyet {
	background-repeat: no-repeat;
	background-position: left top; 
}

.starpost {
	background-image:url('../../../floor01/hallcloset/assets/starpost.gif');
	background-repeat: no-repeat;
	background-position: left top; 
}

.newpost {
	background-image:url('../../../floor01/hallcloset/assets/newpost.gif');
	background-repeat: no-repeat;
	background-position: left top; 
}

.postcover:hover {
	border:1px solid white;
}

.postcover:hover a {
	color:black;
	animation:t3terg 2s ease-in-out infinite;
}

.postcover:hover a:nth-child(3n+1) {
	animation:t3terg 1.43s ease-in-out infinite;
	animation-delay:-2s;

}

.postcover:hover a:nth-child(3n+2) {
	animation:t3terg 2.7s ease-in-out infinite;
	animation-delay:-1s;

}



@keyframes t3terg {
	0% {background:red;}
	50% {background:#b51313;}
	100% {background:red;}
}



.postcover:hover img{
	display:block;

}

.postcover img {
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	display:none;
}

.postname {
	font-family:'Cooper';
	font-size:2em;
	color:#e495e7;
	margin-top:10px;
	text-decoration:none;
	font-weight: normal;
	line-height:1.2em;


}
.postdate {

}	


.postsynop .synopposttype {
	color:#805a3d;
	font-size:1.25em;
	line-height:1.5em;

}

.postsynop .synopguest {
	color:green;
	font-size:1.25em;
	line-height:1em;
	margin-bottom:.3em;

}



.coat {
	display:inline-block;
	width:300px;
	height:500px;
	margin:10px;
	padding:20px;
	vertical-align:bottom;
	position:relative;
	border:1px solid black;
	margin:10px;
}

.coat img {
	display:block;
	margin:auto;
	animation:lilbounce 2s ease-in-out infinite;
	animation-play-state:paused;
}

.coat img:hover {
	animation-play-state:running;

}

.endposts {
	width:1200px;
	display:block;
	margin-top:5em;
	border-top:4px solid green;
	padding-top:1.5em;
}

.otherpostslink {
	font-size: .8em;
}

.roughedge {
  position: relative;
  z-index: 1;
	display:inline-block;
}

.roughedge::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
	border-image: url(../../../floor01/hallcloset/assets/roughborder.gif)  10 10 10 10  repeat;
  content: '';
}


.roughedge img {
  position: relative;
  z-index: 0;
}

.roughborder {
  border-style: solid;
  border-width: 10px 10px 10px 10px;
	border-image: url(../../../floor01/hallcloset/assets/roughborder.gif)  10 10 10 10  repeat;
}

{ ................. fonts ................. }

@font-face {
	font-family: Cooper;
	src: url(../fonts/cooperblackstd.otf);
	font-weight: normal;
}

@font-face {
	font-family: BeautyInitials;
	src: url(../fonts/BeautyInitials.ttf);
	font-weight: normal;
}

@font-face {
	font-family: Eileen;
	src: url(../fonts/eileen.ttf);
	font-weight: normal;
}

@font-face {
	font-family: ZallmanCaps;
	src: url(../fonts/ZallmanCaps.ttf);
	font-weight: normal;
}

@font-face {
	font-family: DejaVuMono;
	src: url(../fonts/DejaVuSansMono.ttf);
	font-weight: normal;
}

@font-face {
    font-family: Crass;
    src: url('../fonts/Crass.ttf') format('truetype');
}

@font-face {
    font-family: cardo;
    src: url('../fonts/Cardo-Regular.ttf') format('truetype');
}

{ ................. regular text stuff ................. }

p {
	margin-top:1.5em;
}

h1, h2, h3 {
	font-family:'Cooper';
	font-weight: normal;
}

h1 {
	font-size:2.5em;

}

h2 {
	font-size:2em;
	line-height:1.5em;
	margin-bottom:0;
}

h3 {
	font-size:1.5em;
}



.top h1 {
	font-family:'Cooper';
	font-size:2.5em;
	color:white;
	margin-bottom:0px;
	text-decoration:none;
	font-weight: normal;
	line-height:1.5em;
}
.top h2 {
	font-family:'Cooper';
	color:white;
	font-size:1.5em;
	margin-bottom:0px;
	text-decoration:none;
	font-weight: normal;
	margin-top:0px;
}

h1.entrytitle {
	font-family:'Cooper';
	font-size:3em;
	color:#fcde00;
	display:inline-block;
	text-transform:capitalize;
	font-weight: normal;
	width:80vw;
	margin:0px;
	line-height:1em;
}


a {
	color:orange;
}

a:focus {
	outline: 0 !important;
}

b {
	color:#d6ffdc;
}

.pink {
	color:#ff8aea;
}
.red {
	color:#ff0000;
}


blockquote img {
	margin:0px;
}

blockquote {
	background-image:url("../../../floor01/hallcloset/assets/wave.png");
   background-repeat: repeat-y;
	padding: 0 0 0 40px;
	margin:40px 0 40px 0;
	font-style: italic;	
	border:0px;	
}

blockquote i {
	font-style:normal;
}

hr.s {
	display:block;
	border:0px;
	height:50px;
	background-repeat:no-repeat;
	background-position: center;
	margin: 3em auto 3em auto;
	
}

hr.s:nth-child(6n+1) {
	background-image:url("../../../floor01/hallcloset/assets/stoppage1.png");

}

hr.s:nth-child(6n+2) {
	background-image:url("../../../floor01/hallcloset/assets/stoppage2.png");

}

hr.s:nth-child(6n+3) {
	background-image:url("../../../floor01/hallcloset/assets/stoppage3.png");

}

hr.s:nth-child(6n+4) {
	background-image:url("../../../floor01/hallcloset/assets/stoppage4.png");

}

hr.s:nth-child(6n+5) {
	background-image:url("../../../floor01/hallcloset/assets/stoppage5.png");

}

hr.s:nth-child(6n+6) {
	background-image:url("../../../floor01/hallcloset/assets/stoppage6.png");

}

hr.s1 {
	background-image:url("../../../floor01/hallcloset/assets/stoppage1.png");
	display:block;
	border:0px;
	height:50px;
	background-repeat:no-repeat;
	background-position: left;
	margin: 3em 0 3em;
}	

hr.s2 {
	background-image:url("../../../floor01/hallcloset/assets/stoppage2.png");
	display:block;
	border:0px;
	height:50px;
	background-repeat:no-repeat;
	background-position: left;
	margin: 3em 0 3em;
}	

hr.s3 {
	background-image:url("../../../floor01/hallcloset/assets/stoppage3.png");
	display:block;
	border:0px;
	height:50px;
	background-repeat:no-repeat;
	background-position: left;
	margin: 3em 0 3em;
}	

hr.em15 {
	border:0px;
	height:1.5em;
}


hr.em2 {
	border:0px;
	height:2em;
}

hr.em3 {
	border:0px;
	height:3em;
}

hr.em4 {
	border:0px;
	height:4em;
}

.time {
	font-size:1em;
	text-decoration:none;
	color:#606060;
	margin-top:.5em;
	margin-bottom:0em;
}

.copyright {
	float:right;
	font-size:.5em;

}

.copyright::after {
	content:"copyright 2025 Fujichia";
	}
.crass {
	font-family:"Crass";
	letter-spacing:.08em;
}

.crass a {
	text-decoration:none;
}

{ ................. list stuff ................. }



li {
	margin-top:.8em;
	font-size:1em;
}


ul ul li {
	list-style-type: circle;
}

ul ul ul li {
	list-style-type: square;
}

ul ul ul ul li {
	list-style-type: circle;
}


li.todo {
	list-style-type: square;
	list-style: square outside url("../../../floor01/hallcloset/assets/todo.gif")
}

li.done {
	list-style-type: square;
     list-style: square outside url("../../../floor01/hallcloset/assets/check.png");
	font-style: italic;
	text-decoration:line-through;
}

li.bailed {
	list-style-type: square;
     list-style: square outside url("../../../floor01/hallcloset/assets/redx.png");
	font-style: italic;
	text-decoration:line-through;
}

li.line {
	list-style:square outside url("../../../floor01/hallcloset/assets/yellowline.png");
}


@counter-style movie {
	system: cyclic;
	symbols: "\1F3AD";
	suffix: " ";
}
li.movie {
	list-style:movie;
	margin-bottom:2em;

}

li.www::marker {
	content:"🔗  ";
}
li.www {
	padding-left:15px;
}

.movietitle {
	font-weight:bold;
}

.movienote {

	margin-left:40px;
}

@counter-style rewatch {
	system: cyclic;
	symbols: "\27F2";
	suffix: " ";
}
li.rewatch {
	list-style:rewatch;
	margin-bottom:2em;

}


{ .................special spans & divs ................. }

.toppic {
	content:url('../../../../grounds/frontyard/sun.png');
	display:inline;
}

.desc::after {
	content:"weekly transmission";
}

.aside {
	margin:0px 0 10px 40px;
	font-size:.8em;
	text-decoration:none;
}


.small {
	font-size:.8em;
}

.twitter {
	width:500px;
	background-image:url("../../../floor01/hallcloset/assets/twitter1.jpg");
	background-repeat: no-repeat;
	padding-left:440px;
	margin-top:50px;
	margin-bottom:50px;
	min-height:400px; 
}
.thought {

	margin-bottom:-40px;
	margin-top: 40px;
	margin-left:-420px;
	z-index:100;
	position: absolute;
	font-size:3em;
	
}

.nancy {
	background-image:url("../../../floor01/hallcloset/assets/nancy_invert.png");
	background-repeat: no-repeat;
	width: 145px;
	height: 276px;
	padding:32px 22px 170px 14px;
	box-sizing:border-box;	
	color:white;
	font-size:.85em;
	text-align:center;
	vertical-align:middle;
	position:absolute;
	left:900;	
	z-index:5;
	
}

.xout {
	background-image:url("../../../floor01/hallcloset/assets/xout.png");
	background-repeat: no-repeat;
	background-size:100% 100%;
}

.emo {
	position:absolute;
	left: -100px;
	font-size:3em;
}

.hidden {
	color: yellow;
	font-weight:bold;
	cursor:pointer;
	z-index:99;
}

.hidden::before{
	content: "🐚"
}

.hidden img{
	visibility:hidden;
	opacity: 0;
	position:absolute;
  transition: visibility 0s 10s, opacity 10s cubic-bezier(1,0,.71,.69);
	left:950px;
	margin-top:-200px;
	z-index:99;
}

.hidden .note{
	visibility:hidden;
	opacity: 0;
	position:absolute;
  transition: visibility 0s 10s, opacity 10s cubic-bezier(1,0,.71,.69);
	left:850px;
	color: gray;
	font-weight:normal;

}

.bluedot {
	display:inline-block;
	position:absolute;
	
}

.thebluedot {
	width:37px;
	height:37px;
	border-radius:50%;
	background-color:#55acee;
	cursor:pointer;
}

.bouncingdot img, .bouncingdot .thebluedot {
	animation:bluedotanim 6s linear forwards;
}

.hidden:active img{
	visibility:visible;
	display:inline;
	position:absolute;
	opacity:1;
  transition: opacity 0ms linear;
}

.hidden:active .note{
	visibility:visible;
	display:inline;
	position:absolute;
	opacity:1;
  transition: opacity 0ms linear;
}


.caption {
	font-size:.7em;
	font-style: italic;
	color:gray;
	display:inline-block;	
	text-align:right;
}

.caption p {
	margin-top:-1.2em;
	margin-bottom:-.5em;
}

.box {
	border:1px solid white;
	padding: 10px;
	margin: 10px;
	padding-bottom:30px;
}

.cap {
	text-indent:-7px;
	margin-top:120px;
	display:block;
}

.cap::first-letter {
	font-family:'Eileen';
  float: left;
  font-size: 17.5em;
	margin:-.25em 7px 3px 0;
	line-height:.7em;
}

.spin {
    -webkit-animation: spin 60s infinite linear;
	display: inline-block;
}


@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}


.footnote {
	position:absolute;
	right:-220px;
	width:200px;
	font-style: italic;
	text-indent:-20px;
		font-size:.7em;
	line-height:1.2em;
	    text-justify:none;
	margin-top:50px;
}

.footnote::before{
	content: '✻';
	margin-right:10px;
	position:relative;
	top:-25px;
	left:20px;
	font-size:15px;
	font-style: normal;
}

.side {
	position:absolute;
	left:900px;
	font-size:.75em;
	text-align:right;

}

.space100 {
	display:block;
	height:100px;

}

.guest {
	border:1px dashed gray;
	padding: 10px 40px 40px 40px;
	margin: 20px -40px 10px -40px;
	padding-bottom:30px;

}

.alert {
	display:none;
	background-color:white;
	color:black;
	padding:30px;
	width:350px;
	font-size:.6em;
	line-height:1.6em;
	overflow:visible;	
	white-space:normal;
	font-family:serif;
	cursor:pointer;
        border: 10px solid white;
        box-shadow: inset 0px 0px 0px 1px black;
        box-sizing: border-box;
	z-index:1001;
	position:relative;
}

.qa1 {
}
.qa1name {
	margin-top:1em;
	margin-bottom:3em;
}

.stack img {
	margin:0px;
	padding:0px;
	line-height:1em;

}

.fright {
	float: right;
	padding-left:20px;
}
.fhright {
	float: right;
	padding-left:20px;
	margin-right:-25%;
}


.circle {
  	position: relative;
  	clip-path: circle(300px at 50% 50%);
	height: 600px;
	overflow: hidden;
	 display: block;
	background:white;
	margin:auto;
}
.circle img, .circlemedium img {
   max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
	 top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.clock {
    -webkit-animation: spin 3600s infinite linear;
	display: inline-block;
}



#mouse {
	position:absolute;
	right:50vw;
	bottom:0vh;
	z-index:2;
	animation:scurry 3s linear;
   animation-fill-mode: forwards;
	overflow:hidden;
	display:none;
}


#hole {
	position:absolute;
	width:59px;
	height:50px;
	right:calc(2vw - 14px);
	top:0vh;
	margin-top:0px;
	background-color:#494848;
	display:none;
}

#hole img {
	margin:0px;
}
#holepic {
	position:absolute;
	top:0vh;
	right:0vw;
	z-index:3;
	width:59px;
	height:50px;
}


@keyframes scurry {
	0% {right:50vw;bottom:0vh;}
	60% {right:50vw;bottom:0vh;transform:rotate(0deg);}
	67% {right:10vw;bottom:0vh;transform:rotate(0deg);}
	70% {right:2vw;bottom:0vh;transform:rotate(-90deg)translateY(0px);}
	80% {right:2vw;bottom:110vh;transform:rotate(-110deg)translateY(80px);}
	99% {right:2vw;bottom:110vh;transform:rotate(-90deg)translateY(80px);}
	100% {right:2vw;bottom:110vh;transform:rotate(-90deg)translateY(80px);display:none;}
	
}

table {
	font-family:'DejaVuSansMonoBook', Monospace; 
	font-size:19px;	
	text-align:right;
   border-collapse: collapse;
}	

table, th, tr, td {
	border:1px solid white;
	text-align:left;
}
td {
	padding:10px;
	text-align:left;
}

tr.header {
	background: gray;
	color: white;
	font-weight:bold;
	border:black;
}

.togoff {
    display: none;

}
a.togglelink {
	text-decoration:underline;
	text-decoration-style:dashed;
	text-underline-offset: 6px;
		font-weight:bold;
		cursor:pointer;
}

a.togglelink::before{
	content: " » "
}



.icons {
	min-width:100%;
	max-width:1200px;
	display:inline-block;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	margin: 0 auto;
	text-align:center;
}

.middle img {
	vertical-align:middle;
}

.icons img {
	margin:20px;
}

.move {
  position: absolute;
  transform: translate(50%, 50%);
  /* filter: drop-shadow(1px 1px 3px white); */
  display: inline-block;
  user-select: none;
  touch-action: manipulation;
  left:1000px;
	cursor:move;

}

.moved {
  position: absolute;
  transform: translate(50%, 50%);
  display: inline-block;

}

.handle-container {

  position: absolute;
  cursor: nwse-resize;
  z-index: 10000;
  display: block;
  user-select: none;
  margin: 0;
  padding:0;
  pointer-events: none;
}
.resize-handle {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid black;
  box-sizing: border-box;
  z-index: 1000000;
  background-color: white;
  transform: translate(-50%, -50%);
  display: block;
  user-select: none;
  margin: 0;
  pointer-events: all;
  right: -12px;
  bottom: -12px;
  border-radius: 100%;
  cursor: grabbing;
}
.here {
	position:relative;
	height:1px;
	}

{ ^^^^^^^^^^^^^^^^^ spans & divs ^^^^^^^^^^^^^^^^^ }

{ ................. image stuff ................. }

img {
	margin: 20px 0px 20px;
	max-width:80vw;
}

img.full {
	width:100%;
}


.crop {
  	position: relative;
  	clip-path: inset(2px 0px 0px 2px);
}

.oval {
 	position: relative;
  	clip-path: ellipse(50% 50%);
	overflow: hidden;
}
.rounded {
	border-radius:25px;
}
.offl {
		-webkit-transform:rotate(-3deg);
			-moz-transform:rotate(-3deg);
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
	margin:2em 0 2em 0;
}
.offr {
		-webkit-transform:rotate(2deg);
			-moz-transform:rotate(2deg);
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
	margin:2em 0 2em 0;
}


.invert {
	-webkit-filter: invert(1);
	filter: invert(1);
}
.wide {
	width:80vw;
	margin-bottom:20px;
	padding-bottom:20px;
	display:inline-block;
	margin-left:-6vw;
}

.wide img {
	float:left;
	margin:5px;
	display:block;
}

.widenomarg {
	margin-left:0px;
}


.fleft {
	margin-left: -80px;
	display:block;
	float:left;


}
.sconce {
	background: url("../../../floor01/hallcloset/assets/glyph/glyph1_L.gif"), url("../../../floor01/hallcloset/assets/glyph/glyph1_R.gif");
	background-position: 0% 95%, 100% 95%;
	background-repeat: no-repeat, no-repeat;
	padding: 0 125px 0 125px;
	margin: auto;
	display: table;
}
.center {
     display: block;
    margin-left: auto;
    margin-right: auto;
}

.gradient {
	width:100vw;
	margin-bottom:20px;
	padding-bottom:20px;
	display:inline-block;
  position: relative;
	overflow:hidden;
	white-space:nowrap;
}

.gradient:after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
	background-size:100% 100%;
	background-image:url("../../../floor01/hallcloset/assets/gradient.png");
	mix-blend-mode:multiply;
}

.glowhover:hover {
	filter: drop-shadow(0px 0px 40px #aaa);
}

.window {
	border-radius:500px 500px 0 0;
}

{ ^^^^^^^^^^^^^^^^^ image stuff ^^^^^^^^^^^^^^^^^ }


{ ................. animations ................. }


@keyframes lilbounce {
	0% {margin-top:0px;}
	50% {margin-top:10px;}
	100% {margin-top:0px;}
}


@keyframes throb {
	0% {-webkit-transform: scale(1.0, 1.0);}
	50% {-webkit-transform: scale(1.02, 1.02);}
	100% {-webkit-transform: scale(1.0, 1.0);}
}

@keyframes wag {
	0% {-webkit-transform:rotate(0deg);}
	25% {-webkit-transform:rotate(-5deg);}
	75% {-webkit-transform:rotate(5deg);}
	100% {-webkit-transform:rotate(0deg);}

}

@keyframes rainbow {
	0% {filter: hue-rotate(0deg)}
	100% {filter: hue-rotate(360deg)}
}
@keyframes bluedotanim {
	0% {transform:translateY(0px);}
	12% {transform:translateY(10px);}
	35% {transform:translateY(0px);}
	60% {transform:translateY(10px);}
	100% {transform:translateY(0px);}
}


{ ^^^^^^^^^^^^^^^^^ animations ^^^^^^^^^^^^^^^^^ }

{ vvvvvvvvvvvvvvvvv special for MN backissues vvvvvvvvvv }

.mnpage {
	margin:20px;
	padding:0px;
	max-height:90vh;
	border:15px solid white;
}

.pagetop {
	max-width:800px;
	padding:10vh;
	color:white;
}

.exlibris {
	margin:20px;
	padding:0px;
	max-height:90vh;
}


{ vvvvvvvvvvvvvvvvv special for questionnaires vvvvvvvvvv }


.editor {
	float:right;
	max-width:700px;
	font-style:italic;
	font-size:.8em;	
}
.qa1 {
	border-bottom:0px;
	border-top:3px dashed white;
	margin-bottom:0px;	
	padding-top:50px;
	margin-top:50px;	
	width:100%;
	display:inline-block;
}

.qa1name {
	float:right;
}

{ vvvvvvvvvvvvvvvvvv comments stuff vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv }

#comment-section { width:100%;}

#comment-form input, #comment-form textarea, #comment-form button { display: inline-block; margin: 5px 0; padding: 5px;  font-family: DejaVuMono, Monospace; font-size:20px;
}

#comments {
	border-bottom: 1px solid #ccc;
}

#comment-name { width:780px; }

#comment-email { width:440px; display:inline-block;}

#comment-passphrase { width:300px; display:inline-block;}

#comment-message {width:780px; }

.comment { border-top: 1px solid #ccc; padding: 0.5em; margin-bottom: 0.5em; }

#comment-submit {width:300px;float:right; margin-right:20px;}


/* me */
.comment-27d3fcd6 { 
	padding: 26px;
	border: 2px dashed cornflowerblue;
	}
.comment-27d3fcd6 em {
	right:36px!important;
}
/* class with any email */
[class*="comment-"] strong{
	color:gold;
}
/* class with no email */
.comment-anon {

}

.comment em {
font-size: 0.7em;
  position: absolute;
  right: 10px;
}

</style>
