CODE {
	background: #DEDEDE;
	font-size: 0.8em;
}
BLOCKQUOTE {
	border: 1px solid black;
	padding: 8px;
	background: #DDD;
}
.anchor A.alink {
	visibility: hidden;
}
.anchor:hover A.alink {
	visibility: visible;
}


.comment {
	text-align: left;
	position: relative;
	word-wrap: break-word;
}
.comment IMG {
	max-width: 100%;
}
.comment .info {
	visibility: hidden;
	text-align: center;
	padding: 8px;
	background: #DDD;
	border: 1px solid #CCC;
	position: absolute;
	top: 0;
	left: -195px;
	width: 180px;
	z-index: 1;
	box-shadow: 0 0 4px #000;
	border-radius: 4px;
}
.comment:hover .info {
	visibility: visible;
}

.comment_add TEXTAREA {
	width: 100%;
}
.comment_add INPUT {
	width: 100%;
}

#comment-list-list .blockbody,
#comment-list-recent .blockbody,
#comment-list-image .blockbody,
#comment-list-user .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.command_example {
	margin: 12pt;
	padding-left: 16pt;
}

.command_example pre {
	padding:4pt;
	border: dashed 2px black;
}

.command_example p {
	padding-left: 16pt;
}

/*noinspection CssRedundantUnit*/
#image-list .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

.setupblocks {
	column-width: 400px;
	-moz-column-width: 400px;
	-webkit-column-width: 400px;
	max-width: 1200px;
	margin: auto;
}
.setupblocks > .setupblock:first-of-type { margin-top: 0; }

.setupblock {
	break-inside: avoid;
	-moz-break-inside: avoid;
	-webkit-break-inside: avoid;
	column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	text-align: center;
	width: 90%;
}
.setupblock TEXTAREA {
	width: 100%;
	font-size: 0.75em;
	resize: vertical;
}

.helpable {
	border-bottom: 1px dashed gray;
}

.ok {
	background: #AFA;
}
.bad {
	background: #FAA;
}

#Setupmain .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}


ARTICLE SELECT {width: 150px;}
INPUT, TEXTAREA {box-sizing: border-box;}
TD>INPUT[type="button"],
TD>INPUT[type="submit"],
TD>INPUT[type="text"],
TD>INPUT[type="password"],
TD>INPUT[type="email"],
TD>SELECT,
TD>TEXTAREA,
TD>BUTTON {width: 100%;}

TABLE.form {width: 300px;}
TABLE.form TD, TABLE.form TH {vertical-align: middle;}
TABLE.form TBODY TD {text-align: left;}
TABLE.form TBODY TH {text-align: right; padding-right: 4px; width: 1%; white-space: nowrap;}
TABLE.form TD + TH {padding-left: 8px;}

*[onclick],
H3[class~="shm-toggler"],
.sortable TH {
	cursor: pointer;
}
IMG {border: none;}
FORM {margin: 0;}
IMG.lazy {display: none;}

#flash {
	background: #FF7;
	display: block;
	padding: 8px;
	margin: 8px;
	border: 1px solid #882;
}

#installer {
	background: #EEE;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	width: 512px;
	margin: 16px auto auto;
	border: 1px solid black;
	border-radius: 16px;
}
#installer P {
	padding: 5px;
}
#installer A {
	text-decoration: none;
}
#installer A:hover {
	text-decoration: underline;
}
#installer H1, #installer H3 {
	background: #DDD;
	text-align: center;
	margin: 0;
	padding: 2px;
}
#installer H1 {
	border-radius: 16px 16px 0 0;
}
#installer H3 {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#installer TH {
	text-align: right;
}
#installer INPUT,
#installer SELECT {
	width: 100%;
	box-sizing: border-box;
}

/* Only need to change the file/url inputs */
#large_upload_form INPUT.wid {
	width: 100%;
}
#radio_button {
	width: auto;
}
#wrapper {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

/* This is needed since the theme style.css forcibly sets vertical align to "top". */
TABLE.vert TD, TABLE.vert TH {vertical-align: middle;}
.mini_upload INPUT {
	width: 100%;
}


.js .image_info .edit {
	display: none;
}
.js .image_info .view {
	display: block;
}

.no-js .image_info .edit {
	display: block;
}
.no-js .image_info .view {
	display: none;
}


.admin {
	padding: 4px;
	border-radius: 4px;
	background: green;
	margin: 6px;
	width: 200px;
	display: inline-block;
}
.admin.protected {
	background: red;
}
.admin INPUT[type="submit"] {
	width: 100%;
}
.admin.protected INPUT[type="submit"] {
	width: 90%;
}


.audio_image {
	min-width: 300px;
	width: 65%;
}
/* Hide download button as we use our own */
audio::-internal-media-controls-download-button {
    display:none;
}
audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}
audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.note {
	display: block;

	background-color: #FFE;
	border: 1px dashed black;
	overflow: hidden;
	position: absolute;
	z-index: 0;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.notep {
	display: none;
	color: #412a21;
	background-color: #fffdef;
	border: #412a21 1px solid;
	font-size: 8pt;
	margin-top: 0;
	padding: 2px;
	position: absolute;
	width: 175px;
}

#noteform, #noteEditForm {
	display: none;
	position: absolute;
	width: 250px;
}

