/* $Id: comment.css $ */

div.comments {
	width: 100%; 
	margin-top: 10px; 
	padding-top: 5px; 
	border-top: 1px dashed gray;
}

div.comments blockquote {
	font-size: 0.9em;
	width:80%;
	clear:both;
	margin: 1em 10px;
	margin-left: 50px;
	padding: 0 0.5em 0.5em 0.5em;
	border-top: 1px solid gray;
	background: #efefef;
}
div.comments blockquote.reply {
	background: #D8D8D8; 
	margin-left: 75px;
}
div.comments blockquote.approved {
	background: #DEEADE; 
}

div.comments blockquote p {
	margin-top: 1em;
}

div.comments cite {
	font-style: normal; 
	display:block; 
	border-top: 1px dotted gray;
	padding-top: 0.2em;
}

div.comments blockquote pre {
	background: white;
	color: black;
	margin: 10px; 
	padding: 5px; 
	border: thin dashed black;
	overflow: auto;
	width: 90%;
}

div.warn {
	display:inline; 
	color:red;
	font-size:80%;
}

/* input[type=button], input[type=submit] { */
input[type=button].post, input[type=submit].post {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgb(0 220 0 / 100%);
    background-image: linear-gradient(to top left, rgb(0 0 0 / 20%), rgb(0 0 0 / 20%) 30%, rgb(0 0 0 / 0%));
    box-shadow: inset 2px 2px 3px rgb(255 255 255 / 60%), inset -2px -2px 3px rgb(0 0 0 / 60%);
    cursor: pointer;
}

input[type=button].reply, input[type=submit].reply {
    border: 0;
    line-height: 1.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgb(0 0 255 / 100%);
    background-image: linear-gradient(to top left, rgb(0 0 0 / 20%), rgb(0 0 0 / 20%) 30%, rgb(0 0 0 / 0%));
    box-shadow: inset 2px 2px 3px rgb(255 255 255 / 60%), inset -2px -2px 3px rgb(0 0 0 / 60%);
    cursor: pointer;
}

input[type=submit].approve {
    background-color: green !important;
	color: #fff;
}
input[type="submit"].delete {
    background-color: red !important;
	color: #fff;
}

