@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Alata:400,400i');

.maxo {
	font: 11pt "Alata", Candara, sans-serif;
	text-shadow: 1px 2px 2px rgba(0,0,0,.85);
	background: #342456;
	padding: 21px 25px 25px;
	color: #BED9FA;
	overflow: hidden;
	box-shadow: inset 0 0 25px rgba(30,10,50,.7);
	position: relative;
}

.maxop {
	min-height: 150px;
}

.maxob {
	background: url('border.png') repeat-x;
	height: 9px;
	margin: 36px -25px 0;
}

.maxos {
	background: rgba(13,20,28,.6);
	padding: 15px 25px 18px;
	margin: 0 -25px -25px;
	color: #D8C4F0;
}

.maxos:after {
	position: absolute;
	content: url('darkblob.png');
	right: 12px;
	bottom: 8px;
}


.maxop div.quote, .maxop, div.code {margin: 8px 10px -13px !important;}

.maxop div.quote {color: #A7BED3;}
.maxop div.code > .boxhead {display: none;}

.maxop div.quote > .box {
	border: 0px transparent;
	border-left: 2px solid #A7BED3;
	background: rgba(0,0,0,.2);
	border-radius: 2px;
	padding-left: 8px;
	padding-bottom: 4px;
}

.maxop div.collapsed-content {
	background: rgba(0,0,0,.2);
	border-radius: 2px;
	padding-bottom: 3px;
	padding-top: 1px;
	font-size: 0.9em;
	color: #A7BED3;
	border-color: #A7BED3;
}

.maxop div.code > .box {
	font-size: 10pt;
	border: 0px transparent;
	color: #6FA;
	border-left: 2px solid #6FA;
	background: rgba(0,0,0,.2);
	border-radius: 2px;
	padding-left: 8px;
	padding-bottom: 4px;
	text-shadow: none;
}

.maxop code {
	font-size: 11pt;
	display: inline-block;
	background: rgba(0,20,10,0.25);
	border: 1px solid rgba(0,0,0,0.2);
	padding: 2px 4px 0;
	border-radius: 2px;
	text-shadow: 0 0 1px white;
	margin: 1px 1px -6px;
	height: 18px;
	overflow: hidden;
	color: #6FA;
}


.maxo a {
	color: #FAC964;
	font-weight: bold;
	text-decoration: none;
}

.maxo a:visited {color: #C97;}
.maxo a:hover {color: #FAF9D4;}
.maxo a:active {text-decoration: underline;}

.maxos span.mlinks {font-size: 8pt; vertical-align: 2px;}