/* CORE */

* {
	margin: 0;
	padding: 0;
}


/* LAYOUT */

body {
	padding: 8px; 
	overflow-x: hidden;
}

p {
	margin: 1em 0;
}

aside {
	position: fixed;
	right: 0;
	height: 100%;
	width: 270px;
	padding: 20px;
	background-color: white;
}

aside p {
	margin-top: 0;
}

#wrapper, main {
	display: table;
	position: relative;
	margin: 5px 350px 5px 5px;
}



/* TEXT */

blockquote {
	display: table-row;
}

blockquote>* {
	display: table-cell;
}

blockquote cite {
	min-width: 50px;
	padding: 2px 4px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	vertical-align: text-top;
}

blockquote iframe {
	vertical-align: text-top;
}

blockquote a {
	display: inline-block;
	color: inherit;
	vertical-align: text-top;
}

blockquote img {
	max-width: 100%;
}

/* TEXT STYLING CLASSES */

.hidden {
	font-size: 7px;
}

.del {
	color: grey;
}

.ic {
	color: blue;
}

.ic.gm {
	color: red;
}

.ic.bot {
	color: orange;
}

.server, .ic.server {
	color: green;
}

.ooc {
	color: black;
}

.ooc.gm {
	color: purple;
}

.ooc.bot {
	color: brown;
}

.ooc.server {
	color: grey;
}

.un {
	color: skyblue;
}

.server cite {
	visibility: hidden;
}


/* COLORBLIND TEXT COLOURS */

.colour-legend.blind {
	display: none;
}

.blind .del {
	color: grey;
}

.blind .ic {
	color: rgb(0,114,178); /*blue*/
}

.blind .ic.gm {
	color: rgb(213,94,0); /*red (vermillion)*/ 
}

.blind .ic.bot {
	color: rgb(230,159,0); /*orange*/
}

.blind .server, .blind .ic.server {
	color: rgb(0,158,115); /*green*/
}

.blind .ooc.gm {
	color: rgb(204,121,167); /*purple*/
}

.blind .ooc.bot {
	color: rgb(102,51,0); /*dark brown?*/
}

.blind .ooc.server {
	color: grey;
}

.blind .un {
	color: rgb(86,180,233); /*sky blue*/
}

.none blockquote {
	color: black !important;
}



/* OTHER */

button#save {
	margin: 1em 0;
	padding: 2px 10px;
	cursor: pointer;
}

.noselect {
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}