#noteform textarea, #noteEditForm textarea {
	width: 100%;
}

/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url("../../../ext/notes/border-v.gif") repeat-y left top;
}

.imgareaselect-border2 {
    background: url("../../../ext/notes/border-h.gif") repeat-x left top;
}

.imgareaselect-border3 {
    background: url("../../../ext/notes/border-v.gif") repeat-y right top;
}

.imgareaselect-border4 {
    background: url("../../../ext/notes/border-h.gif") repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    /*background-color: #000;*/
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {
}

/* Makes sure the note block is hidden */
section#note_system {
	height: 0;
}
section#note_system > .blockbody {
	padding: 0;
	border: 0;
}

.thumb IMG {
	border-width: 2px !important;
}

.shm-thumb-has_child img {
	border-color: lime !important;
}

.shm-thumb-has_parent img {
	border-color: #cc0 !important;
}

.shm-thumb-has_child.shm-thumb-has_parent img {
	border-color: lime #cc0 #cc0 lime !important;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                  things common to all pages                    *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

BODY {
	background: url("../../../themes/warm/bg.png");
	font-family: "Arial", sans-serif;
	font-size: 14px;
	margin: 0;
}
HEADER {
	border-bottom: 1px solid #B89F7C;
	margin-top: 0;
	margin-bottom: 16px;
	padding: 8px;
	background: #FCD9A9;
	text-align: center;
}
H1 {
	font-size: 5em;
	margin: 0;
	padding: 0;
}
H1 A {
	color: black;
}
H3 {
	text-align: center;
	margin: 0;
}
THEAD {
	font-weight: bold;
}
TD {
	vertical-align: top;
	text-align: center;
}
CODE {
	background: #DEDEDE;
	font-size: 0.8em;
}
#subtitle {
	width: 256px;
	font-size: 0.75em;
	margin: -16px auto auto;
	text-align: center;
	border: 1px solid black;
	border-top: none;
	background: #DDD;
}

TABLE.zebra {border-spacing: 0; border: 1px solid #B89F7C; }
TABLE.zebra TD, TABLE.zebra TH {vertical-align: middle; padding: 4px;}
TABLE.zebra THEAD TD, TABLE.zebra THEAD TH {border-bottom: 2px solid #B89F7C;}
TABLE.zebra TFOOT TD, TABLE.zebra TFOOT TH {border-top: 2px solid #B89F7C;}
TABLE.zebra TD {border-top: 1px solid #B89F7C;}
TABLE.zebra TR:nth-child(odd) {background: #FCD9A9;}
TABLE.zebra TR:nth-child(even) {background: #DABC92;}

FOOTER {
	clear: both;
	padding: 8px;
	font-size: 0.7em;
	text-align: center;
	border-top: 1px solid #B89F7C;
	background: #FCD9A9;
}

A         {color: #665844; text-decoration: none; font-weight: bold;}
A:hover   {color: #665844; text-decoration: underline;}
A:visited {color: #665844; text-decoration: none}
A:active  {color: #665844; text-decoration: underline;}

BLOCKQUOTE {
	border: 1px solid black;
	padding: 8px;
	background: #DDD;
}

UL {
	text-align: left;
}

SECTION>H3, SECTION>.blockbody, .comment, .setupblock {margin: 8px; padding: 8px; border: 1px solid #B89F7C;}
SECTION>.blockbody, .comment, .setupblock {background: #FCD9A9;}
SECTION>H3 {background: #DABC92;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*             the navigation bar, and all its blocks             *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

NAV {
	width: 250px;
	float: left;
	text-align: center;
	margin-left: 16px;
}
NAV .blockbody {
	font-size: 0.85em;
	text-align: center;
}
NAV TABLE {
	width: 150px;
}
NAV TD {
	vertical-align: middle;
}
NAV INPUT {
	width: 100%;
	padding: 0;
}
NAV SELECT {
	width: 100%;
	padding: 0;
}

TABLE.tag_list {
	width: 100%;
	border-collapse: collapse;
}
TABLE.tag_list>THEAD {
	display: none;
}
TABLE.tag_list>TBODY>TR>TD {
	display: inline;
	padding: 0;
	line-height: 1em;
}
TABLE.tag_list>TBODY>TR>TD:after {
	content: " ";
}

.more:after {
	content: " >>>";
}

.tag_count:before {
	content: "(";
}
.tag_count:after {
	content: ")";
}

#paginator .blockbody {
	background: none;
	border: none;
	box-shadow: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                 the main part of each page                     *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

ARTICLE {
	margin-left: 276px;
	margin-right: 16px;
	text-align: center;
	height: 1%;
}
ARTICLE TABLE {
	width: 90%;
	margin: auto;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     specific page types                        *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#short-wiki-description > .blockbody {
	padding-bottom: 15px;
}
#short-wiki-description h2 {
	margin: 0 0 0.4em;
}

#pagelist {
	margin-top: 32px;
}

.thumb {
	width: 226px;
	display: inline-block;
	zoom: 1; /* ie6 */
	*display: inline; /* ie6 */
	text-align: center;
	margin-bottom: 8px;
}
.thumb IMG {
	border: 1px solid #B89F7C;
	background: #FCD9A9;
	padding: 8px;
}